/* DESCRIPTION: 3-column, With Header, Vertical Nav */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
background: #003568;
font: Arial, Helvetica, sans-serif; /* main page font */
margin: 0; padding: 0;
/*text-align: center;   centers page */
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.5em;
}

address {
	position: absolute;
	top: 60px;
	left: 600px;
	color: #fff;
	padding: 0;
	margin: 0;
	font: normal 10px Tahoma, sans-serif;
	width: 170px;
}

address strong{
font: bold 12px Tahoma, sans-serif;
}

h2 {
	font: bold 24px Tahoma, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #215F91;
}

h3 {
font: bold 13px Tahoma, sans-serif;
margin: 0 0 3px 0; padding: 0 10px 5px 0;
color: #494949;
text-align: right;
}

/* --------------------- MAIN CONTAINER -------------------------*/
div#container {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: #fff url(images/containerbg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
}

div#diywrap {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: url(images/diybg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
}

/* ------------------- HEADER ITEMS --------------------------- */
div#header {
width: 770px;
height: 150px;
position: relative;
background: #fff url(images/header.jpg) no-repeat top left;
}

div#plus {
position: absolute;
top: 5px; left: 600px;
font: 10px Tahoma, sans-serif;
color: #fff;
width: 170px;
}

div#plus a{
color: #fff;
}

/* --------------------- PAGE ELEMENTS -------------------------*/
div#body {
width: 770px;
margin: 0; padding: 0;
clear: both;
background: url(images/bg_content.gif) top left repeat-y;
}

div#content {
margin: 10px 300px 0 30px; 
padding: 10px;
}

div#content a {
	color: #215F91;
	font: 14px Arial, Helvetica, sans-serif;
}

div#content li{
	list-style-type: square;
	margin-left: 0px;
	font: 14px Arial, sans-serif;
	line-height: 1.5em;
}

div#right {
float: right;
width: 250px;
margin: 0; padding: 0;
}

div#right p {
font: bold 13px Tahoma, sans-serif;
margin: 10px; padding: 10px;
color: #215F91;
text-align: left;
}

/* --------------------- NAVIGATION ELEMENTS -------------------------*/

div#navcontainer {
	width: 770px;
	margin: 0; padding: 0;
}

ul#mainnav {
	float: left;
	width: 635px;
	margin: 0px;
	padding: 0 0 0 135px;
	list-style: none;
	/*border-top: 1px solid #1B1400;*/
	border-bottom: 1px solid #01417E;
	background: #215F91 url(images/navbg.gif) repeat-y top left;
}

ul#mainnav li {
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
	border-right: 1px solid #01417E;
	font: 12px Tahoma, sans-serif;
}

ul#mainnav a {
	float: left;
	padding: 9px 15px;
	text-decoration: none;
	color: #fff;
}

ul#mainnav a:hover {
	background: #4990D5;
	color: #fff;
}

ul#mainnav a.active {
	background: #789FC6;
	color: #fff;
}

/* --------------------- FOOTER ELEMENTS -------------------------*/
/* styling for text links */
div#footer {
width: 770px;
margin: 0 auto; padding: 8px 0;
background: #215F91;
font: 10px Tahoma, sans-serif;
text-align: center;
color: #fff;
clear: both;
}

div#footer a{
font: 10px Tahoma, sans-serif;
color: #fff;
margin: 0; padding: 0;
}

/* styling for copyright */
div#copyright {
width: 770px;
margin: 0 auto; padding: 8px 0;
font: 9px Tahoma, sans-serif;
color: #9A9073;
text-align: center;
clear: both;
}

div#copyright a{
margin: 0; padding: 0px;
font: 9px Tahoma, sans-serif;
color: #9A9073;
}
/* --------------------- MISC ELEMENTS -------------------------*/
.clear {clear: both;} /* clearing element */

div.center {
display: block;
text-align: center;
}

/* ------------------------ IMAGE ELEMENTS -------------------------- */

img.right {
float: right;
margin: 10px 10px 10px 20px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

img.row {
margin: 10px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

img.norm {
margin: 0; padding: 0;
border: 1px solid #000;
}

img.sidebar {
margin: 0; padding: 0;
border-bottom: 1px solid #000;
}

.border{ border:1px solid #999999;}
