﻿#logo {
	position: absolute; 
	left: 20px; 
	top: 10px; 
	width: 400px; 
	height: 90px; 
	z-index: 1;
	background-color:white;
}

#navigation {
	position:absolute;
	left: 20px;
	top: 120px;
	width: 120px;
	height: 120px;
	background-image:url('graphics/artnoheader.jpg')
}

#navigation p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#body p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
}

.gallery {
	height:175px;
	float:left;
	margin-right:20px;
}

.pagetitle {
	font-family:Brush Script MT, Brush Script Std, script;
	font-size:xx-large;
	font-weight:normal;
	color:#009999;
	text-align:center;
}

.sectiontitle {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:normal;
	color:#009999;
}

.question {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:normal;
	color:#009999;	
}

.answer {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:gray;
	margin-left:20px;
}

.bodytext {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:gray;
}

.address {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color:gray;
	text-align:center;	
}

.cellstyle {
	width:50%;
}

.mainarea {
	position: absolute;
	min-width:600px; 
	left: 160px;
	right: 20px; 
	top: 120px; 
	min-height:70%;
	height:auto;
	background-color:white;
	z-index: 2;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding: 0px 10px 10px 10px;
	background-image:url('graphics/artnoheader.jpg');
}

#footer {
	position: absolute; 
	left: 20%; 
	right: 20%;
	bottom: 10px;
	height: 60px; 
	z-index: 3; 
	text-align: center; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
}