/* © Aesthetic Designs 2007 */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	}
	
a:link {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	}
		
a:visited {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	}
	
a:hover {
	color: #94b873;
	text-decoration: underline;
	}
	
a:active {
	color: #333;
	font-size: 12px;
	text-decoration: none;
	}
	
#header {
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	width: 800px;
	}
	
	/* header banner area */
	#headleft {
		float: left;
		width: 315px;
		}
		
	/* edits the utility links area */
	#headright {
		float: right;
		text-align: right;
		width: 485px;
		}
		
	#headright a.selected2 {
						color: #94b873;
						text-decoration: underline;
						}	

/* edits the main navigation area */				
#navi {
	background-color: #94b873;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 20px;
	width: 800px;
	}
	
	#navi a {
		color: #FFF;
		padding: 3px 14px 3px 14px;
		text-decoration: none;
		}
		
	#navi a:hover {
		background-color: #a5c3cb;
		color: #000;
		padding: 3px 14px 3px 14px;
		text-decoration: none;
		}
     a.selected {
	    background-color: #c5d4b7;
		color: #000 !important;
		padding: 3px 14px 3px 14px;
		text-decoration: none;
		}
	
/* edits the middle area on index.php only */			
#icontent {
	background: url('../images/bg_rightmod.gif') repeat-y;
	border-bottom: 1px dotted #000;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}

/* edits the middle area on pages other than index.php */
#content {
	background: url('../images/bg_leftmod.gif') repeat-y;
	border-bottom: 1px dotted #000;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}
	
	/* edits the main content area on index.php */
	#mainpage {
		float: left;
		margin: 10px 0px 10px 0px;
		width: 515px;
		}
		
	/* edits exhibits and events module on index.php */
	#rightmod {
		float: right;
		background-color: #ccc;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
		padding: 5px 5px 0px 5px;
		width: 255px;
		}
		
	#donatebox {
	    /*background-image:url(../images/btn-holder.jpg);
		background-repeat:no-repeat;*/
		width:186px;
		/*height:112px;*/
		margin-left:32px;
		/*padding:18px 10px 5px;*/
		margin-top:45px;
		}	
	#donateboxmid {background:url('../images/boxMid.jpg') repeat-y; padding-left:10px;}
	#donatebox img {padding:0; margin:0;}
	.videoBtn {margin:5px 0 0 0 !important;}

		/* edits the accompanying text for thumbnails on right module on index.php */
		#rightmod .pstyle {
			text-align: left;
			}
		
		/* edits the thumbnails on right module on index.php */
		#rightmod .modimg {
			border: 1px solid #000;
			float: left;
			margin: 0px 3px 0px 5px;
			}
			
		/* clears the divs to align footer at bottom */
		#right div {
			clear: both;
			}
			
	/* edits the left module on all pages except index.php */
	#leftmod {
		float: left;
		background-color: #ccc;
		font-size: 12px;
		margin: 0px 10px 10px 0px;
		padding: 5px 5px 0px 10px;
		width: 245px;
		}
		
		#leftmod .pstyle {
			text-align: left;
			}		
		
		#leftmod .modimg {
			border: 1px solid #000;
			float: left;
			margin: 0px 3px 0px 10px;
			}

	/* edits the main content area on all pages except index.php */
	#maincontent {
		float: right;
		margin: 10px;
		width: 510px;
		}
		
		#maincontent div {
			clear: both;
			}	
			
		#maincontent h1 {
			font-size: 24px;
			margin-top: 5px;
			}
			
		#maincontent h2 {
			font-size: 16px;
			margin-top: 10px;
			margin-bottom: 0px;
			}
			
		/* edits all photographs */
		.contentimg {
			border: 1px solid #000;
			float: left;
			margin-right: 10px;
			margin-bottom: 5px;
			margin-top: 10px;
			}
			
		/* adds padding around photographs */
		.thumbnail {
			background-color: #fff;
			border: 1px solid #000;
			float: left;
			margin-right: 10px; 
			padding: 3px;
			}
		
		.price, .price a {
			color: #f00;
			font-weight: bold;
			}
			
		.italic {
			color: #666; 
			float: right; 
			font-style: oblique; 
			margin-top: 16px;
			width: 140px; 
			}
			
		.italic2 {
			color: #666; 
			float: right; 
			font-style: oblique; 
			margin-top: 16px;
			width: 240px; 
			}	
			
		.bio {
			  color: #666;
			  float:right;
			  font-style: oblique;
			  margin-top:16px;
			  width: 370px;
			  }
			
		#maincontent span {
			font-style: italic; 
			color: #666;
			}
			
		/* HISTORY MAP TABLE */
		td img {
			display: block;
			} 
			
.zero {
	margin-bottom: 0px;
	}
	
.clear {
	clear:both;
	}

/* edits footer */
#footer {
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 800px;
	}
	
	#footer a {
		font-size: 11px;
		}
		
/* MENU LIST STYLES - edits menu style on secondary navigation pages */	
.menu ul {
	
	}
	
.menu li {
	list-style-type: none;
	margin-left: -15px;
	padding: 3px 0px 3px 0px;	
	}
	
/*slideshow*/
#imageSlideshowHolder{
	width: 500px;	/* IE 5.x */
	width/* */:/**/500px;	/* Other browsers */
	width: /**/500px;
	/* CSS HACK */
height: 290px;	/* IE 5.x */
	height/* */:/**/290px;	/* Other browsers */
	height: /**/290px;
	background-color:#FFF;
	position:relative;	/* Never change this value */
	
}

#imageSlideshowHolder img{
position:absolute;
border:1px solid #000;
}

.imageInGallery{
position:absolute;		
width:500px;
height:288px;
background-color:#FFF;	
}

/*slideshow-research*/
#imageSlideshowHolder2{
	width: 510px;	/* IE 5.x */
	width/* */:/**/510px;	/* Other browsers */
	width: /**/510px;
	/* CSS HACK */
height: 300px;	/* IE 5.x */
	height/* */:/**/300px;	/* Other browsers */
	height: /**/300px;
	background-color:#FFF;
	position:relative;	/* Never change this value */
}
#imageSlideshowHolder2 img{
 	position:absolute;
	}
	
	.imageInGallery2{
position:absolute;		
width:510px;
height:300px;
background-color:#FFF;	
}

.block {display:block;}
.imageR { float:right; margin:0px 0px 5px 10px; }
.imageL { float:left; margin:0px 10px 5px 0px;}
.imageC { display:block; margin:2px auto; text-align:center; }
.clear {clear:both;}

a.fb {padding-top:30px; line-height:48px; float:left;}
.fb img {float:left;  border:none; vertical-align:middle; margin-right:10px;}