@charset "utf-8";
/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 50px;
	margin-top: 25px;
	margin-right: 50px;
	margin-bottom: 25px;
	border-bottom-color: #333333;
	border-bottom-width: 5px;
	background-color: #002B54;
	z-index: 2000;
}
.h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002a5c;
	font-size: large;
	font-weight: bold;
}
.h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: medium;
	font-weight: bold;
}
.h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002a5c;
	font-size: small;
	font-weight: bold;
	border-bottom: #002a5c; border-bottom-style:solid; border-bottom-width:1px;
}
.text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #333333;
}
.caption {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-style: italic;
}
.emphasis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #333333;
	font-style: italic;
}
.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #ffffff;
}
a:link {
	text-decoration:none;
	color:#002a5c;
}
a:visited {
	text-decoration: none;
	color:#002a5c;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color:#002a5c;
}
.footer a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #ffffff;
}
.footer a:visited {
	text-decoration: none;
	color:#ffffff;
}
.footer a:hover {
	text-decoration: none;
	color: #999999;
}
.footer a:active {
	text-decoration: none;
	color:#ffffff;
}
#container {
	position:absolute;
	left:100px;
	top:50px;
	width:800px;
	height: auto;
	z-index:2;
}
#middle {
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
#sidebar {
	padding-left: 5px;
	padding-right: 5px;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#maintab{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: bold 12px "Agency FB", Arial, sans-serif;
list-style-type: none;
}

#maintab li{
display: inline;
margin: 0;
}

#maintab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
color: white;
background:#333333;
}

#maintab li a:hover{
color:#DD5900;
background:#333333;
}

#maintab li.selected a{ /*selected main tab style */
background-color:#CCCCCC;
}

#tabcontent{ /*2nd level content wrapper*/
background-color:#333333;
height: 100% /*IE7 beta2 fix*/
}

#tabcontent ul{
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block;
}

#tabcontent ul li a{
color: white;
padding: 2px 5px;
display: block;
float: left;
text-decoration: none;
}

#tabcontent ul li a:hover{
background-color: white;
color: #333333;
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

.style2 {font-size: 16px; color: #3F7CA9; font-weight: bold}
.style4 {font-size: 12px; color: #FFFFFF}
.style7 {font-size: 13px; color: #333333}
.style9 {font-family: Agency FB, Arial, sans-serif; font-size: 18px; color:#DD5900; font-weight: bold}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>