@charset "utf-8";
h1           { font-family: Cooper Black; font-size: 24pt; color: #336666; text-align: center; font-weight: strong; }
h2           { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color:#336666; text-align: center; }
h3			{font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color:#336666; text-align: center;}
a:link       { color: #003366}
a:visited    { color: #336666}
a:hover      { color: #006699 }
a:active     { color: #006600 }
p			 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color:#000033; text-align: left; margin-top: 0 }
p.large 	 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color:#336666; text-align: center; margin-top: 0;
		}
img {border: 0px;  hspace:10px; vspace: 10px; padding: 10px 10px 10px 10px;}

	 
body         { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000033; background-color: #CCDDDD; text-align: left; vertical-align: top
				margin: 2em; padding: 0em; border-width:0em;}

/*Unordered nested list*/
ul		{list-style-type: disc; /*clear: left*/}
ul ul  {list-style-type: circle; list-style-margin: 10px;}

/*Ordered nested list*/
ol		{counter-reset: ordered;}
ol li: before {counter-increment; ordered;
	 		content: counters(ordered,".")".";}

hr 		{color:#336666; size:0.75em}

/*An attempt to create sections for page layout*/

#container {
			width: 90%;
			border: 0em, ;
			
			margin: 5px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
		}
#content {	background-color: white;
			border-left:3px solid #336666;
			padding: 5px; 5px; 5px; 5px;
			margin-left: 28%;
			margin-right: -15px;
			font-size:10pt; }
#sidebar {	
			float: left;
			width: 27%;
			margin: 0px;
			margin-right: 5px;
			font-size:10pt;
			
			}
			
#sidebar a {
			display:block;
			padding: 5px;5px;5px;5px;
		}
			
#footer {
			clear: both;
			padding: 5px;
			margin-top: 5px;
		}	
		
.logos img{
			padding: 5px;5px;5px;5px;
			display: block;
			
		}


		
.logos ul   { 	list-style-type: none;
			text-align: center; 
			margin-left: 0px;
			display: block;
			font-weight: bold;
			 }
		

/*Below is the styling for the top horizontal navigation bar*/
.topmenu ul {
 	border: 0em;
 	font-size: 0.85em;
 	list-style-type: none;
 	margin:0em ;
 	padding: 0.5em ;
 	background-color: #000033;
 	width: 100%;
 	line-height: 4em;
 }

 .topmenu ul li {
 	border: 0em;
 	background-color: white;
 	border-style: solid;
 	display: inline;
 	margin: 0.1em ;
	padding:0.5em ;
 }

 .topmenu ul li a {
 	
 	border: 0px ;
 	color: #000033;
 	font-weight: normal;
 	
 	text-decoration: none;
 }

 .topmenu ul li a:visited {
 
 	border: opx;
 	color: #336666;
 	font-weight: normal;
 	text-decoration: none;
 }

 .topmenu ul li a:hover{
	
 	color: #006699;
 	text-decoration: none;
 }
 .topmenu ul li a:active{
	
 	color: #006600;
 	text-decoration: none;
 }

/*Below is the style coding for the horizontal bottom seo optimized text navigation*/
.bottommenu ul {
	font-size: 0.75em;
 	list-style-type: none;
 	margin: 0em;
 	padding: 0em;
 	color: #003366
 	border: 0em;
 	background-color: white;
 	width: 100%;
 	line-height: 1.5em;
 }
 
 .bottommenu ul li {
	padding: 0em;border: 0em;
 	border-style: solid;
 	display: inline;
 	margin: 0em;
	padding: 0em;
	text-decoration: underline;
	color: #003366
	border: 0em;
 	border-style: solid;
 	display: inline;
 	margin: 0.1em ;
	padding:0.5em ;
 }
 
 .bottommenu ul li a {
 	color: #003366;
 	
 }

 .bottommenu ul li a:visited {
 	color: #336666;
 	
 }

 .bottommenu ul li a:hover{
 	color: #006699;

 }
 .bottommenu ul li a:active{
	color: #006600;
 	
 }

/*Instructions for text alignment around pictures*/
.floatright 
{ 
float: right;
margin-left: 5px;
margin-top:  5px;
margin-bottom:  5px;
margin-right:  5px;
}

.floatleft
{
float: left;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

/*Instructions to make images aline in a vertical stack to right or left clearing each other*/
.floatrightstack
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.floatleftstack
{
float: left;
margin: 0 0 10px 10px;
clear: left;
}


-->
</STYLE>