body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
}

p{
	padding: 0px 0px 4px 0px;
	margin:  0px 0px 4px 0px;
}

h1 {padding: 0px 0px 4px 0px;
	margin:  0px 0px 4px 0px;
	color:#008A00;
	text-align: left;
}

h2 {
	color:#00AA00;
	font-weight: bold;
	font-size: 130%;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
h3 {font-size: 120%; 
	color:#87ADDC;
	padding: 0px 0px 0px 0px;
	margin:  10px 0px 0px 0px;
	text-align: left;
}
h4 {font-size: 110%; 
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;}

ul { list-style-image: url("images/arrow.gif");
	text-align:left; }

strong {
	color:#00AA00;
	}
	
em {	
	color:#00AA00;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
}

.flash {
	height:175px;
	width: 770px;
	float:left;
	text-align: left;
	border-width: 0px;
}

.intro {
	width: 780px;
	height: 600px;
	margin: auto auto auto auto;
	background-color: black;
	}
	
.leftcol {
	clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:200px;
	float:left;
	text-align:justify;
}

.leftcol li {
	padding: 4px 0px 0px 0px;
}

a:link { color: #008A00; font-weight: bold;}
a:visited { color: #008A00; font-weight: bold;}
a:hover, a:focus { color: #00AA00;text-decoration: none;}
a:active { color: #00AA00;text-decoration: none;}

.enlargeOne{
	font-size:15pt;
}

.left{
	width:150px;
	float:left;
}

#maincol {
	width:550px;
	padding: 0px 0px 0px 0px;
	margin: 0px 7.5px 0px 8px;
	float:left;
	text-align:justify;
}

#main {
	width:769px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
} 

#maincol a:link {color: #008A00;
			font-weight: bold;}
#maincol a:visited {color: #008A00;
			font-weight: bold;}
#maincol a:hover, a:focus {color: #00AA00;text-decoration: none;}
#maincol a:active {color: #00AA00;text-decoration: none;}

#overall {
	margin: auto auto auto auto;
	width:780px;
	border: solid #009900;
	border-width: 2px;
}
/* The footer is a Static DIV set with a substantial top margin to
	separate it from the main content above.
	
	Font size is 75% of the global font size.
	
	Padding top is set to 6px to provide separation between the
	footer contents and the 2px wide dotted border above it. */
#footer {
	clear:both;
	float:left;
	font-size: 85%;
	color:#3570b7;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	width:769px;
	height:104px;
	background-image: url("images/bottom.jpg");
	vertical-align: bottom;
	text-align: left;
}

span.required {
	color: red;
}

/* 	Link styles for Footer Content only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#footer a:link {color:#3570b7; text-decoration: none;}
#footer a:visited {color:#3570b7; text-decoration: none;}
#footer a:hover, #footer a:active, #footer a:focus {color:#A9D6FD;text-decoration: none;}

#glovernav {
	clear:both;
	font-size: 95%;
	color:Black;
	font-weight: bold;
}
#glovernav a:link {color: black; text-decoration: none;}
#glovernav a:visited {color: black; text-decoration: none}
#glovernav a:hover, #footer a:active, #footer a:focus {color: black;text-decoration: none;}

form label {
	color: #333333;
	margin: 0px 15px 0px 0px;
	font-weight: bold;
}

.col1{clear:both; float: left; width: 100px; text-align: right;margin: 5px 5px 0px 0px;} 
.col2{float: left; width: 310px; text-align: left;margin: 5px 5px 0px 0px;} 
.col3{float: left; width: 200px; text-align: center;margin: 5px 5px 0px 0px;}