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

body {
	margin: 40 auto;
	padding: 0px;
	background-color: #FBE8AC;
	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 */

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

.a1:visited {text-decoration:underline; font-size: 11px; color:#990033}
.a1:link {text-decoration:underline; font-size: 11px; color:#990033}
.a1:hover {text-decoration:underline; font-size: 11px; color:#999999}
.a1:active {text-decoration:underline; font-size: 11px; color:#990033}

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

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

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

.a8:visited {text-decoration:none; font-weight:bold; font-size: 14px; color:#284158}
.a8:link {text-decoration:none; font-weight:bold; font-size: 14px; color:#284158}
.a8:hover {text-decoration:none; font-weight:bold; font-size: 14px; color:#999999}
.a8:active {text-decoration:none; font-weight:bold; font-size: 14px; color:#284158}



.font1 {font-weight:normal;text-decoration:underline;color:#371700;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.font2 {font-weight:normal;color:#371700;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.font2a {font-weight:normal;color:#371700;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.font2b {font-weight:normal;color:#371700;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.font2c {text-decoration:underline; font-size: 11px;}
.font3 {font-weight:bold;color:#371700;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.font4 {font-weight:bold;font-size:20px;font-family:garamond, Arial;}
.font5 {
	font-weight:bold;
	font-size:20px;
	font-family:garamond, Arial;
	line-height: 25px;
}


H1 { font: bold 40px garamond;color:#000000;margin-top: 20px;margin-bottom: 0px;padding-bottom: 0px;}
H2 { text-decoration:none;font: bold 18px garamond;color:#000000;margin-bottom: 0px;padding-bottom: 0px;}
H3 { font: bold 25px garamond;color:#000000;margin-top: 20px;margin-bottom: 0px;padding-bottom: 0px;}

.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 8px;
	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: #999999; 
	background-color: #FFB639; 
	text-decoration: underline;
}

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

#topnavcontainer {
	margin: 0 auto;
	width: 738px;
	height: 8px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	clear: both;	
	text-align: center;
	vertical-align: middle;	
	padding: 4px 0px 0px;
}

/* 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: 15px;
	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;
	color:#000000;
}

/* This holds the top banner */

#logo_top {
	margin: 0px;
	height: 20px;
	width: 700;
	top: 0px;
	vertical-align: top;
}

/* 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: #000000;
	padding: 4px 0px;
	clear: both;
	text-align: center;
	border: 1px solid 000077;
}

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

#border_2 {
	margin: 0 auto;
	height: auto;
	width: 750px;
	background-color: #FFB639;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 6px 0px 7px;
	clear: both;
	text-align: center;
	border: 1px solid #B40101;
}

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

#border_3 {
	margin: 0 auto;
	height: auto;
	width: 736px;
	background-color: #FBE8AC;
	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: 700px;
	font: normal 15px garamond, Arial;
	color: #000000;
	padding: 15px 5px 15px 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 15px garamond, Arial;
	color: #000000;
	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 15px garamond, Arial;
	color: #000000;
	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:720px;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #284158;
	padding: 0px 0px 0px 0px;
	clear: both;
	float: none;
}

#column_bottom1{
	margin: 0 auto;
	text-align: left;
	width:720px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #284158;
	padding: 30px 0px 0px 15px;
	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 14px garamond, Arial;
	color: #000000;
	text-align: center;
	padding: 1px 0px;
}