/*=================================== standard tags ================================*/

* {
	margin: 0;
	padding: 0;
	outline:none;
}


html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	background-color: #FFFFFF;

}

a:link {color: #660000;text-decoration: underline; outline: 0px;}
a:visited {color: #660000; text-decoration: underline;outline: 0px;}
a:hover {color: #006699 ;text-decoration: none;outline: 0px;}
a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
a:active {color: #660000;text-decoration: none;outline: 0px;}
a img {
	border: none;
}

p {
	margin-top:10px;margin-bottom:5px;
}

h1, h2,h3,h4,h5,h6 {text-transform:uppercase}
h2 {color:#810000; font-size:16px; line-height:24px;margin:10px 0 5px 0;}
H3 {color:#810000; font-size:14px; line-height:22px;margin:10px 0 5px 0;}

strong {font-weight:bold; color:#444444}

h4 {margin:10px 0 5px 0; font-size:12px}
h5{margin:10px 0 5px 0; font-size:12px}

li {
	margin-left: 20px;;
}

.error {
	color: #ff0000;
}

.cb { clear: both; }


.floatright, .fr {float:right; margin-left:10px}
.floatleft, .fl {float:left; margin-right:10px}

/*=================================== main layout ================================*/


#wrapper {
	position: relative;
	width: 920px;
	margin: 0 auto;
	min-height: 100%;
}


#contain {
  width: 100%;
  height: 100%;
  float: right;
  margin-left: -150px;
}


#content {
	float: right;
	width:750px;
	margin-left: 150px;
	min-height: 800px;
	background: white;
	padding: 30px 0 40px 20px;	
}


#navigation {
	float: left;
	width: 150px;
}


#sidebar {
	width: 225px;
	float: right;
	margin-left: 0;
	margin-top: 5px;
}


#copy {
	width: 510px;
	clear: left;
}

.description {margin-top:15px}
/*=================================== headers ================================*/



.header {
	height:37px; 
	padding:7px 0 0 10px; width:740px;
	color:#ffffff; margin-bottom:15px;
}

.header h2, .header h3 {font-size:18px; text-transform:uppercase; color:#FFFFFF}

.header h2 { float: left; }
.header p { float:right; margin: 0 10px 0 25px; }


#brown { background-image: url(../gfx/headers/header_brown.gif); }
#green { background-image: url(../gfx/headers/header_green.gif); }
#orange { background-image: url(../gfx/headers/header_orange.gif); }
#umber { background-image: url(../gfx/headers/header_umber.gif); }
#blue { background-image: url(../gfx/headers/header_blue.gif); }



.intro { 
	background:url(../gfx/bg_hots.gif) repeat-x bottom; 
	padding:10px 10px 5px 10px; 
	border:1px solid silver; 
	border-top:none;
	margin-bottom: 25px; margin-top:-5px;
	font-size:16px; 
	line-height:28px;
	font-style:italic; 
}

#calintro { 
	background:url(../gfx/bg_hots.gif) repeat-x bottom; 
	padding:10px 10px 5px 10px; 
	margin-right: 16px;
	border:1px solid silver; 
	border-top:none; margin-top:-14px;
	width: 486px;
	float: left;
}

#calintro p {
	font-size:15px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic; color: #777	
}

.bannerimage {
	margin: 0 0 -8px 0;
	position:relative;
	padding: 0;
}

/*=================================== background images ================================*/


#bgimage {
	background-repeat: no-repeat;
	background-position: left 25px;
	margin-left: -150px; position:relative;
	min-height: 100%;
	width: 1070px;
}


#navbg {
	background-image: url(../gfx/nav_bkgrnd.png);
	background-repeat: repeat-y;	
	min-height: 100%;
	margin-left: 150px;
}




/*=================================== homepage - sidebar news etc ================================*/

#homebanner {
	height: 286px;
	margin-bottom:5px;
}


.homecopy {margin-top:20px; 
}


h2#welcome {
	text-transform: uppercase;
	color: #5b0000;
	background-image: url(../gfx/welcome_icon.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 16px;
	padding-left: 42px;
	padding-top: 16px;
	padding-bottom: 10px;
}



h3#latest_news {
	background-image: url(../gfx/news_icon_old.png);
	background-repeat: no-repeat;
	height: 50px;
	margin-bottom:0px;
	text-indent: -2000em;
}

h4#blogarchives {
	background: url(../gfx/bg_blogarchive.gif) left top;
	background-repeat: no-repeat;
	height: 50px;
	margin-bottom:0px;
	text-indent: -2000em; margin:0px; padding:0;
}


h3#connect {
	background-image: url(../gfx/connect_icon.png);
	background-repeat: no-repeat;
	height: 40px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}

h3#media {
	background-image: url(../gfx/downloads_icon.png);
	background-repeat: no-repeat;
	height: 55px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}

h3.links {
	background-image: url(../gfx/link_icon.png);
	background-repeat: no-repeat;
	height: 55px; margin-bottom:0px;
	text-indent: -2000em;
}

h3#images {
	background-image: url(../gfx/images_icon.png);
	background-repeat: no-repeat;
	height: 40px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}

ul.archives {
	list-style: none;
	background-image: url(../gfx/news_bg.png);
	background-repeat: no-repeat;
	background-position: bottom center; margin-top:-5px;
	padding: 5px 10px 10px 10px;
}

ul.archives li {
	border-bottom:2px dotted #ccc;
	padding:5px 0 5px 0;
	margin-left: 0; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

ul.archives li li{
	border-bottom:none;
	padding:1px 0 1px 0;
}

ul.archives li a{
	font-family: Helvetica, Verdana, Arial; 
	font-style:normal; 
	font-weight:bold;
}

ul.latest {
	list-style: none;
	background-image: url(../gfx/news_bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 5px 10px 10px 10px;
}

ul.latest li{
	border-bottom:2px dotted #ccc;
	padding:5px 0 5px 0;
	margin-left: 0; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

ul.latest li a {
	font-family: Helvetica, Verdana, Arial; 
	font-style:normal; 
	font-weight:bold;
	width:200px; 
	display:block;
}


#signupform {
	background-image: url(../gfx/connect_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 20px 10px 15px;
	color: white;
	font-weight: bold;
	text-align: left; float:left; width: 190px;
}

#signupform input {
	width:190px;
	margin:5px 0 0 0;
	padding: 0;
}

#signupform a {
	text-align: right;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}
.sub{float:right}
.unsub{float:left}

#signupform a:hover {text-decoration:underline}

.media{
	background-image: url(../gfx/downloads_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 95px 10px 15px;
	color: white;
	font-weight: bold;
	text-align: left; margin-bottom:10px;
}

.media a {
	display: block;
	text-align: left;
	color: white;
	font-weight: bold;
	text-decoration: none; margin-top:10px;
}
.media a:hover {text-decoration:underline}

.links{
	background-image: url(../gfx/link_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 15px 10px 15px;
	color: white;
	font-weight: bold;
	text-align: left; margin-bottom:10px;
}

.links a {
	display: block;
	text-align: right;
	color: white;
	font-weight: bold;
	text-decoration: none; margin-top:10px;
}
.links a:hover {text-decoration:underline}
.links img:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/*=================================== sidebar images ================================*/

.sideimages {
	margin-top: 10px;
	text-align:center;
}

.sideimages a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.sideimages td {
	width: 50%;
	vertical-align: top; font-weight:bold; color:#660000; font-size:11px
}


/*=================================== banner overlay ================================*/


#exbanner {
	position: relative;
	color: white;
	height: 286px;
}

#overlay {
	position: absolute;
	width: 748px;
	height: 87px;
	bottom: -1px;
	left: 0;
	background-repeat: no-repeat;
}

#overlay h1,#overlay h2 {
	float: left;
}

#overlay h1 {
	padding-left: 90px;
	padding-top: 25px;
	font-size:18px; text-transform:uppercase; color:#FFFFFF
}

#overlay h2 {
	padding-left: 16px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic; text-transform:none;
	font-size:16px; padding-top: 12px; color:#FFFFFF
	
}

#overlay h3 {
	clear: left;
	padding-left: 90px;
	font-size: 14px;
	color:#FFFFFF
}



.brown { background-image: url(../gfx/overlay/brown.png); }
.green { background-image: url(../gfx/overlay/green.png); }
.orange { background-image: url(../gfx/overlay/orange.png); }
.umber { background-image: url(../gfx/overlay/umber.png); }
.blue { background-image: url(../gfx/overlay/blue.png); }

/*=================================== What's on Sidbar ================================*/
h3#whatson_box {
	background-image: url(../gfx/whatson_icon.png);
	background-repeat: no-repeat;
	height: 55px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}
 .whatson_box {
	background-image: url(../gfx/whatson_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 15px 100px 15px;
	color: white;
	font-weight: bold;
	text-align: left; margin-bottom:10px;
}

.whatson_box a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; margin-left:30px
}
.whatson_box a:hover {text-decoration:underline}

/*=================================== upcoming ================================*/
h2#onnowday{margin-top:20px; float:left;}

h2#eventday { float:left;}

#onnowday strong, #eventday strong {border-bottom: 2px #bbb dotted}

.upcoming {
	width: 370px;
	float: left;
}


.upcoming h4 a {
	display: block;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;	
	text-decoration: none;
	padding: 0px;
	height:35px;
}

#comingexhibits { margin-right: 10px; }
#comingexhibits.upcoming h4 a,#comingexhibits.upcoming h4 a:visited { background:  #ffffff Url('../gfx/bg_comingexhibits.gif') no-repeat left top; padding:17px 0 0 60px; color:#FFFFFF; text-decoration:none}
#comingexhibits.upcoming h4 a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

#comingevents.upcoming h4 a, #comingevents.upcoming h4 a:visited { background:  Url('../gfx/bg_comingevents.gif') #fff left top no-repeat; padding:17px 0 0 60px; color:#FFFFFF; text-decoration:none }
#comingevents.upcoming h4 a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#comingexhibits li:hover, #comingevents li:hover, .exhibitDetail li:hover {background-image:none; background-color:#e5e3d2}

#comingevents ul li a {
	color: #006699;
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold;
}

#comingevents ul li a:hover {color:#660000}
#comingexhibits ul li a{
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold;
}

#comingexhibits ul li a:hover{ color:#006699}	
.upcoming ul {
	margin: 0;
	padding: 0;
}


.upcoming em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#comingevents em { color:#660000}
#comingexhibits em {color:#006699}
.upcoming ul li {
	width: 357px;
	float: left;
	margin:5px 0 5px 0;
	border:1px solid #ddd; 
	border-bottom:2px #666 solid;
	list-style:none; 
	background-color:#fff; 
	background-image:url(../gfx/bg_hots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding:5px;
}

.upcoming ul li img {
	float: right;
	margin-left: 10px;margin-bottom:10px;
}

.upcoming ul li a img:hover {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

span.readmore {
	position: relative;
	display: block;
	width: 100%;
	height: 15px;
	margin-bottom: 5px;
	float: right;
}

span.readmore a img {
	position: absolute;
	right: 0;
}



#calendar {
	width: 227px;
	float: right;
}

#calendar h4 {
	background-image: url(../gfx/calendar_icon.png);
	background-repeat: no-repeat;
	height: 52px;
	margin-bottom:0px;
	text-indent: -2000em;
	width: 227px;
}

/*=================================== Collection Pages ================================*/
h3#collection_sub {
	background-image: url(../gfx/collectionSUB_Icon.png);
	background-repeat: no-repeat;
	height: 50px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}
h3#collectionArchive {background-image: url(../gfx/collection_icon.gif);
	background-repeat: no-repeat;
	height: 50px; margin-bottom:0px;
	text-indent: -2000em;margin-top:10px;}
	
h3#HMcollection {background-image: url(../gfx/collection_icon.gif);
	background-repeat: no-repeat;
	height: 50px; margin-bottom:0px;
	text-indent: -2000em;margin-top:0px;}
	
#HMcollection p {color:#FFFFFF;margin-bottom:5px;}
.idnumber {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px}
h3#collection_sub {
	background-image: url(../gfx/collectionSUB_Icon.png);
	background-repeat: no-repeat;
	height: 50px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}
ul.NEWcollect {
	list-style: none;
	background-image: url(../gfx/poster09.jpg);
	background-repeat: no-repeat;
	background-position: middle center;
	padding: 0px 0px 10px 0px; height:249px; margin-bottom:10px;
}

ul.NEWcollect li {
	padding:5px 10px 5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FFFFFF;
	margin:0;
	background-image: url(../gfx/bg_collectionLI.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

ul.NEWcollect li a {font-family: Helvetica, Verdana, Arial; font-style:normal; font-weight:bold;color:#FFFFFF; font-size:13px;margin-bottom:5px}
ul.NEWcollect li a img:hover {	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

.RM {text-align:right; width:25px}
a.RM:hover {	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

#collectionHots {width:100%;background-color:#fff; margin:15px 0 15px 0; padding:5px 0 5px 0;}
#collectionHots h2 {color:#5a3b1e; border-bottom:1px solid #ccc; font-size:14px; line-height:18px; margin-bottom:15px;}
.collectionHot{width:230px;margin:5px 5px 10px 5px; border:1px solid #ddd; border-bottom:2px #666 solid; list-style:none; background-color:#fff;padding:5px; overflow:auto; background-image:url(../gfx/bg_hots.gif); background-repeat:repeat-x; background-position:bottom; float:left;height:280px;}
.collectionHot:hover {background-image:none; background-color:#e5e3d2}
.collectionHot h3{margin-top:0; font-size:12px; line-height:18px;}
.collectionHot h3 a:hover{ color:#006699}	
.collectionHot a img:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.collectionHot img {margin: 5px 0 5px 0}
.ex_image {padding:5px; width:95px;float:left;background-color:#fff; margin: 5px 5px 10px 0; height:125px}
.ex_image h6 {font-size:10px; font-weight:normal}
.ex_image img {width:100%; margin-bottom:5px}

#collectionSubs {color:#5a3b1e; border-bottom:1px solid #ccc;text-transform:uppercase; font-size:14px}
ul.collectionItems{ margin: 10px 0 0 0;
	background-color:#fff; 
	background-image:url(../gfx/bg_hots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding:5px;
}

.collectionItems li {list-style:url(../gfx/li-collection.gif); list-style-position:inside; padding:5px 0 5px 4px;font-weight:bold; margin: 0 0 0 0px; border-bottom:2px dotted silver}

ul.collectionImages {margin:10px 0 0 0; text-align:center; clear: left;}
ul.collectionImages li span {font-size:10px; margin:0 0 2px 0; padding:0; line-height:12px; font-weight:bold; color:#5a3b1e;display: block;}

ul.collectionImages li {
	list-style: none;
	float: left;
	margin: 0 0 15px 0;
	width: 25%;
}

ul.collectionImages li a:hover {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

ul.randomCollection {
	list-style: none;
	background-repeat: no-repeat;
	background-position: top center;
	height:262px; margin-bottom:10px;
}

ul.randomCollection li {
	padding:5px 10px 5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FFFFFF;
	margin:0;
	background-image: url(../gfx/bg_collectionLI.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

ul.randomCollection li a {position: relative; font-family: Helvetica, Verdana, Arial; font-style:normal; font-weight:bold;color:#FFFFFF; font-size:13px;margin-bottom:5px}
ul.randomCollection li a img:hover {	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

#itemphotos div {
	border-bottom: 1px solid silver;
	margin-bottom: 15px;
}

#itemphotos div ul li {
	margin-left: 15px;
}

#itemphotos div img {
	float: left;
	margin: 0 20px 20px 0;
}

.schooldate {}


/*=================================== Learning Pages ================================*/
.grades {float:left; margin: 0 0px 20px 0;
	border:#ddd 1px solid; padding:5px 5px 5px 0;
}
.grades li {
	list-style-type: none;
	display:block;
	float:left;
	margin: 0px 0px 0px 5px;
	

}

.grades li a {text-align:center;
	display:block; padding: 0 10px 0 10px;
	background-color:#993300;   
	border:#ddd 1px solid; 
	font-size:13px; 
	text-decoration:none;
	background: url('../gfx/bg_hots-sm.gif') left bottom;
}

.grades li a:hover{background-image:none; background-color:#e5e3d2;}

#field {margin-right:10px;}

h4.bg_field{ background: Url('../gfx/bg_field.png') #fff left top no-repeat; padding:17px 0 0 60px; color:#FFFFFF; text-decoration:none; height:50px; font-size:18px; margin-bottom:-15px;}
h4.bg_inclass{ background: Url('../gfx/bg_inclass.png') #fff left top no-repeat; padding:17px 0 0 60px; color:#FFFFFF; text-decoration:none; height:50px; font-size:18px; margin-bottom:-15px}

#inclass li:hover, #field li:hover {background-image:none; background-color:#e5e3d2}

#field.upcoming h4 a:hover, #inclass.upcoming h4 a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.grades li.selected a{background-image:none; background-color:#cbc69e; color: #006699}
#field ul li a {
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold;
}

#inclass ul li a {
	color: #006699;
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold;
}

#inclass ul li a:hover {color:#660000}
#inclass ul li a{
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold;
}

#inclass ul li a:hover{ color:#006699}	


#All a{padding: 0 6px 0 6px;}

.suitable {display:block; text-align:right; color:#660000; margin:10px 0 10px 0; font-weight:bold; font-size:12px}

a.icon_booking:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
a.icon_resources:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.schooldate{color: #006699 ;
}

.additional {border: 1px solid silver; padding: 4px 10px; margin-top:15px}

.familyevents li {
	width: 98%;
	float: left;
	margin:5px 0 5px 0;
	border:1px solid #ddd; 
	border-bottom:2px #666 solid;
	list-style:none; 
	background-color:#fff; 
	background-image:url(../gfx/bg_hots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding:5px;
}

.familyevents li img{float:left; margin: 0 10px 5px 0}
.familyevents  li img:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.familyevents li:hover {background-image:none; background-color:#e5e3d2}

.familyevents li a{
	color:#006699;
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold; font-style:normal; font-size: 12px;
}

.familyevents li a:hover{
	color:#660000;}

.familyevents li em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;color: #660000;
}

.adultevents li {
	width: 98%;
	float: left;
	margin:5px 0 5px 0;
	border:1px solid #ddd; 
	border-bottom:2px #666 solid;
	list-style:none; 
	background-color:#fff; 
	background-image:url(../gfx/bg_hots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding:5px;
}

.adultevents li img{float:left; margin: 0 10px 5px 0}
.adultevents  li img:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.adultevents li:hover {background-image:none; background-color:#e5e3d2}

.adultevents li a{
	color:#006699;
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold; font-style:normal; font-size: 12px;
}

.adultevents li a:hover{
	color:#660000;}

.adultevents li em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;color: #660000;
}

/*=================================== Event Pages ================================*/


.subhead {color:#660000; font-size:14px; margin: 15px 0 0px 0; border-bottom:1px solid silver;}

.eventDetail {clear:left}
.eventDetail li{
	margin:15px 0 0px 0; 
	border:1px solid #ddd; 
	border-bottom:2px #666 solid; 
	list-style:none; 
	background-color:#fff;
	padding:5px; 
	background-image:url(../gfx/bg_hots.gif); background-repeat:repeat-x; background-position:bottom;
	float:left;
	width:98%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.eventDetail li img{float:left; margin: 0 10px 5px 0}

.eventDetail li img:hover {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}
.eventDetail li:hover {background-image:none; background-color:#e5e3d2}
.eventDetail li a{
	color:#006699;
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold; font-style:normal; font-size: 12px;
}
.eventDetail li a:hover{
	color:#660000;}

.eventDetail li em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;color: #660000;
}

.eventdate {
	margin:5px 0 20px 0;
	color:#006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-style: italic;
	font-weight: normal;
}

/*=================================== Exhibit Pages ================================*/


#exhibitSubs { margin:15px 0 0 0;}
#exhibitSubs strong {border-bottom:2px #bbb dotted}
.exhibitDetail li{
	margin:15px 0 0px 0; 
	border:1px solid #ddd; 
	border-bottom:2px #666 solid; 
	list-style:none; 
	background-color:#fff;
	padding:5px; 
	background-image:url(../gfx/bg_hots.gif); background-repeat:repeat-x; background-position:bottom;
	float:left;
	width:98%;
}

.exhibitDetail li em {
	margin:0 0 10px 0;color:#006699; display:block;
	
}
.exhibitDetail li img{float:left; margin: 0 10px 5px 0}

.exhibitDetail li img:hover {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}

.exhibitDetail li a{
	font-family: Helvetica, Verdana, Arial; 
	font-weight:bold; font-style:normal; font-size: 13px;
}
.exhibitDetail li a:hover{
	color:#006699;}

.exhibitDetail li em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.eventDetail li span {
	display: block;
}



/*=================================== Exhibit Past Dates Sidebar ================================*/

h4#pastdates {
	background-image: url(../gfx/icon_past.png);
	background-repeat: no-repeat;
	height: 50px; margin-bottom:0px;
	text-indent: -2000em;
	margin-top: 10px;
}

ul.pastdates {
	list-style: none;
	background-image: url(../gfx/news_bg.png);
	background-repeat: no-repeat;
	background-position: bottom center; margin-top:-5px;
	padding: 5px 10px 10px 10px;
}

ul.pastdates li {
	border-bottom:2px dotted #ccc;
	padding:5px 0 5px 0;
	margin-left: 0; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

ul.pastdates li li{
	border-bottom:none;
	padding:1px 0 1px 0;
}

ul.pastdates li a{
	font-family: Helvetica, Verdana, Arial; 
	font-style:normal; 
	font-weight:bold;
}

#exhibitnav {list-style:none;margin:10px 0px 0 10px;float:right}
#exhibitnav li {float:left; margin: 0 2px 0 0; color:#660000; font-weight:bold;}
#exhibitnav li a{margin-left:4px;display:block; padding:0px 4px 0px 4px;background-color:#993300;   border:#ddd 1px solid; font-size:10px; position:relative; margin-top:-2px; text-decoration:none;background: url('../gfx/bg_hots-sm.gif') left bottom;}
#exhibitnav li a:hover {background-image:none; background-color:#e5e3d2;}

#exhibitnav li a.selected {background-image:none; background-color:#cbc69e; color: #006699}

/*=================================== calendar ================================*/

.msg{float:left;margin-top:20px;}


.sm_cal {
	margin: 0px 0 20px 0;
	font-size: 80%;
	text-align:center;
	table-layout: fixed; 
	width:227px;
	background-image:url(../gfx/news_bg.png); 
	background-position:bottom;
}


.sm_cal td {
	margin: 0;
	padding: 0;
	border: 1px solid white;
}

.sm_cal td a,.sm_cal th a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: #666;
}


.sm_cal td a:hover {
	background: #666;
	color: white;
}

.sm_cal th a:hover {
	color: red;
}

.blank {
	background: #f7f7f7;
}

.today {
	background-color: #993300; 
	color: white;
}

.sm_cal td.today a {
	color: white;
}

.current {
	background: #ccc;
}


/*=================================== blogosphere ================================*/

.blogtitle {
	font-size:14px; 
	color:#990000;
	margin-bottom:10px;
	clear:left;
	padding:6px;
	background: #ffffff url('../gfx/bg_hots-sm.gif') repeat-x left bottom;
	border-bottom: 2px solid #ccc;
}

ul.archives {
	margin-bottom: 20px;
}


ul.archives li {
	list-style: none;
}


ul.archives li ul li {
	margin-left: 15px;
}




dl#blog dd {
	padding: 0px 0 5px 0; margin:0px 0 5px 0;
	float:left;

}

dl#blog dd:last-child {
	border-bottom: none;
}







ul.pageit li {
	display: inline;
	margin-right: 3px;
}


ul.pageit li.nolink {
	border: 1px solid #aaa683;
	padding: 4px 8px;
	background: #f7f7f7;
	font-weight: bold;
}

ul.pageit li a {
	text-decoration: none;
	border: 1px solid #aaa683;
	padding: 4px 8px;
	background: white;
}

ul.pageit li a:hover {
	color: #333;
	background: #ccc;
	border: 1px solid #333;
	
}

.author {margin:0 25px 5px 25px; float:left;clear:both;font-style:italic; font-size:90%; padding:4px 4px 4px 25px; border-top:dotted 2px #ccc; background: url('../gfx/author.gif') left no-repeat}

/*=============================== Subscription Page =================================*/
.emailsignup {
	padding: 20px;	
	background-image:url(../gfx/bg_hots.gif); background-repeat:repeat-x; background-position:bottom;
	border:1px solid #ddd; 
	border-bottom:2px #666 solid; 
	width:400px;
}

/*=============================== login form =================================*/

#login {
	padding: 20px;	
	background-image:url(../gfx/bg_hots.gif); background-repeat:repeat-x; background-position:bottom;
	border:1px solid #ddd; 
	border-bottom:2px #666 solid; 
	width:400px;
}

#login label {
	display: block;
	margin: 5px 0;
}

#login label input {
	padding:2px;margin-left: 10px; border: 1px solid #ccc;
}

#error {
	color: white;
	font-weight: bold;
	background-color: #ed1c24;
	background-image: url(../gfx/error.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	line-height: 60px;
	text-indent: 80px;
	margin: 10px 0;
	padding: 5px;
}


ul#social {
	list-style: none;
	float: left;
	position: relative;
	margin: -28px 20px 0 0;
	height: 22px;
}

ul#social li {
	margin: 0 10px 0 0;
	float: left;
}

/*=============================== search form =================================*/

#searchform {
	position:relative; 
	margin-top:-30px; 
	float: right;
	height:23px; 
	text-align:right; 
	padding: 2px 0 0 0;
}

#searchform #query {
	border: 1px #999999 solid; 
	padding:1px 2px 1px 2px; 
	font-size:11px; 
	width:250px;
}

.searchsubmit {
	top:3px; 
	position:relative;
	border: none;
}

.searchsubmit:hover {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}


/*=========================== Search Results =========================*/


.results li {
list-style:url(../gfx/li-collection.gif); list-style-position:inside; padding:5px 0 5px 4px;font-weight:bold; margin: 0 0 20px 0px; border-bottom:2px dotted silver}

.pages {
	float: left;
	margin-left: 4px;
	margin-bottom: 20px;
}

.pages a, .pages span {
	display: block;
	float: left;
	padding: 4px 5px;
	margin: 0 6px 0 0;
	background: #ccc;
	width: 16px;
	text-align: center;
}

.pages span.current {
	font-weight: bold;
	background: #660000;
	color: white;
}

.pages a {
	color: #666;
	text-decoration: none;
	color: white;
}

.pages a:hover {
	color: white;
	background: #666;	
}




/*=============================== generic form =================================*/


label {
	display: block;
	margin: 5px 0 5px 0;
	clear: left;
}

label .label {
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 5px;
	line-height: 20px;
}


label .highlight, .highlight {
	color: #FF0000;
	font-weight: bold;
}

.frmbutton {
	text-align: center;
}

.newlink {
	text-align: right; display: block;
}



/*=================================== membership forms ================================*/

#form_signup {margin-top:25px ; border: 1px solid silver; padding:10px;background:url(../gfx/bg_hots.gif) repeat-x bottom;}

#form_signup label .label {width:65px; margin-top:10px; font-weight:bold; color:#333}

#memcomments{border:1px silver solid; padding: 4px; margin-top:10px; font-family: 'helvetica','arial','san-serif'; color:#333; font-size:11px}

#memname, #mememail {width:375px; background-color:#eee;border:1px silver solid; padding: 4px; margin-top:10px; font-family: 'helvetica','arial','san-serif'; color:#333; font-size:11px}

#memcomments { width:375px; height:200px; background-color:#eee}


#memsubmit {margin-left:70px; cursor:pointer;border:1px silver solid; padding: 4px; margin-top:10px; font-family: 'helvetica','arial','san-serif'; color:#ffffff; font-size:11px; background-color:#660000}
#memsubmit:hover {color:#006699; background-color:#bbb	}

/*=================================== contact ================================*/


#googlemap {
	height: 420px;
	width: 500px;
	margin: 10px 0 20px 0;
	border: 1px solid silver;
}


/*=================================== footer ================================*/



#footer {
	position: absolute;
	bottom: 0;
	color: #888569;
	background-image: url(../gfx/footer_icon.png);
	background-repeat: no-repeat;
	padding-left: 53px;
	font-weight: bold;
	line-height: 24px;
	
}

#footer span {
	color: #888569;
	font-style: italic;
	font-weight: normal;
}

#footer a {
	color: #888569;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	color:#333;
}