/* BODY STYLING
----------------------------------------------- */

body {margin:0px; padding:0px; background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:link { text-decoration: none;color: #3165B5; }

a:visited { text-decoration: none; color: #3165B5; }

a:hover { text-decoration: underline; color: #3165B5; }

a:active { text-decoration: none; color: #333333; }

img{border-style: none;}

/* HEADERS
----------------------------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-indent: 27px;
	margin: 0px;
	padding: 7px 0px 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/* DOWN LISTM FORMATTING
----------------------------------------------- */

dt, dd, dl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/* Need to set body margin and padding to get consistency between browsers
--------------------------------------------------------------------------- */

#content {
	position:absolute;
	width:100%;
	top:10%;
	background-color:#eeeeee;
	height: 411px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	}

#content_examples {
	position:absolute;
	width:100%;
	top:10%;
	background-color:#eeeeee;
	height: 475px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	}
	
#maincontent {
	position:absolute;
	width:760px;
	margin-left:-380px;
	left:50%;
	background-color:#eeeeee;
	height: 411px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	}
	

/* NAVIGATION AREA
----------------------------------------------- */
ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
 }
li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a {
	position: absolute;
	top: 0px;
	width: 144px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 25px;
}
	
/* ADJUSTED VALUES FOR IE6


* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu5 a, * html*li#bu6 a { bottom: -1px; }

----------------------------------------------- */
li#bu1 a { left: 180px; background: url(images/butt.gif) no-repeat; }
li#bu2 a { left: 325px; background: url(images/butt.gif) no-repeat; }
li#bu3 a { left: 470px; background: url(images/butt.gif) no-repeat; }
li#bu4 a { left: 615px; background: url(images/butt.gif) no-repeat; }

li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover { background: url(images/butt_over.gif) no-repeat; }

/* BRANDING AREA
----------------------------------------------- */
.compliance{
	position:absolute;
	top:412px;
}

.compliance_examples{
	position:absolute;
	top:479px;
}


.logo {
	background-color: #FFFFFF;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 58px;
	width: 180px;
	position: absolute;
	z-index: 2;
	left: 0px;
}

.headline {
	background-color: #eeeeee;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bolder;
	height: 25px;
	width: 280px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 108px;
}

.mainText {
	background-color: #eeeeee;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 201px;
	width: 320px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 170px;

}

.quoteimage {
	background-color: #FFFFFF;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:120px;
	width: 120px;
	position: absolute;
	z-index: 3;
	top: 37px;
	left: 515px;
}

.image1 {
	background-color: #FFFFFF;
	background-image: url(images/image1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:200px;
	width: 382px;
	position: absolute;
	z-index: 3;
	top: 171px;
	left: 378px;
}


/* TEXT AREA
----------------------------------------------- */

.textbox {
	width: 436px;
	position: absolute;
	top: 269px;
	left: 27px;
	height: 537px;
}
.formcontrols {
	position: absolute;
	left: 92px;
	top: -5px;
	width: 158px;

}

/* FOOTER AREA
----------------------------------------------- */

.footer {
	position:absolute;
	background-color: #EEEEEE;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 45px 0px 0px 25px;
	width: 735px;
	height: 55px;
	margin: 0px;
}