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

body{font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
text-align:center;
color:#5B5A5A;}

img { border: none; }

div#container{
width:900px;
height:610px;
margin:50px 100px;
text-align:left;
position:absolute;}

div#container.about{
height:830px;}

ul#menu{list-style:none;
font-size:14px;
position:absolute;
top:30px;
right:14px;}

ul#menu li{
float:left;
width:51px;}

ul#menu li a{
text-decoration:none;
color:#A4A4A4;
padding:0 10px;
border-bottom:2px #CCC solid;}

ul#menu li.first a{
padding-left:0;}

ul#menu li.last a{
padding-right:0;}

ul#menu li.current a{
color:#5B5A5A;
border-bottom:2px #5B5A5A solid;}

ul#menu li.currentLast a{
color:#5B5A5A;
padding-right:0;
border-bottom:2px #5B5A5A solid;}

ul#menu li.currentFirst a{
padding-left:1px;
color:#5B5A5A;
border-bottom:2px #5B5A5A solid;}

ul#menu li a:hover{
border-bottom:2px #5B5A5A solid;
color:#A4A4A4;}
/*===============================SIDE*/

#side h1{margin:0;}

#side h1 img{margin-right:3px;}

#side{
width:260px;
height:540px;
float:left;
text-align:right;
margin-right:90px;
position:absolute;}
	
ul#aboutImages{
list-style:none;
margin:80px 5px 0 0;}

ul#aboutImages li{
margin-top:5px;}

ul#aboutImages li a img{
border:none;}

#subHead{
padding:0;
font-size:11px;
margin:32px 6px 0 0;
line-height:12px;}

div#subHead p
{margin:8px 0 5px 0;
}
	
#subHead p.subCurrent a{ 
color:#5B5A5A;
}

#subHead p a{

color:#A4A4A4;
text-decoration:none;
}

#subHead p a:hover{
color:#5B5A5A;
border-bottom:1px #CCC solid;}

#subHead p.subCurrent a:hover{
color:#5B5A5A;
border-bottom:none;
cursor:default;}

/*==============================THUMBS*/

ul#thumbs{
list-style:none;
position:absolute;
left:44px;
top:120px;}

ul#thumbs li{
float:left;
margin:0;
padding:0;
display:block;}
	
ul#thumbs li a img.currentImg{
padding:2px;
border:1px #999 solid;}
	
ul#thumbs li a img{
padding:2px;
border:1px #FFF solid;
margin:0;
display:block;}
	
ul#thumbs li a img:hover{
border:1px #999 solid;}
	
/*===============================MAIN*/
	
#mainContent{
width:600px;
position:relative;
left:347px;
top:10px;}
	
#mainText{
width:420px;
position:relative;
left:347px;
top:10px;}
	
#mainText p{
font-size:12px;
line-height:1.3em;
padding-top:3px;}

#mainText p a{
font-size:12px;
color:#A4A4A4;
text-decoration:none;}

#mainText p a:hover{
color:#5B5A5A;}
	
p.title{
margin:5px 0 0 0;
padding:0;
font-size:11px;}

p.subTitle{
margin:0;
padding:0;
font-size:11px;}

p.title a{
text-decoration:none;
color:#999;}

p.title a:hover{
color:#ccc;}

p.description{
width:570px;
margin:3px 0 0 0;
padding:0;
font-size:11px;
color:#999;}

p.arrow{
font-size:14px;}

ul#links{
	margin:380px 10px 0 0;
	list-style:none;}
	
ul#linksState{
	margin:400px 10px 0 0;
	list-style:none;}
	
ul#linksState li.current a{
	color:#636363;
	
}
	
ul#links a, ul#linksState a{text-decoration:none;
font-size:11px;
color:#A4A4A4;}



ul#links a:hover, ul#linksState a:hover{color:#5B5A5A;
border-bottom:1px #CCC solid;}

div#circusText{margin:380px 10px 0 55px;
font-size:11px;
color:#A3A3A3;
}



/*===============================ABOUT*/

h2{
font-size:12px;
fontweight:normal;
border-bottom:1px #E4E4E4 solid;
margin-bottom:20px;}

table{
font-size:12px;
margin-top:30px;
width:430px;
border-top:1px #999 solid;}

th{
font-weight:bolder;
padding:3px 0;
border-bottom:1px #E4E4E4 solid;}
	
td{padding-right:10px;}
	
td.date{margin-right:28px;}
	
/*===============================CONTACT*/

p.email{
margin:60px 5px 0 0;
font-size:14px;}

p.email a{
color:#5B5A5A;
text-decoration:none;}

p.email a:hover{
color:#5B5A5A;
color:#9E9E9E;}
/*===============================FOOTER*/

p#copyright{
position: absolute;
bottom:0px;
left: 85px;
font-size: 9px;
color: #CCC;}

body:after
{content: 
url(wartime-childhood/war-images/choir-thumb.jpg)
url(wartime-childhood/war-images/civil-defense-thumb.jpg)
url(wartime-childhood/war-images/declaration-thumb.jpg)
url(wartime-childhood/war-images/doodle-bugs-thumb.jpg)
url(wartime-childhood/war-images/king-and-queen-thumb.jpg)
url(wartime-childhood/war-images/pathe-thumb.jpg)
url(wartime-childhood/war-images/prep-school-thumb.jpg)
url(wartime-childhood/war-images/supper-thumb.jpg)
url(wartime-childhood/war-images/shelter-thumb.jpg)
url(wartime-childhood/war-images/aunts-thumb.jpg)
url(wartime-childhood/war-images/choir.jpg)
url(wartime-childhood/war-images/civil-defense.jpg)
url(wartime-childhood/war-images/declaration.jpg)
url(wartime-childhood/war-images/doodle-bugs.jpg)
url(wartime-childhood/war-images/king-and-queen.jpg)
url(wartime-childhood/war-images/pathe.jpg)
url(wartime-childhood/war-images/prep-school.jpg)
url(wartime-childhood/war-images/supper.jpg)
url(wartime-childhood/war-images/shelter.jpg)
url(wartime-childhood/war-images/aunts.jpg)


; 
display:none;}