/* sets the main body properties */

BODY {
	font-family : Verdana, Arial, sans-serif;
	font-size : 12px;
	margin: 5px 0px 0px 50px;
	background-color: #FFFFFF;
	color:#000000;
}

Table {font-family : Verdana, Arial, sans-serif; font-size : 100%;}

UL {font-family : Verdana, Arial, sans-serif; font-size : 100%;}
LI {font-family : Verdana, Arial, sans-serif; font-size : 100%;}
TD {font-family : Verdana, Arial, sans-serif; font-size : 100%;}
P {font-family : Verdana, Arial, sans-serif; font-size : 100%;}

HR {color: #C4D1EC;
height: 1px;
width: 100%;}

/* this sets an image to the left or to the right on a page */

.imageleft {
margin: 0px 10px 0px 0px;
float: left;
border: 0;}

.imageright {
margin: 0px 0px 0px 10px;
float: right;
}

/* this group sets the normal link colors */

a{ color:#000099; text-decoration:underline; font-weight:normal;}
a:active{ color:black; font-weight:normal; text-decoration:none;}
a:visited{ color:#333366; font-weight:normal; text-decoration:none;}
a:hover{ color:#000000; text-decoration: underline; font-weight:normal;}

/* We like to use headings for special effects */
H1 {
font-size: 16px;
font-weight: bold;
text-align: left;
letter-spacing: 2px;
color: #2578CC;}

h2 {text-align:left; font-size:14px; font-weight: bold; letter-spacing:2px; color:#1A822D; padding:1px; border-bottom:1px dotted #1A822D;}


h3 {
font-size: 16pt;
margin-top: 0;
font-family: Tahoma;
color:#990000;
}

h4 {
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #C46B04;
padding: 1px;
border-bottom: 1px dotted #C46B04;}

h5 {
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #000000;
padding: 1px;
border-bottom: 1px dotted #000000;}

h6 {
text-align: left;
font-size : 14px;
font-weight : bold;
color : #000000;
border-bottom: 5px solid #3366CC;}

/* special classes */

.indent { 
text-align:left; 
line-height:125%;
margin-left:30px;
margin-right:30px; }

.photos {
background-color: #D5E2F2;
color: #000000;
text-align: left;
padding: 10px 10px 10px 10px;
border: 1px solid #000000;
}

.photos2 {
	background-color: #FCF64C;
	border-style: dotted;
	color: #000000;
	text-align: left;
	padding: 10px;
	border: thin dashed #A90017;
}

.yellowbox {
background-color: #FFFF99;
color: #000000;
font-size: 95%;
text-align: left;
padding: 10px;
border: 2px dashed #023A67;
}

.greenbox {
background-color: #C0FFBD;
color: #000000;
text-align: left;
padding: 10px 10px 10px 10px;
border: 3px solid #1e4c04;
}

.head {
font-size: 12pt;
font-family: Georgia;
color: #990000;
text-align:center;
background: #FF9;
border-top: 2px #900 solid;
border-bottom: 2px #900 solid;
padding:15px;
margin-top: 25px;
}

.bonusbox {
border: 3px #FC3 solid;
background:#FFC;
display:block;
padding: 10px;
}

/* copyright area */
.copyright {
background-color: #888D79;
color: #D6D7D3;
width: 750px;
height: 40px;
font-size: 90%;
font-weight: bold;
text-align: center;
padding: 10px 0px 10px 0px;
border: 1px solid #000000;
}

.spotlight {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 50px;
	padding: 10px;
	color: #000066;
	font-size: 115%;
}

/* form buttons */

.form {
background-color: #888D79;
color: #000000;
font-weight: bold;
padding: 2px 2px 2px 15px;
border: 1px solid #000000;
}

.form2 {background-color: #888D79;color: #000000;font-weight: bold; border: 1px solid #000000;}

.formBG {border-style:solid; border-width:1px; border-color:#255087; background-color:#eaeff4; font-family:arial,sans-serif; font-size:12px; font-weight:bold; color:#000; margin:5px; padding: 10px 10px 10px 10px;}

.topcallout { font-size:10px; line-height:20px; color:#990000; }

.callouthed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #990000;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}



.alt { margin: -2px; background: #fff; padding: 4px; color: #000;}

.alt1 {margin: -2px; background: #eaeff4; padding:4px; color: #000;}

#columns {width:850px; margin-bottom: 5px;}

#leftcontent {float:left; width:325px;  margin-left:20px;}

#middlecontent {float:left; width:225px; margin-left:15px;}

#rightcontent {float:left; width:155px;  margin-left:15px;}


.subhead {
	background: #4E699E;
	line-height: 150%;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}



.pophed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
}

li.noindent {
 margin-left:-20px; 
}

.callouthed2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #990000;
	font-weight: bold;
}

.calloutcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
}

.largerfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.bodyhed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000099;
	font-weight: bold;
	padding-bottom: 1px;
}

.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}

.orangetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #E7573B;
	padding-bottom: 1px;
}


.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 1px;}
	
.bluetextlargeital {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: x-large;
	font-weight: normal;
	color: #3598d4;
	font-style: italic;
}
	
.bluetextlarge {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: x-large;
	font-weight: normal;
	color: #3598d4;
}

.darkbluetextlarge {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: x-large;
	font-weight: normal;
	color: #11016b;
}

.orangetextlarge {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: x-large;
	font-weight: normal;
	color: #fe8400;
}

.redtextlarge {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: x-large;
	font-weight: normal;
	color: #b90101;
}

.browntextmedium {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.65em;
	font-weight: 200;
	color: #9a6b37;
}

.yellowtbl {
	background-color: #FF9;
	border: medium dotted #b90101;
	padding: 5px;
}

.whitetextbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold;color: #FFFFFF;}

.smallertext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #000000;}

#onthispage { background:#eaeff4; width:auto; margin:1em; padding:0 0 1em 2em;
border:1px solid #A4C252;}
#onthispage ul{ margin:0 0 0 1em; padding:0;}
#onthispage li{
	line-height: normal;}
#onthispage a{ font-weight:normal;}
#onthispage a:visited{ color:#000051; font-weight:normal;}
#onthispage a:hover{ text-decoration:underline;}
#onthispage div#library_form_instructions p{margin: 5px 5px 5px 5px; padding:10px 5px 5px 10px;}
#onthispage div#library_form_instructions ul li{ margin:.3em 10px; padding:0 0;}
#onthispage div#library_form_instructions{ background:#EEF3DE; float:right; border:1px solid #DB6846; margin:1.3em 25px 0 30px; width:35%; font-size:1em;}