/* This is the body of the page. Mostly the background color */

body {

	margin: 40 auto;

	padding: 0px;

	background-color: #244E78;

	text-align: center;

	background-image: url(images/bg.gif);

	background-position: left;

	background-repeat: repeat;

}



/* This is the normal font and the link colors for the page - not the navigation */



H1 { font-weight:bold;font-size:18px;font-family:helvetica,arial,verdana,tahoma,sans-serif; }

H2 { font-weight:bold;font-size:16px;font-family:helvetica,arial,verdana,tahoma,sans-serif; }

H3 { font-weight:bold;font-size:14px;font-family:helvetica,arial,verdana,tahoma,sans-serif; }



a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #284158;}
a:visited {color: #284158;}
a:hover {color: #999999;}
a:active {color: #284158;}

.a1a:visited {text-decoration:none;font-size: 11px; color:#284158}
.a1a:link {text-decoration:none;font-size: 11px; color:#284158}
.a1a:hover {text-decoration:none;font-size: 11px; color:#999999}
.a1a:active {text-decoration:none;font-size: 11px; color:#284158}

.a1:visited {text-decoration:underline; font-size: 13px; color:#888171}
.a1:link {text-decoration:underline; font-size: 13px; color:#888171}
.a1:hover {text-decoration:underline; font-size: 13px; color:#98AADD}
.a1:active {text-decoration:underline; font-size: 13px; color:#888171}

.a4:visited {text-decoration:underline; color:#B18E34}
.a4:link {text-decoration:underline; color:#B18E34}
.a4:hover {text-decoration:underline; color:#FFD15A}
.a4:active {text-decoration:underline; color:#B18E34}

.a5:visited {text-decoration:underline; font-size: 13px; color:#B18E34}
.a5:link {text-decoration:underline; font-size: 13px; color:#B18E34}
.a5:hover {text-decoration:underline; font-size: 13px; color:#FFD15A}
.a5:active {text-decoration:underline; font-size: 13px; color:#B18E34}

.a5a:visited {text-decoration:none; font-size: 13px; color:#B18E34}
.a5a:link {text-decoration:none; font-size: 13px; color:#B18E34}
.a5a:hover {text-decoration:none; font-size: 13px; color:#FFD15A}
.a5a:active {text-decoration:none; font-size: 13px; color:#B18E34}

.a6:visited {text-decoration:underline; font-size: 12px; color:#B18E34}
.a6:link {text-decoration:underline; font-size: 12px; color:#B18E34}
.a6:hover {text-decoration:underline; font-size: 12px; color:#FFD15A}
.a6:active {text-decoration:underline; font-size: 12px; color:#B18E34}

.a7:visited {text-decoration:underline; font-size: 10px; color:#B18E34}
.a7:link {text-decoration:underline; font-size: 10px; color:#B18E34}
.a7:hover {text-decoration:underline; font-size: 10px; color:#FFD15A}
.a7:active {text-decoration:underline; font-size: 10px; color:#B18E34}


.font4 {font-weight:normal;color:#244E78;font-size:12px;font-family:arial,verdana,helvetica,sans-serif;}
.font5 {font-weight:bold;color:#C5C4C4;font-size:13px;font-family:arial,verdana,helvetica,sans-serif;}
.font6 {font-weight:normal;color:#C5C4C4;font-size:10px;font-family:arial,verdana,helvetica,sans-serif;}
.font7 {font-weight:normal;color:#ff0000;font-size:11px;font-family:arial,verdana,helvetica,sans-serif;}
.font8 {font-weight:normal;color:#244E78;font-size:10px;font-family:arial,verdana,helvetica,sans-serif;}




.title {

	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	font-style: normal;

	font-weight: bolder;

  color: #172838;

}





/* These are basically turning the top nav list into a sideways bulleted list */



ul#topnavlist {

	white-space: nowrap;

	margin: 0;

	padding: 0;

}



#topnavlist li {

	display: inline;

	list-style-type: none;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	vertical-align: top;

}



/* This is the font and hyperlink info for the top nav bar */



#topnavlist a {



	padding: 4px 15px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	text-decoration: none;

}



#topnavlist a:link {

	color: #284158; 

	text-decoration: none;

}



#topnavlist a:visited {

	color: #284158; 

	text-decoration: none;

}



#topnavlist a:hover {

	color: #FFFFE8; 



/*	background-color: #85C5D2;*/ 

	text-decoration: underline;

}



/* This is the "container" that holds the nav bar */

#topnavcontainer {

	margin: 0 auto;

	height: 10px;

	width: 0px;

	padding: 7px 0px 0px;

	clear: both;

	text-align: center;

	vertical-align: middle;

}



/* This is what would be called in the html if you wanted to display a vertical navigation list someplace */

ul#navlist {

	white-space: nowrap;

	margin: 0;

	padding: 0;

}



#navlist li {

	display: inline;

	list-style-type: none;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: CCCC99;

}



#navlist a {

	font: 9px Verdana, Arial, Helvetica, sans-serif;

	color: #CCCC99;

	text-decoration: none;

}



#navlist a:link {

	color: #CCCC99; 

	text-decoration: none;

}



#navlist a:visited {

	color: #CCCC99; 

	text-decoration: none;

}



#navlist a:hover {

	color: #FFFFFF; 

	text-decoration: underline;

}





/* This would be the "container" if you wanted to call that navigation list */



#navcontainer {

	margin: 0 auto;

	height: 18px;

	width: 736px;

	padding: 4px 0px 0px;

	clear: both;

	text-align: center;

	vertical-align: middle;

}



/* Okay. This is the MAIN container that holds every element on the page */



#container {

	margin: 0 auto;

	width: 760px;

	text-align:left;

	top: 0px;

}



/* This holds the top banner */



#logo_top {

	margin: 0 auto;

	height: 101px;

	width: 723px;

	top: 0px;

}



/* As you can see, the main area has a number of borders around it. This is the outside one. */



#border_1 {

	margin: 0 auto;

	height: auto;

	width: 760px;

	background-color: #D8EBF0;

	padding: 4px 0px;

	clear: both;

	text-align: center;

	border: 1px solid FFFFFF;

}



/* This is the next border inside #1 */



#border_2 {

	margin: 0 auto;

	height: auto;

	width: 750px;

	background-color: #95D4E1;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #494947;

	padding: 6px 0px 7px;

	clear: both;

	text-align: center;

	border: 1px solid #FFFFFF;

}



/* This is not only the 3rd border but also the color of the main body of the page. */



#border_3 {

	margin: 0 auto;

	height: auto;

	width: 736px;

	background-color: #EEF2F3;

	padding: 1px 0px;

	clear: both;

	text-align: center;

	border: 1px solid #FFFFFF;

}



/* If you wanted 1 big column that pretty much fills the main page, this would be it. I'm not using it tho. */



#column_main {

	margin: 0 auto;

	text-align: center;

	width: 740px;

	font: normal 13px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	padding: 5px 5px 35px 5px;

	clear: both;

	float: none;

}



#column_main2 {

	margin: 0 auto;

	text-align: left;

	width: 740px;

	font: normal 13px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	padding: 5px 5px 35px 5px;

	clear: both;

	float: none;

}





/* This is the "container" that is holding the left column (the one with the pics) */



#column_left{

	margin: 0 auto;

	text-align: center;

	width: 420px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	padding: 5px 5px 35px 5px;

	float: left;

}





/* This is the "container" that is holding the right column (the one with the text) */



#column_right{

	margin: 0 auto;

	text-align: left;

	width: 290px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	padding: 15px 5px 15px 5px;

	float: right;

}





/* This is holding placeholder links at the bottom and the frame is required or the page screws up. */



#column_bottom{

	margin: 0 auto;

	text-align: left;

	width: 600px;

	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;

	color: #284158;

	padding: 15px 15px 0px 0px;

	clear: both;

	float: none;

}



/* This allows the pics to space themselves and "float" if you don't want to use tables to define columns and rows. */



#float {

	float: left;

	padding: 0px 15px 20px;

	text-align: center;

}





/* This is the area that is holding the copyright at the bottom. */



#base {

	margin: 0 auto;

	width: 760px;

	font: normal 9px Verdana, Arial, Helvetica, sans-serif;

	color: #B0E3EE;

	text-align: center;

	padding: 1px 0px;

}