/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/*------------------General------------------*/

html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image:url(../images/background_color.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	
.clear {clear:both;}

p {
	font-size:.8em;
	color:#5398ca;
	padding:10px 10px 0 0;
	line-height:1.5em;
	}

h1 {
	font-size:1.3em;
	color:#002b54;
	font-weight:bold;
	}
	
h2 {
	font-size:.9em;
	padding:20px 0 0 0;;
	color:#002b54;
	font-weight:bold;
	}
	
h3 {
	font-size:1.1em;
	padding:5px 5px 5px 10px;
	color:#002b54;
	font-weight:bold;
	}
	
.sitecontainer {
	clear:both;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}



/*------------------Div1------------------*/

.div1 {
	clear:both;
	margin:10px 0 0 0;
	}
	
.logo {
	float:left;
	}
	
.loginbox {
	float:right;
	padding-right:50px;
	}
	
	.login p {
		padding:0px;
		}
	
.login {
	width:150px;
	text-align:right;
	float:left;
	}
	
	.login img {
		float:right;
		padding:5px 0 0 0;
		}



/*------------------Div2------------------*/

.div2 {
	clear:both;
	position:relative;
	height:265px;
	}
	
.leftcircle {	
	position:absolute;
	top:20px;
	left:30px;
	}
	
.leftmiddlecircle {
	position:absolute;
	top:0;
	left:223px;
	}
	
.rightmiddlecircle {
	position:absolute;
	top:-20px;
	left:505px;
	}
	
.rightcircle {
	position:absolute;
	top:115px;
	left:710px;
	}




/*------------------Div3------------------*/

.div3 {
	clear:both;
	margin-top:5px;
	margin-bottom:20px;
	}
	
.navcontainer {
	float:left;
	width:215px;
	}
	
.navcontainer ul {
	list-style-type:none;
	text-align:left;
	}
	
.navcontainer li {
	padding:0 10px 10px 0;
	font-size:.9em;
	}
	
	.navcontainer li a {text-decoration:none; color:#c3cf21;}
	.navcontainer li a:visited {text-decoration:none; color:#c3cf21;}
	.navcontainer li a:hover {text-decoration:none; color:#002b54;}
	
.content {
	float:left;
	width:680px;
	}
	
	.content ul {
		font-size:.8em;
		color:#5398ca;
		padding:10px 10px 0 15px;
		line-height:1.5em;
		}
	
	.content a {color:#c3cf21; text-decoration:underline;}
	.content a:visited {color:#c3cf21; text-decoration:underline;}
	.content a:hover {color:#333333; text-decoration:underline;}
	
	.content img {
		float:left;
		margin:7px 7px 7px 0;
		}
	
.options {
	float:left;
	width:130px;
	margin:10px 5px 10px 0;
	padding:0 0 10px 0;
	background-color:#f9fae7;
	}
	
.optionstwo {
	float:left;
	width:130px;
	margin:10px 5px 10px 0;
	background-color:#ebefb1;
	padding:0 0 10px 0;
	}
	
	.options p {
		font-size:.7em;
		color:#5398ca;
		padding:10px 5px 0 10px;
		line-height:1.7em;
		}
		
	.optionstwo p {
		font-size:.7em;
		color:#3176a8;
		padding:10px 5px 0 10px;
		line-height:1.7em;
		}





/*------------------Div4------------------*/

.div4 {
	clear:both;
	background-image:url(../images/footer-dots.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:10px;
	margin-top:5px;
	}
	
.footerbox {
	float:left;
	width:225px;
	}
	
	.footerbox a {text-decoration:none; color:#5398ca;}
	.footerbox a:visited {text-decoration:none; color:#5398ca;}
	.footerbox a:hover {text-decoration:underline; color:#c3cf21;}