/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #282F27;
	background-image:url('../../images/back.jpg');
	background-repeat:repeat-x;
}
h2 {color: #000000; margin: 0px 0px 8px 0px; font-size: 14px;}
h3 {color: #000000; margin: 10px 0px 6px 0px; font-size: 12px; padding-top: 15px;}
#right h3 {padding: 3px 3px 3px 6px; background-color: #aead94; background-image: url('../../images/title_back.jpg'); border: 2px solid #EDEDE3; color: #ffffff; margin: 0px 0px 13px 0px; font-size: 11px;}

h4 {margin: 0px 0px 5px 0px; border-bottom: 1px solid #EDEDE3;}

p {margin: 0px 0px 10px 0px;}

ul {margin-top: 0px; margin-bottom: 15px; list-style-position: outside;}
li {margin: 1px 0px 10px -22px;}

#menu {
	float: left; padding: 2px 0px 0px 8px; height: 25px;
}
.menu_link {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	padding: 6px 15px 7px 15px;
	margin-right: 1px; background-color:#bccfd4;
}
.menu_link a:link {
	color: #333;
	text-decoration:none;
}
.menu_link a:visited {
	color: #333;
	text-decoration:none;
}
.menu_link a:hover {
	color: #fff;
	text-decoration:underline;
}
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:755px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#top_bar {
	width: 755px;
	height: 30px;
	background-image: url('../../images/top_bar.jpg');
	background-color: #CCCC00;padding: 4px 0px 4px 0px;
	}
#top_bar2 {
	width: 755px;
	height: 29px;
	background-color: #CC0000;
	background-image: url('../../images/top_bar2.jpg'); background-repeat:repeat-x;
	
	}


#search {float: right; padding: 5px 17px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}
.search_text {float: left; width: 120px; height: 12px; font-size:10px; margin-right: 4px;}
.search_image {
	background-image:url('../../images/submit.jpg');
	height:20px;width:20px;
	border:0;
	cursor: pointer;
}
#search_label {float: left; padding: 3px 5px 0px 0px;}
#search_form {float: left;}

#header {
	width: 755px;
	height: 101px;
	background-image:url('../../images/header.jpg');
	
}
#content_container {
float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	background-image:url('../../images/content.jpg');
	width: 755px; 
}

#content {float: left; padding: 10px 30px 30px 30px;}

#left {float: left; width: 500px; padding-right: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#right {float: left; width: 165px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#content a:link {color: #339966;}
#content a:visited {color: #339966;}
#content a:hover {color: #66cc66;}

#content_top {background-image:url('../../images/content_top.jpg'); width: 755px; height: 15px;}
#content_bottom {float: left; background-image:url('../../images/content_bottom.jpg'); width: 755px; height: 15px;}

#highlight {float: left; width: 280px; margin-right: 15px; max-height: 290px; overflow:hidden;border: 5px solid #b9baab;}
#highlight img {border: none;}
#highlight_info {float: left; width: 195px; overflow: hidden;}

#record_left {float: left; width: 280px; padding-right: 20px;}
#record_right {float: left; width: 390px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#record_left img {border: 5px solid #b9baab;}

.subject_table {width: 700px;}
.subject_table td {padding: 20px 10px 20px 0px;}


#footer {clear: both;
float: left;
line-height: 15px; 
width: 755px;
padding-bottom: 30px;
	
}

#footer img {border: none;}
#footer a:link {color: #CFE3E4;}
#footer a:visited {color: #CFE3E4
;}
#footer a:hover {color: #Ffffff;}

#footer_left {float: left; padding: 5px 0px 0px 5px; color: #F4F5ED; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
#footer_right {float: right; text-align: right; padding: 5px 5px 0px 0px; color: #F4F5ED; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}
.small_text {font-size: 10px;}

#object img {padding:6px; border: 2px solid #aaa;}

.table_exhibits {}
.table_exhibits td {padding: 10px 10px 10px 0px; font-size: 11px; width: 266px;}
.table_exhibits img {float: left; padding: 4px; border: 1px solid #999; width: 75px;}
.exhibit_desc {float: left; padding-left: 5px; width: 128px;}

.multi img {float: left; height: 65px; margin: 0px 10px 10px 0px;}