/* DESCRIPTION: 3-column, With Header */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
background: #185d06;
font: Arial, Helvetica, sans-serif; /* main page font */
margin: 0 auto; padding: 0;
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {font: 12px Arial, Helvetica, sans-serif;
margin: 0 0 10px 0; padding: 0;
}

.privacy {
font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 0px;
margin: 0;
}

a {
color: #245496;
}

address {
color: #fff;
width:650px;
padding: 10px;
margin-left: 100px;
font: 9px Verdana, sans-serif;
text-align: left;
font-style: normal;
clear: both;
background: #C1CACA;
}

blockquote {
text-align: center;
}

h2 {
text-align: center;
color: #444;
font: bold 14px Tahoma, sans-serif;
margin: 0 0 10px 0; padding: 0;
}


h3 {
color: #000;
font: bold 16px Tahoma, sans-serif;
margin: 0 0 5px 0; padding: 0;
}

h4 {
color: #000;
font:  bold 14px Arial, Helvetica, sans-serif;
}

div#content ul li{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;

}

/* --------------------- SPLASH PAGE ELEMENTS -------------------------*/
div#splash {
width: 100%; height: 340px;
margin: 0 auto; padding: 0;
background: #E7E7DE url(images/splash.jpg) no-repeat top center;
}

/* --------------------- INTRO ELEMENTS -------------------------*/
div#intro {

}

/* --------------------- MAIN CONTAINER -------------------------*/
div#container {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: #fff url(images/bodybg.jpg) repeat-y top left;
margin: 0 auto; padding: 0;
}

/* ------------------- HEADER ITEMS --------------------------- */
div#header {
width: 770px;
height: 180px;
position: relative;
background: #E7E7DE;
margin: 0; padding: 0;
clear: both;
}

div#flash {
position: absolute;
top: 0; left: 0;
width: 220px;
}

div#plus {
	position: absolute;
	top: 520px; left: 549px;
	width: 197px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #245496;
	text-align: center;
	}
	div#plus a {
	color: #245496;
}

div#photo {
position: absolute;
top: 0; left: 222px;
width: 277px;
}


/* --------------------- PAGE ELEMENTS -------------------------*/
div#body {
width: 770px;
margin: 0; padding: 0;
clear: both;
}

div#bodynetopia {
width: 770px;
margin: 0; padding: 0;
clear: both;
background-color:#fff;
}

div#left {
float: left;
width: 90px;
margin: 0;
padding: 10px 0 0 0px;
font: bold 13px Tahoma, sans-serif;
color: #000;
}

div#left h3 {
padding: 5px 0 0 2px;
font: bold 13px Tahoma, sans-serif;
color: #000;
margin: 0; 
}

div#content {
margin: 0 250px 0 100px; padding: 10px;
}

ul.c1 {
float: left;
margin-left: 20px;
list-style-position: inside; 
list-style-type: disc;
}

ul.c2 {
float: left;
margin-left: 20px;
list-style-position: inside; 
list-style-type: disc;
clear: right;
}

div#content li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

div#full {
margin: 0 0 0 100px; padding: 10px;
background: #fff;
}

div#right {
float: right;
width: 250px;
margin: 0; padding: 0;
text-align: center;
}

/* --------------------- NAVIGATION ELEMENTS (HORIZONTAL)-------------------------*/

div#navcontainer {
	width: 770px;
	margin: 0; padding: 0;
	float: left;
	clear: both;
}

ul#mainnav {
	float: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #C1CACA;
}

ul#mainnav li {
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
	border-right: 1px solid #fff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#mainnav a {
	float: left;
	padding: 9px 7px;
	text-decoration: none;
	color: #000;
}

ul#mainnav a:hover {
	background: #A6BDD7;
	color: #000;
}

ul#mainnav a.active {
	background: #A6BDD7;
	color: #000;
}

/* --------------------- FOOTER ELEMENTS -------------------------*/
/* styling for text links */
div#footer {
margin: 0 auto; padding: 10px;
clear: both;
}

div#footer p, div#footer a{
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
text-align: center;
color: #fff;
}

/* styling for copyright */
div#copyright {
margin: 10px; padding: 5px 0;
}

div#copyright p, div#copyright a{
margin: 0 0 10px 0; padding: 0px;
font: 9px Verdana, sans-serif;
text-align: center;
color: #fff;
}

/* --------------------- MISC ELEMENTS -------------------------*/
.clear {clear: both;} /* clearing element */

div#popup {
margin-top: 10px;
width: 250px;
display: block;
}

div#popup p, #popup a{
color: #fff;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

div.center {
display: block;
text-align: center;
}

p.privacy {
font: 9px Arial, Helvetica, sans-serif;
color: #444;
}

/* ------------------------ IMAGE ELEMENTS -------------------------- */

img.right {
float: right;
margin-left: 10px;
padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}


img.center{

margin: auto 0px; padding: 3px;

border: 1px solid #95322C;
}
img.row {
margin: 10px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

/*------------------CUSTOM CLASSES------------------------------*/
.right { 
float: right;
margin-right: 30px;
}