@charset "utf-8";

body {
font-family:georgia, serif;
background:#C23500;
font-size:100%;
margin:10px 0 0 0;
padding:0;
}

img, div, ul, li, span { 
behavior: url(../js/iepngfix.htc);
}

a {
outline:none;
color:#DD8B53;
}

a:active {
outline:none;
}

a img {
border:0;
}

a:hover {
color:#C23500;
}

h1, h2, h3 {
margin:0;
}

#header {
height:140px;
background:#C23500 url(../images/header.jpg) no-repeat bottom center;
}

#container {
width: 760px;
margin: 0 auto;
}

#container_longpage {
width:850px;
margin:0 auto;
background:#fff url(../images/pageback.gif) repeat-y top center;
}

#fullPageContent {
padding:10px 50px 0 50px;
font-family:arial, sans-serif;
font-size:0.9em;
}

#topNav ul li, #dateNav ul li, #subjectNav ul li
{
list-style:none;

}

#topNav ul {
margin: 0 auto;
width: 600px
}

#dateNav ul {
margin:0;
padding:0 0 0 210px;
height: 30px;
}


#topNav ul li {
float: left;
display: block;
padding: 0 10px;
}

#topNav ul li a {
padding:0 0 3px 0;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

#topNav ul li a:hover {
border:0;
background:url(../images/doubleline.gif) repeat-x bottom left;
}

#exhibition {
border:0;
background:url(../images/doubleline.gif) repeat-x bottom left;
}

#dateNav {
margin:20px 0 0 0;
}

#dateNav ul li 
{
float: left;
display: block;
background-color:#E8E3C6;
width: 90px;
text-align: center;
height: 30px;
margin:0 0 0 3px;
z-index:199;
}

#dateNav ul li span {
z-index:199;
}

#dateNav ul li a
{
position:relative;
display: block;
width: 90px;
text-align: center;
display: block;
background-color:#CBC5A1;
height: 30px;
text-decoration:none;
z-index:0;
}

#dateNav ul li a:hover {
border:0;
z-index:200;
}

#dateNav ul li a span {
display:none;
}

#dateNav ul li a:hover span {
display:block;
position:absolute;
top:-10px;
left:-10px;
z-index:200;
width:115px;
height:40px;
}

#subjectNav {
padding:76px 0 0 20px;
float: left;
width: 134px;
background:#E8E3C6 url(../images/themeshead.gif) no-repeat;
}

#subjectNav ul {
margin:10px 0 0 0;
padding:0 0 30px 0;
background:#E8E3C6 url(../images/subjectflourish.gif) no-repeat bottom center;
}

#subjectNav ul li {
margin:0;
padding:0;
font-size:0;
display: block;
height: 24px;
line-height:24px;
list-style:none;
color:#fff;
}

#subjectNav ul li a {
color:#E8E3C6;
font-size:0;
text-decoration:none;
margin-left: 0;
display: block;
height: 24px;
line-height:0px;
}

#subjectNav ul li a:hover {
border:0;
}

#tabBox {
width: 750px;
height: 400px;
background-color:#E8E3C6;
}



/* === EXHIBITION CONTENT ============================ */



#content {
width: 540px;
background-color:#FFFFFF;
height: 360px;
float: right;
margin-top: 20px;
margin-right: 20px;
overflow: auto;
position:relative;
color: #263156;
}

#contentBox {
line-height: 1.5em;
display:none;
position:relative;
padding:2px 15px;
font-family:Arial, Helvetica, sans-serif;

}

#contentBox p, #contentBox ul{
margin: 10px 0 20px 0;
font-size:0.9em;
}

#contentBox ul{
	margin-left: 30px;}

#contentBox h2 {
margin:10px 0 0 0;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
padding-bottom:2px;
text-align:center;
}



#contentBox h4 {
color: #68B6EA;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0; padding:0;
}

#contentBox img {
padding:5px;
color: #263156;
}

#contentBox blockquote p {
font-family:Georgia, "Times New Roman", Times, serif;
color: #333333;
}

.hrDiv {
background: url(../images/pageFlourish1851.gif);
background-repeat:no-repeat;
background-position:center;
height: 11px;
margin: 0px 0 30px 0;
}

hr {display:none;}



/* --- 1851 ------------------------ */

#contentBox h2 {
color:#68B6EA;

}

#contentBox {
color:#263156;
background-color:#FFFFFF;
}

#contentBox p{
color:#263156;
font-family:Arial, Helvetica, sans-serif;
}

#contentBox h3 {
color:#263156;
background: url(../images/1851divider.gif) no-repeat top center;
font-size:1.3em;
padding:36px 0 0 0;
font-weight:normal;
font-variant:small-caps;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
}

#contentBox img {
background:#B6DBF2;
}

#content h2 img {
background: none;
}


/* --- 1901 ----------------------- */

#content1901 h2 {
color:#E5A342;
}

#content1901 h3 {
color:#5E3E28;
background: url(../images/1901divider.gif) no-repeat top center;
}

#content1901 h4 {
color:#E5A342;}

#content1901 img {
background:#F4E9AB;
}

#content1901 h2 img {
background: none;
}

#content1901{
color:#4A5B24;
}

#content1901 p{
color:#4A5B24;
}

#content1901 .hrDiv {
background: url(../images/pageFlourish1901.gif);
background-repeat:no-repeat;
background-position:center;}

/* --- 1951 ----------------------- */

#content1951 h2 {
color:#E28FCF;
}

#content1951 h3 {
color:#5E3B4B;
background: url(../images/1951divider.gif) no-repeat top center;
}

#content1951 h4 {
color:#E28FCF;}

#content1951 img {
background:#F9DCF3;
}

#content1951 h2 img {
background: none;
}

#content1951{
color:#5E3B4B;
}

#content1951 p{
color:#5E3B4B;
}

#content1951 .hrDiv  {background: url(../images/pageFlourish1951.gif);
background-repeat:no-repeat;
background-position:center;}

/* --- 2001 ----------------------- */

#content2001 h2, #content2001 h4 {
color:#BAD839;
}

#content2001 h3 {
color:#4A5B24;
background: url(../images/2001divider.gif) no-repeat top center;
}

#content2001 img {
background:#E3F28B;
}

#content2001 h2 img {
background: none;
}

#content2001{
color:#5E3E28;
}

#content2001 p{
color:#5E3E28;
}

#content2001 .hrDiv  {background: url(../images/pageFlourish2001.gif);
background-repeat:no-repeat;
background-position:center;}

.question {
font-size: 21px;
display:block;
font-variant:small-caps;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
}

/* === FOOTERS ============================ */

#foot {
clear:both;
font-family:arial, sans-serif;
font-size:0.8em;
margin:0 30px;
padding:10px 0;
background:#fff url(../images/footerdivider.gif) repeat-x top left;
}

#footcontent {
width:500px;
margin:0 auto;
text-align:center;
}

#exfoot a:hover {
color:#BDD647;
}

#exfoot {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#exfootcontent {
color:#fff;
padding:10px 0 0 0;
font-size:0.9em;
width:500px;
text-align:center;
margin:0 auto;
}

/* === DATE NAVIGATION ENHANCEMENTS ============================ */


li.youarehere {
position:relative;
}

li.youarehere span {
display:block;
position:absolute;
top:-10px;
left:-10px;
z-index:199;
width:115px;
height:40px;
background:#000;
}

li#date3 span {
}

#dateNav li, #dateNav li a {
font-size:0px;
color:#E5E0C2;
}

li#date1 {
background:url(../images/1851on.gif)
}

li#date2 {
background:url(../images/1901on.gif)
}

li#date3 {
background:url(../images/1951on.gif)
}

li#date4 {
background:url(../images/2001on.gif)
}

li#date1 a {
background:url(../images/1851.gif)
}

li#date2 a {
background:url(../images/1901.gif)
}

li#date3 a {
background:url(../images/1951.gif)
}

li#date4 a {
background:url(../images/2001.gif)
}

li#date1 a:hover {
background:url(../images/1851.gif)
}

li#date2 a:hover {
background:url(../images/1901.gif)
}

li#date3 a:hover {
background:url(../images/1951.gif)
}

li#date4 a:hover {
background:url(../images/2001.gif)
}

li#date1 span {
background:url(../images/1851hov.gif)
}

li#date1 a:hover span {
background:url(../images/1851hov.png)
}

li#date2 span {
background:url(../images/1901hov.gif)
}

li#date2 a:hover span {
background:url(../images/1901hov.png)
}

li#date3 span {
background:url(../images/1951hov.gif)
}

li#date3 a:hover span {
background:url(../images/1951hov.png)
}

li#date4 span {
background:url(../images/2001hov.gif)
}

li#date4 a:hover span {
background:url(../images/2001hov.png)
}

/* === SUBJECT NAVIGATION ENHANCEMENTS ============================ */

#sub1 { background:url(../images/sub1link.gif) no-repeat top left    }
#sub2 { background:url(../images/sub2link.gif) no-repeat top left    }
#sub3 { background:url(../images/sub3link.gif) no-repeat top left    }
#sub4 { background:url(../images/sub4link.gif) no-repeat top left    }
#sub5 { background:url(../images/sub5link.gif) no-repeat top left    }
#sub6 { background:url(../images/sub6link.gif) no-repeat top left    }
#sub7 { background:url(../images/sub7link.gif) no-repeat top left    }
#sub8 { background:url(../images/sub8link.gif) no-repeat top left    }
#sub9 { background:url(../images/sub9link.gif) no-repeat top left    }


#sub1 a { background:url(../images/sub1.gif) no-repeat top left    }
#sub2 a { background:url(../images/sub2.gif) no-repeat top left    }
#sub3 a { background:url(../images/sub3.gif) no-repeat top left    }
#sub4 a { background:url(../images/sub4.gif) no-repeat top left    }
#sub5 a { background:url(../images/sub5.gif) no-repeat top left    }
#sub6 a { background:url(../images/sub6.gif) no-repeat top left    }
#sub7 a { background:url(../images/sub7.gif) no-repeat top left    }
#sub8 a { background:url(../images/sub8.gif) no-repeat top left    }
#sub9 a { background:url(../images/sub9.gif) no-repeat top left    }


#sub1 a:hover { background:url(../images/sub1hov.gif) no-repeat top left    }
#sub2 a:hover { background:url(../images/sub2hov.gif) no-repeat top left    }
#sub3 a:hover { background:url(../images/sub3hov.gif) no-repeat top left    }
#sub4 a:hover { background:url(../images/sub4hov.gif) no-repeat top left    }
#sub5 a:hover { background:url(../images/sub5hov.gif) no-repeat top left    }
#sub6 a:hover { background:url(../images/sub6hov.gif) no-repeat top left    }
#sub7 a:hover { background:url(../images/sub7hov.gif) no-repeat top left    }
#sub8 a:hover { background:url(../images/sub8hov.gif) no-repeat top left    }
#sub9 a:hover { background:url(../images/sub9hov.gif) no-repeat top left    }

/* === NEW ADDITIONS ============================ */

ul#about {
text-align:left;
font-family:geneva, serif;
font-size:1.3em;
font-style:italic;
}

ul#about li {
color:#F79B5C;
}

ul#about li span {
color:#000;
}

span.imgright, span.imgleft, span.schoolPics {
float:right;
padding:10px;
font-size:0.8em;
font-style:italic;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;

}

span.imgleft {
float:left;
}

span.schoolPics {
padding: 10px 0px 10px 0px;
display: block;
width:490px;
margin:0 auto;
float: none;
}

.clear {
clear:both;
}

hr {
padding:0;
clear:both;
width:100%;
border-position:inside;
color:transparent;
}