* {
padding:0;
margin:0;
}
   
body {
margin:20;
background-color:#2C2C2C;
scrollbar-face-color: black; scrollbar-highlight-color: silver; 
scrollbar-shadow-color: black; scrollbar-3Dhighlight-color: #464646; 
scrollbar-arrow-color: #464646; scrollbar-darkshadow-color: #464646; 
scrollbar-base-color: #464646;
}

#nav {
position: relative; 
	float:left; color: White;
	background-color: Black; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
width:90px;
min-height:150px;
height:200px;
z-index:11;
}

#container {
float:left;
width:700px;
min-height:4375px;
height:5075px;
z-index:1;
}

#intro {
position:absolute;
top:20px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
z-index:11;
}

#pageHeader {
position:absolute;
top:20px;
left:-30px;
width:30px;
height:800px;
text-indent:-9000px;
}

#extraDiv1 {
position:absolute;
top:438px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:10;
}


#quickSummary {
padding-top:100px;
}

#panel2 {
position:absolute;
top:856px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:11;
}

#panel2 .p1 {
padding-top:130px;
}

#panel2 h3 {
position:absolute;
top:20px;
left:-30px;
width:30px;
height:800px;
text-indent:-9000px;
}

#extraDiv2 {
position:absolute;
top:1274px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
z-index:10;
}

#panel3a {
	position:absolute;
	top:1670px;
	left: 36px;
	width:30px; 
	height:800px;
	text-align:left; 
	padding:30px; 
	padding-top:45px;
	z-index:11;
}


#panel3 {
position:absolute; overflow: auto;
top:1692px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:11;
}

#panel3 .p1 {
padding-top:115px;
}

#panel3 h3 {
position:absolute;
top:20px;
left:-30px;
width:30px;
height:800px;
text-indent:-9000px;
}

#extraDiv3 {
position:absolute;
top:2110px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:10;
}

#panel4 {
position:absolute; 
	top:2520px;
	left:95px;
	width:480px; 
	height:348px;
	text-align:left; 
	padding:30px; 
	padding-top:45px;
	z-index:11;
}

#panel4 p {
padding-top:15px;
}

#panel4 .p1 {
padding-top:125px;
}

#panel4 h3 {
position:absolute;
top:20px;
left:-30px;
width:30px;
height:800px;
text-indent:-9000px;

}

#extraDiv4 {
position:absolute;
top:2946px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:10;
}

#panel5a {
	position:absolute;
	top:3346px;
	left: 36px;
	width:30px; 
	height:800px;
	text-align:left; 
	padding:30px; 
	padding-top:45px;
	z-index:11;
}
#panel5 {
	position:absolute;
	top:3364px;
	left:95px;
	width:480px; 
	height:348px;
	text-align:left; 
	padding:30px; 
	padding-top:45px;
	z-index:11;
	overflow: auto;
	}
#panel5 h3 {
	position:absolute;
	top:20px;
	left:-30px;
	width:30px;
	height:800px;
	text-indent:-9000px;
}	

#panel5 p {
	padding:0px 10px 0px 10px;
	}
.q {
	padding:0px 10px 0px 10px; text-align:left;
	font-style: oblique; font-weight: bolder; font-variant: small-caps;
	}
.j {
	padding:0px 10px 0px 10px;  text-align:left;
	font-style: oblique; font-weight: bolder; font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
	}
.a {
	padding:0px 10px 0px 10px;  text-align:left;
	  
	}
	
#extraDiv5 {
position:absolute;
top:3782px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:10;
}

#panel6 {
position:absolute;
top:4200px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:15px; 
z-index:11;
}

#panel62 {
position:absolute;
top:20px;
left:-50px;
width:30px;
height:800px;
}

#lselect {
position:absolute;
top:120px;
left:75px;
width:400px;
line-height:20px;
}

#larchives {
position:absolute;
top:120px;
left:350px;
width:200px;
line-height:20px;
}

#lresources {
position:absolute;
top:190px;
left:350px;
width:200px;
line-height:20px;
}

#extraDiv6 {
position:absolute;
top:4618px;
left:95px;
width:480px; 
height:348px;
text-align:left; 
padding:30px; 
z-index:10;
}

#footer {
position:absolute;
top:4510px;
left:250px;
text-align:left; 
padding:20px; 
z-index:10;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: WHITE;
font-size:18px;
font-weight:bold;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#WHITE;
font-size:13px;
font-weight:bold;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eeeeee;
font-size:14px;
font-weight:normal;
margin-bottom:8px;
line-height:16px;
}

li {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eeeeee;
font-size:14px;
font-weight:normal;
}
.blink {
	padding:0px 10px 0px 10px; color: Yellow;
	font-style: oblique; font-weight: bolder; font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px; 
	text-decoration: blink;
}
.blinksm {
	padding:0px 10px 0px 10px; color: Yellow;
	font-style: oblique; font-weight: bolder; font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	text-decoration: blink;
}
/* Navigation */
A:link { 
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-decoration: none;	
	line-height:16px;
	font-weight:bold;
 	}

A:visited { 
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-decoration: none;
	line-height:16px;	
	font-weight:bold;
 	}

A:hover { 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
	line-height:16px;
	font-weight:bold;
	}
	
A:active { 
	font: 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-decoration: none;	
	line-height:16px;
	font-weight:bold;
 	}

.speciallink {
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
}
.speciallink A:link { 
	font: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;	
	line-height:16px;
	font-weight:bold;
 	}

.speciallink A:visited { 
font: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: silver;
	text-decoration: none;
	line-height:16px;	
	font-weight:bold;
 	}

.speciallink A:hover { 
	font: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: gold;
	text-decoration: underline;
	line-height:16px;
	font-weight:bold;
	}
	
.speciallink A:active { 
font: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: yellow;
	text-decoration: none;	
	line-height:16px;
	font-weight:bold;
 	}

.slideshow{ /*CSS for DIV containing each image*/
float: left;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
text-align: center;
border: 12; border-color: Black;
width: 60px;
height: 90px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
text-align: center;
color: white;
width: 406px;
}

#navlinks a{ /*CSS for each navigational link*/
text-align: center;
color: white;
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
text-align: center;
color: black;
background-color: silver;
}

.ttip {border:2px solid black;
font-size:16px;
layer-background-color:lightyellow;
background-color:lightyellow}
