@charset "utf-8";
/* CSS Document */

body { scrollbar-3d-light-color:#ffffff;
	   scrollbar-arrow-color:#FFFFFF;
	   scrollbar-base-color:black;
	   scrollbar-dark-shadow-color:#ffffff;
	   scrollbar-face-color:#000000;
	   scrollbar-highlight-color:#ffffFF;
	   scrollbar-shadow-color:black
}
.off { font-family: verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF; text-decoration: none}
body { 
	font-size: 100.1%;
	background: #0b2641;
	margin: 0; 
	padding:0;
	text-align: center; /* hack to force IE5.x pc to center your wrapper div */   }
 

#wrapper {

	margin: 0 auto;
	background-color: #005572;
	text-align: left; /* re-align the text to the left after the above hack */
	width: 759px;
	border: 3px black solid;
	position:relative;  }

#topnav {
	background: #0b2641;
	text-align:right;
	color:#fff;
	padding-bottom:5px;
	width:759px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top:5px;
}
#topnav a {color:#fff;}
	
A:link {text-decoration: underline; color: #7b0607;}
A:visited {text-decoration: underline; color: #7b0607;}
A:active {text-decoration: underline; color: #7b0607;}
A:hover {text-decoration: none; }

.clear {clear:both;}
	
.top-ban {
	background-color: #660000;
	text-align: center;
	border-bottom: 3px solid black; }
	

#navcontainer {
	margin: 0;
	padding:0;
	list-style-type: none; 
	font: 0.7em georgia, Hevetica, sans-serif; 
	color: #005572;
	text-align: left;
	width:187px;
	float:left;}

#contactinfo {
	width:187px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}

#navcontainer a {
	display: block;
	color: #FFF;
	background-color: #005572;
	padding: 6px;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	background-color:#005572; 
	}

#navcontainer a:hover {
	background-color: #0689b5;
	border-bottom: 1px solid #000000;
	color: #FFF;
	padding: 6px;}

#navcontainer a.important {color:#FFFF33; font-weight:bold;}

.icons img {
	border: 2px solid #fff;
	width:64px;
	height:47px; }

.icons a {
	
	color: #000;
	text-decoration:none  }


.icons a:hover {	
	color: #fff;}

.icons td {
	font: 11px verdana, Hevetica, sans-serif; 
	padding: 2px;
	color:#000;
	text-align:center;
	background-image: url(images/icon-bg.gif);
	background-color: #005572;
	border-right: 2px groove  #2f6c80;}

.code {
	background-color:#ece3d4;
	padding:5px;}

.textwrapper {padding:10px; font-family:Arial, Helvetica, sans-serif; line-height:1.5;}

h1 {color: #CC0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; font-weight:normal;}

h2 {
	font-size: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color: #003B4F;} 

h3 {
	font-size: 1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color: #990000; margin-bottom: 0px; } 
h4 {
	font-size: 1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color: #ffff00;} 
	
hr {
	border: 0;
	color:#DBCEB0;
	background-color: #DBCEB0;
	height: 1px;
	width: 95%;
	text-align: left; }
	
	
.hr2 {
	border: thin dotted #000; 
	width: 100%;}

#footer { 	background-color: #0b2641;
			font: 10px Verdana, Arial, Hevetica, sans-serif;
			color: #ebd6a7;
			text-align:center;
			width:759px;
			margin:auto;}

.maintext {
	font: 0.75em Georgia, arial, tahoma;
	color: #000000;
	line-height: 1.6em;
	background:#ECE3D4;
	width:572px;
	float:left;
	min-height:500px;}


/* form elements*/


form td {
	font: 0.8em Georgia, arial, tahoma;	}


 textarea {
	color: #000000;
	background: #ffffff;
	border: 1px solid #005572;}

input {
	color: #2c6195;
	background: #ffffff;
	border: 1px solid #005572;
	height: 20px;}

.button {
	color:  #FFF;
	font-size:.8em;
	height: 2em;
	width: 10em;
	background: #670001;
	border: 1px outset #4f8bc6;}

.red {
	color:#CC0000;}
.style1 {color: #000000}
.style2 {color: #FFFFFF}
.style3 {font-size: 12px}
.clear {clear:both;}