@charset "utf-8";
/* CSS Document */

body, html {height: 100%;}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align: center;}
#pagewrap{width:900px; margin:0 auto; text-align:left; background-color:#ffffff; min-height:100%;}

#leftcol{float:left; width:190px; background-color:#ffffff;}
#rightcol{float:right; width:670px; padding:5px 10px 20px 10px; background-color:#FFFFFF; border-bottom:8px solid #6b84a6; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.clearfloat:{clear:both; height:100%;}

h1.exhibittl{color:#990000; margin-bottom:0; font-weight:400; letter-spacing:1px;}
.exbibitRed{color:#990000; margin-bottom:0; margin-top: 2px; font-weight:400; letter-spacing:1px; }
h2{color:#5276a9;font-weight:400; letter-spacing:1px;}
h2.yellow{color:#333333;font-weight:400; letter-spacing:1px;margin-bottom:0;}
h2.green{color:#333333;font-weight:400; letter-spacing:1px;margin-bottom:0; margin-top:5px;}
h3{color:#000000; letter-spacing:1px; margin-top:8px; margin-bottom:0;}
h4{color:#000000;letter-spacing:1px;}
h5{margin:0;}

#slideshow{float:left; width:660px; border:1px solid #cccccc; background-color:#ffffff; height:250px; padding-top:3px;}
#logo{padding:10px 0 10px 10px; margin: 0 0 10px 0; background-color:#121b20;}
#exhibit{float:left; width:660px; margin-top:10px; margin-bottom:10px; padding: 5px 0 8px 10px; border-top:3px solid #cccccc; border-bottom:3px solid #cccccc; background-color:#fff;}
#exhibitInner{float:left; width:660px; margin-top:10px; margin-bottom:10px; padding: 5px 0 8px 5px; border-top:1px solid #cccccc; border-bottom:3px solid #cccccc;}
#exhibitdate{float:left; width:660px; background-color:#f0f0f0; margin-top:5px; margin-bottom:5px; padding: 5px 0 5px 5px; border:1px solid #cccccc;}
#admission{border-left:4px solid #990000; border-right:1px solid #cccccc; float:left; width:320px; padding-left:8px; margin-top:10px; margin-bottom:15px; }
#location{border-right:4px solid #006600; float:right; width:320px; padding-right:5px; padding-left:5px; margin-top:10px; margin-bottom:15px;}



#mainphoto{float:left; width:650px; border:1px solid #cccccc; background-color:#000; height:250px; padding:7px 7px 7px 7px; color:#fff;}
.topcaption{margin-left:15px; color:#fff; font-size:14px;}
a.toplink , a.toplink:visited{color:#fdc644; text-decoration:underline;}
a.toplink:hover{color:#c3d3ec; text-decoration:underline;}
#mainContent{float:left; width:660px; margin-top:5px; margin-bottom:10px; padding: 5px 0 8px 5px; border-top:1px solid #cccccc; border-bottom:3px solid #cccccc; background-color:#ffffff;}


/*left navigation */
#subnav{width:190px; margin-bottom:1em; background-color:#80c1eb;}
ul#subnav{margin:0px; padding:0px; list-style-type:none;}
ul#subnav li{margin:0;}
ul#subnav li a, ul#subnav li a:visited{display:block; padding:15px 0 15px 5px; color:#000000; text-decoration:none; width:185px; font-size:14px; border-bottom:1px solid #6ea7cc;}
html>body #subnav li a {width: auto;}
ul#subnav li a:hover, ul#subnav li a:active{color:#003399; text-decoration:none; background-color:#afd6f3;}



#feature{margin-top:15px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;}
.invitation{border:1px solid #ccc; padding:5px; margin:5px; width:95%; float:left;}
.address{color:#cccccc;}
p.selections{color:#000000; font-style:normal; margin-top:0;}
p.caption{font-size:11px;}
.italic{font-size:11px; font-style:italic;}
.italicnormal{font-size:12px; font-style:italic;}
.imgfloatleft{float:left; padding:5px; border:1px solid #cccccc; margin-right:15px;}
.imgfloatright{float:right; padding:5px; border:1px solid #cccccc; margin-left:5px;}
.imgcenter{ margin:0; padding:5px; text-align:center; border:1px solid #ccc;}


p.capright{font-size:11px; text-align:right; float:right; padding:8px;}

/*photo gallery courtesy of Stu Nicholls, http://www.cssplay.co.uk*/
#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:650px; 
  height:240px; 
  
  background-image:url(images/newlightslide1.jpg); 
  background-color:#000000;
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryh li a:hover {
  background:#000; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }
  
  
  
 #footer {
	width: 100%;
	height: 100px;
	margin: -100px auto 0 auto;
	position: relative;
	background:#666;
	}

#footer_800 {
	width: 800px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	}