/* css*/

* {
margin : 0;
padding : 0;
}

body    {
font : 75% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
background : #000000 repeat-y top center;
color : #fff;
font-variant : small-caps;
text-align : center; /* That Explorer Malarkey */
}

h1, h2, h3, p, ul {
padding : 0.5em 0;
}

/* hx */

div#pageHeader h1 { display : none; }
div#pageHeader h2 { display : none; }

h3 { padding : 0; text-indent : -3000px; }

div#preamble h3 { 
width : 195px;
height : 130px;
background : url(../images/preamble-h3.gif) no-repeat left bottom; 
}

div#explanation h3 {
float : left; 
width : 210px;
height : 135px;
margin-right : 10px;
background : url(../images/explanation-h3.gif) no-repeat; 
}

div#participation h3 { 
float : right;
width : 230px;
height : 200px;
background : no-repeat; 
}

div#requirements h3 { 
float : left;
width : 230px;
height : 180px;
background : url(../images/requirements-h3.gif) no-repeat; 
}

div#lselect h3 {
width : 200px;
height : 45px;
background : url(../images/lselect-h3.gif) no-repeat;
}

div#lresources h3 {
width : 90px;
height : 20px; 
background : url(../images/lresources-h3.gif) no-repeat;
}

div#larchives h3 {
width : 90px;
height : 20px; 
background : url(../images/larchives-h3.gif) no-repeat;
}

/* p */

p  {
font-size : 90%;
line-height : 110%;
}
p2  {
font-size : 100%;
line-height : 90%;
font-variant : small-caps;
color: #fdf4b3;
}
p3  {
font-size : 1.4em;
line-height : 85%;
font-variant : small-caps;
color: #F3F34E;
}
p3 a:link, a:visited {
color : #F3F34E;
text-decoration : none;
}
p3 a:hover {
color : #F3F34E;
text-decoration :none;
}
p3 a:hover {border-bottom-style: dotted
}

div#quickSummary p.p1 { display : none; }

div#quickSummary p.p2 { 
float : right; 
width : 400px; 
padding-right: 10px;
text-align : right; 
}

div#preamble p.p1, div#preamble p.p2 { display : none; }

div#preamble p.p3 {
width : 320px; 
text-align: left;
font-size : 100%;
}

div#explanation p.p1 { display : none; }

div#explanation p.p2 { 
margin-left : 10px;
line-height : 110%;
}

div#participation p.p1, div#participation p.p2 { display : none; }
div#participation p.p3 { margin-right : 240px; }
div#requirements p.p1, div#requirements p.p2, div#requirements p.p4 { display : none; }
div#requirements p.p3 { margin-left : 240px; } 
div#requirements p.p5 { clear : both; margin-left : 240px; }

abbr, acronym {
text-decoration : none;
border-bottom : 1px dotted #ccc;
cursor : help;
}

.accesskey {
text-decoration: underline;
}

a:link, a:visited {
color : #fdf4b3;
text-decoration : none;
}

div#lselect a:link, div#lselect a:visited { 
display : block;
font-variant : small-caps;
}

div#lselect a:link.c, div#lselect a:visited.c { 
display : inline;
font-size : 190%;
letter-spacing : -1px;
color : #fff;
}

div#quickSummary p.p2 a {
	font-size : 140%;
}

div#footer a:link, div#footer a:visited { 
padding : 0px 4px;
font-size : 90%;
background : #666;
border : 1px solid #999;
color : #ccc;
text-decoration : none;
}

div#footer a:hover { 
background : #555;
color : #ccc;
text-decoration : none;
}

a:hover {
color : #fff;
text-decoration : underline;
}

/* ul */

ul {
list-style-type : disc;
padding : 0.5em 10px;
}

div#linkList ul {
margin-top : 15px;
padding-left : 5px;
}

li { 
list-style-type : none; 
line-height : 200%;
}

div#lselect li {
padding-bottom : 10px;
font-variant : normal;
text-align : right;
line-height : 16px;
}

/* layout */

div#container {
position : relative;
width : 750px;
margin : 0 auto;
text-align : left;
background : url(../images/container-bg5.jpg) no-repeat 0 51px;
border-bottom : 5px solid #000000;
}

div#pageHeader {
width : 750px;
height : 50px;
background : url(../images/header-bg.jpg) no-repeat;
border-bottom : 1px solid #000000;
}

div#quickSummary {
width : 750px;
}

#preamble {
	margin : 0 10px 0 20px;
}

#explanation {
margin : 0 50px 0 380px;
}

#participation, #benefits, #requirements {
margin : 40px 50px 0 280px;
}

div#preamble {
	margin-top : 0px;
}


div#supportingText {
	margin-top : 20px;
}

div#explanation, div#participation, div#requirements {
	margin : 10px 20px 0;
}

div#benefits {
display : none;
}

div#footer {
margin-top : 20px;
padding : 20px 0;
background : url(../images/footer-bg.gif) no-repeat top center;
text-align : center;
}

div#linkList {
	position : absolute;
	top : 72px;
	left : 570px;
	width : 180px;
}

div#larchives {
padding : 60px 0 0 20px;
}

div#lresources {
padding : 50px 0 0 20px;
}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv1, #extraDiv5 {
display : none;
}

/*------------------------------------------------------------*
**  Lightbox
**------------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }