@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;
}

#tabTitles {
width: 730px;
margin:10px 0 0 0;
text-align:center;
}

#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 ============================ */

#intro2 { background:url(../images/introNavSelected.gif) no-repeat top left    }
#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    }


#intro2 a { background:url(../images/introNav.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    }


#intro2 a:hover { background:url(../images/introNavHov.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    }

/* happy days subnav */

#intro { background:url(../images/happyDaysSubNav/introlink.gif) no-repeat top left    }
#friends { background:url(../images/happyDaysSubNav/friendslink.gif) no-repeat top left    }
#animals { background:url(../images/happyDaysSubNav/animalslink.gif) no-repeat top left    }
#holidays { background:url(../images/happyDaysSubNav/holidayslink.gif) no-repeat top left    }
#sitting { background:url(../images/happyDaysSubNav/sittinglink.gif) no-repeat top left    }
#christmas { background:url(../images/happyDaysSubNav/christmaslink.gif) no-repeat top left    }
#hobbies { background:url(../images/happyDaysSubNav/hobbieslink.gif) no-repeat top left    }
#learning { background:url(../images/happyDaysSubNav/schoollink.gif) no-repeat top left    }
#toys { background:url(../images/happyDaysSubNav/toyslink.gif) no-repeat top left    }
#subjectNav ul #what { background:url(../images/happyDaysSubNav/whatlink.gif) no-repeat top left; height: 46px; line-height:46px;   }


#intro a { background:url(../images/happyDaysSubNav/intro.gif) no-repeat top left    }
#friends a { background:url(../images/happyDaysSubNav/friends.gif) no-repeat top left    }
#animals a { background:url(../images/happyDaysSubNav/animals.gif) no-repeat top left    }
#holidays a { background:url(../images/happyDaysSubNav/holidays.gif) no-repeat top left    }
#sitting a { background:url(../images/happyDaysSubNav/sitting.gif) no-repeat top left    }
#christmas a { background:url(../images/happyDaysSubNav/christmas.gif) no-repeat top left    }
#hobbies a { background:url(../images/happyDaysSubNav/hobbies.gif) no-repeat top left    }
#learning a { background:url(../images/happyDaysSubNav/learning.gif) no-repeat top left    }
#toys a { background:url(../images/happyDaysSubNav/toys.gif) no-repeat top left    }
#subjectNav ul #what a { background:url(../images/happyDaysSubNav/what.gif) no-repeat top left; height: 46px; line-height:46px;     }


#intro a:hover { background:url(../images/happyDaysSubNav/introhov.gif) no-repeat top left    }
#friends a:hover { background:url(../images/happyDaysSubNav/friendshov.gif) no-repeat top left    }
#animals a:hover { background:url(../images/happyDaysSubNav/animalshov.gif) no-repeat top left    }
#holidays a:hover { background:url(../images/happyDaysSubNav/holidayshov.gif) no-repeat top left    }
#sitting a:hover { background:url(../images/happyDaysSubNav/sittinghov.gif) no-repeat top left    }
#christmas a:hover { background:url(../images/happyDaysSubNav/christmashov.gif) no-repeat top left    }
#hobbies a:hover { background:url(../images/happyDaysSubNav/hobbieshov.gif) no-repeat top left    }
#learning a:hover { background:url(../images/happyDaysSubNav/learninghov.gif) no-repeat top left    }
#toys a:hover { background:url(../images/happyDaysSubNav/toyshov.gif) no-repeat top left    }
#subjectNav ul #what a:hover { background:url(../images/happyDaysSubNav/whatshov.gif) no-repeat top left; height: 46px; line-height:46px;     }

/* trust subnav */

#people { background:url(../images/trustSubnav/peoplelink.gif) no-repeat top left    }
#predicatbilty { background:url(../images/trustSubnav/predicatbiltylink.gif) no-repeat top left    }
#play { background:url(../images/trustSubnav/playlink.gif) no-repeat top left    }
#help { background:url(../images/trustSubnav/helplink.gif) no-repeat top left    }


#people a { background:url(../images/trustSubnav/people.gif) no-repeat top left    }
#predicatbilty a { background:url(../images/trustSubnav/predicatbilty.gif) no-repeat top left    }
#play a { background:url(../images/trustSubnav/play.gif) no-repeat top left    }
#help a { background:url(../images/trustSubnav/help.gif) no-repeat top left    }


#people a:hover { background:url(../images/trustSubnav/people.gif) no-repeat top left    }
#predicatbilty a:hover { background:url(../images/trustSubnav/predicatbiltyhov.gif) no-repeat top left    }
#play a:hover { background:url(../images/trustSubnav/playhov.gif) no-repeat top left    }
#help a:hover { background:url(../images/trustSubnav/helphov.gif) no-repeat top left    }


/* real subnav */

#events { background:url(../images/realSubnav/eventslink.gif) no-repeat top left    }
#prog { background:url(../images/realSubnav/proglink.gif) no-repeat top left    }
#vol { background:url(../images/realSubnav/vollink.gif) no-repeat top left    }
#subjectNav ul #suff { background:url(../images/realSubnav/sufflink.gif) no-repeat top left; height: 46px; line-height:46px;   }
#subjectNav ul #pol { background:url(../images/realSubnav/pollink.gif) no-repeat top left; height: 46px; line-height:46px;   }



#events a { background:url(../images/realSubnav/events.gif) no-repeat top left    }
#prog a { background:url(../images/realSubnav/prog.gif) no-repeat top left    }
#vol a { background:url(../images/realSubnav/vol.gif) no-repeat top left    }
#subjectNav ul #suff a { background:url(../images/realSubnav/suff.gif) no-repeat top left; height: 46px; line-height:46px;     }
#subjectNav ul #pol a { background:url(../images/realSubnav/pol.gif) no-repeat top left; height: 46px; line-height:46px;     }


#events a:hover { background:url(../images/realSubnav/eventshov.gif) no-repeat top left    }
#prog a:hover { background:url(../images/realSubnav/proghov.gif) no-repeat top left    }
#vol a:hover { background:url(../images/realSubnav/volhov.gif) no-repeat top left    }
#subjectNav ul #suff a:hover { background:url(../images/realSubnav/suffhov.gif) no-repeat top left; height: 46px; line-height:46px;     }
#subjectNav ul #pol a:hover { background:url(../images/realSubnav/polhov.gif) no-repeat top left; height: 46px; line-height:46px;     }

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

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

ul#about li, ul#about2 li {
color:#F79B5C;
}

ul#about2 li {
margin-bottom: 10px;
}

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

ul#about2 li span a {
color:#992502;
}

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;
}

.poem 
{
width: 490px;
margin-top: 20px;
}

.poemTop {
	background-image: url(../images/background/poemTop.png);
	background-repeat:no-repeat;
	background-position: top centre;
	height: 37px;
	margin:0;}
	
	.poemMid {
	background-image: url(../images/background/poemMid.png);
	background-repeat:repeat-y;
	background-position: top centre;
		margin:0;}
	
	.poemBottom {
	background-image: url(../images/background/poemBottom.png);
	background-repeat:no-repeat;
	background-position: top centre;
	height: 50px;
		margin:0;}
	
	#contentBox .poemMid p {
	width: 400px;
	padding: 0 10px 10px 50px;
	margin:0;
	}
	
	#contentBox .poemMid h4 {
	text-align: center;
	padding: 10px 10px;
	margin:0;
	}
	
	#contentBox #content1901 #picNoBorder {
	background:#ffffff;
	}
	
	.boldItalics {
	font-size: 1.2em; font-family: georgia; font-style: italic; font-weight: bold;
	}
	
#homeBottomeDiv {
	margin-top: 20px;
}

#homeQuestions {

}

#and { font-size: 22px;
padding-left: 120px;
margin: 4px;

}

#happyMuseumLogo {margin-left: 30px;}