/* CSS Document */
body {
background:url(images/bg.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}
#book {
background: #000;
width: 850px;
height: 570px;
position: absolute;
top: 50%;
left: 50%;
z-index: 20;
margin-top: -285px;
margin-left: -425px;
}

#container {
width: 800px;
border: 1px solid #000;
height: 550px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -275px;
clear: both;
z-index: 40;
background: #fff;
}
#leftside {
position: absolute;
top: 0;
left: 0;
width: 452px;
height: 550px;
background:url(images/binder.jpg);
background-position: top right;
background-repeat: no-repeat;
border: 1px solid #fc3;
border-right: none;
}
#header {
width: 310px;
height: 65px;
border-bottom: 1px solid #999;
}
.pagenum {
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color: #000;
margin: 0;
padding: 5px 0 0 10px;
}
#header h1 {
margin: 0 0 0 30px;
padding: 0;
font-size: 32px;
}
#subheader {
position: relative;
top: 0;
left: 30px;
padding: 0;
margin-top: -12px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
.bottoml {
position: absolute;
bottom: 0;
left: 0;
width: 430px;
height: 700px;
border: none;
}
#quote {
position: relative;
top: 0;
left: 0;
}
.bigwide {
width: 325px;
margin-left: 8px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
}
.frontsumm {
width: 300px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
padding: 0;
margin-left: 30px;
}
.frontsumm img {
float: left;
border: 1px solid #000;
margin-right: 8px;
width: 70px;
height: 60px;
}
#toc {
margin-left: -13px;
padding: 5px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 100%;
width: 350px;
}
#otoc {
width: 350px;
padding: 0;
margin-left: -15px;
margin-bottom: -7px;
position: absolute;
bottom: 0;
left: 0;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif;
}
#otoc ul {
list-style-type: none;
}
#otoc li {
font-size: 10px;
line-height: 120%;
}
#toc ul {
list-style-type: none;
}
.tablehead {
font-weight: bold;
}
.tableheady {
font-weight: bold;
color: #ffeeba;
}
.chap {
padding: 0;
font-size: 13px;
}
#toc li {
font-size: 13px;
}
.title {
font-size: 12px;
}
.date {
font-size: 11px;
font-style: italic;
padding: 0 0 8px 0;
}
#toc a:link, #toc a:visited, #toc a:active, #otoc a:link, #otoc a:visited, #otoc a:active {
text-decoration: none;
color: #000;
}
#toc a:hover, #otoc a:hover, #nextlink a:hover {
color: #069;
}
.nextlink {
text-decoration: none;
font-weight: bold;
color: #000;
}
.nextlink:hover {
color: #069;
}
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block; 
display:inline; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
width:75px; 
height:47px; 
float:left; 
margin:4px;
z-index:50;
}
a.slidea {background:url(images/thumb2.jpg);}
a.slideb {background:url(images/thumb3.jpg);}
a.slidec {background:url(images/thumb4.jpg);}
a.slided {background:url(images/thumb5.jpg);}
a.slidee {background:url(images/thumb6.jpg);}
a.slidef {background:url(images/thumb7.jpg);}
a.slideg {background:url(images/thumb8.jpg);}
a.slideh {background:url(images/thumb9.jpg);}
a.slidei {background:url(images/thumb10.jpg);}
a.slidej {background:url(images/thumb11.jpg);}
a.slidek {background:url(images/thumb12.jpg);}
a.slidel {background:url(images/thumb13.jpg);}
a.slidem {background:url(images/thumb14.jpg);}
a.sliden {background:url(images/thumb15.jpg);}
a.slideo {background:url(images/thumb16.jpg);}
a.slidep {background:url(images/thumb17.jpg);}
a.slideq {background:url(images/thumb18.jpg);}
a.slider {background:url(images/thumb19.jpg);}
a.slides {background:url(images/thumb20.jpg);}
a.slidet {background:url(images/thumb21.jpg);}
a.slideab {background:url(images/thumb22.jpg);}
a.slidebb {background:url(images/thumb23.jpg);}
a.slidecb {background:url(images/thumb24.jpg);}
a.slidedb {background:url(images/thumb25.jpg);}
a.slideeb {background:url(images/thumb26.jpg);}
a.slidefb {background:url(images/thumb27.jpg);}
a.slidegb {background:url(images/thumb61.jpg);}
a.slidehb {background:url(images/thumb29.jpg);}
a.slideib {background:url(images/thumb30.jpg);}
a.slidejb {background:url(images/thumb31.jpg);}
a.slidekb {background:url(images/thumb32.jpg);}
a.slidelb {background:url(images/thumb33.jpg);}
a.slidemb {background:url(images/thumb34.jpg);}
a.slidenb {background:url(images/thumb35.jpg);}
a.slideob {background:url(images/thumb36.jpg);}
a.slidepb {background:url(images/thumb52.jpg);}
a.slideqb {background:url(images/thumb38.jpg);}
a.sliderb {background:url(images/thumb39.jpg);}
a.slidesb {background:url(images/thumb40.jpg);}
a.slidetb {background:url(images/thumb41.jpg);}

a.gallery em, a.gallery span {
display:none;
}
a.gallery:hover {
border:1px solid #fff;
}

/* styling for BOTTOM gallery */
#container_bottom {
position: relative;
top: 0;
left: 452px;
width: 348px; 
height: 550px; 
background: #069; 
border: 1px solid #fc3; 
border-left: none;
margin: 0;
padding: 0;
}

#container_bottom .thumbs {
	position:absolute;
	left:-4px;
	bottom:20px;
	width: 340px;
}
#container_bottom .thumbs2 {
	position:absolute;
	left:-4px;
	bottom:20px;
	width: 330px;
}
#container_bottom a.gallery:hover span {
display:block; 
position:absolute; 
width:320px; 
top: 0; 
left:1px; 
padding:5px; 
font-size: 11px; 
color:#fff;  
z-index:100; 
margin-top: -105px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#container_bottom a.gallery:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size: 14px; 
color:#fc3;
}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {
border:1px solid #fc3;
}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
display:block; 
position:absolute; 
width:320px; 
top:0; 
left:7px; 
padding:5px; 
color:#000; 
border:1px solid #fc3; 
z-index:120;
margin-top: -350px;
}
#container_bottom a.gallery:active img, #container_bottom a.gallery:focus img {
float: left;
}
#container_bottom h1 {
clear:both; 
margin:0; 
padding: 70px 20px 0 0; 
text-align:center; 
font-family: georgia, "times new roman", serif; 
font-size:40px; 
font-weight:normal; 
font-variant: small-caps;
color:#fff;
}
#container_bottom h2 {
clear: both;
margin: 0;
padding: 0 20px 0 0;
text-align: center;
font-family: georgia, "times new roman", serif;
font-size: 32px;
font-weight: normal;
color: #fff;
}
#container_bottom h1 em {
font-size:0.6em; 
color:#ffeeba;
font-variant: normal;
}
#picnext {
position: absolute;
right: 7px;
bottom: 4px;
}
#picnext p {
margin: 0;
padding: 0;
color: #fff;
}
#picnext a:link, #picnext a:visited, #picnext a:active {
text-decoration: none;
color: #fff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#picnext a:hover {
color: #fc3;
}
#story {
font-family: Arial, Helvetica, sans-serif;
width: 305px;
margin-left: 10px;
padding: 0;
height: auto;
margin-top: -5px;
}
#story p {
padding: 2px 0 2px 5px;
margin: 0;
font-size: 11px;
}
#story h2 {
font-size: 14px;
margin: 0;
padding: 0 0 0 5px;
}
.credit {
margin-left: 15px;
}
#story h3 {
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0 0 0 3px;
}
.ana {
font-size: 11px;
padding: 0;
margin-left: 25px;
width: 275px;
list-style-type: none;
}
.rfloata {
float: right;
width: 150px;
height: 179px;
border: 1px solid #000;
padding: 0;
margin-left: 6px;
margin-bottom: 10px;
}
.nolist {
list-style: none;
font-size: 11px;
font-weight:  bold;
margin: 0;
padding: 8px 10px 8px 10px;
line-height: 120%;
}
.nolist a:hover {
color: #069;
text-decoration: none;
}

#cortwork p {
font-size: 11px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
line-height: 130%;
padding: 0 0 8px 0;
margin: 0;
}
#cortwork h2 {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #fc3;
font-size: 18px;
padding: 40px 0 5px 0;
margin-left: -20px;
}
#cortwork a:link, #cortwork a:visited, #cortwork a:active, #p4desc a:link, #p4desc a:visited, #p4desc a:active {
color: #ffeeba;
text-decoration: underline;
}
#cortwork a:hover, #p4desc a:hover {
color: #fc3;
text-decoration: none;
}
#cortwork img {
float: left;
border: 1px solid #000;
}
.cortmain {
width: 300px;
height: 150px;
float: left;
margin: 5px 5px 8px 0;;
}
#cortcaption {
clear: both;
}
.cortunder {
width: 150px;
height: 200px;
float: left;
margin: 0 5px 8px 0;
}
#cortcaption p {
float: right;
width: 140px;
margin: 0;
padding: 0 40px 12px 0;
}
#flashcontent {
	width: 340px;
	height: 260px;
	color: #fc3;
	margin-top: -5px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 30;
	}

#p4desc h2 {
width: 300px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #fc3;
font-size: 18px;
padding: 40px 0 0 10px;
margin: 0;
}
#p4desc p {
font-size: 11px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
line-height: 130%;
padding: 0 0 8px 10px;
margin: 0;
width: 300px;
z-index: 60;
}
.subhead {
padding: 0 0 0 10px;
margin: 0;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 110%;
}
.lfloatb {
width: 66px;
height: 98px;
float: left;
margin: 0 5px 5px 0;
}
#pdfs {
text-align: center;
width: 300px;
}
#pdfs h2 {
font-family: Arial, Helvetica, sans-serif;
color: #fc3;
font-size: 18px;
padding: 40px 0 0 10px;
margin: 0;
}
#pdfsmulti h2 {
font-size: 14px;
padding: 10px 0 2px 25px;
margin: 0;
}

#pdfs img {
width: 100px;
height: 177px;
border: 1px solid #000;
padding: 0;
margin: 10px 0 10px 10px;
}
#pdfs ul {
list-style-type: none;
padding: 15px 0 0 15px;
margin: 0;
text-align: left;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
#pdfsmulti ul {
margin: 0;
padding: 0;
}
#pdfsmulti li {
list-style-type: none;
padding: 3px 0 0 25px;
margin: 0;
text-align: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
#multi {
width: 320px;
}
#multi h3 {
font-size: 16px;
padding: 10px 0 10px 25px;
margin: 0;
}
#multi a:link, #multi a:visited, #multi a:active {
text-decoration: none;
color: #000;
}
#multi a:hover {
color: #069;
}
.tableheadb {
font-weight: bold;
color: #069;
}
#pdfs li {
padding: 4px 0 0 0;
}
#pdfs a, #pdfs a:visited {
text-decoration: none;
color: #fff;
}
#pdfs a:hover {
color: #fc3;
}
#featurensound {
width: 300px;
}
#featurensound p {
line-height: 120%;
font-size: 11px;
color: #fff;
padding: 5px 0 0 10px;
margin: 0;
width: 300px;
}
#featurensound a:link, #featurensound a:active, #featurensound a:visited {
color: #ffeeba;
text-decoration: none;
font-weight: none;
}
#featurensound a:hover {
color: #fc3;
}
.featphoto {
border: 1px solid #000;
width: 300px;
height: 175px;
margin: 40px 0 3px 10px;
}
#featurensound h3 {
font-size: 14px;
color: #fc3;
margin: 0;
padding: 2px 0 2px 10px;
text-align: center;
}
.icon {
width: 13px;
height: 10px;
border: none;
}
.attribution {
text-align: right;
}
.credits {
	font-size: 10px;
	width: 320px;
	position: absolute;
	bottom: 0;
	right: 15px;
	color: #ccc;
	margin: 0;
	padding: 0 0 10px 0;
}
