/* CSS Document */

/******** RESET STYLES *********/
div, h1, h2, h3, h4, h5, h6, h7, h8, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
.clear{
clear:both;
}

/*fixes*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

/******** BODY STYLES *********/

body{ 
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	background:url(../image/bg.jpg);
	margin:0 auto;
	padding:0;
}
#outer{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

/******** HEADER AREA STYLES *********/

#header{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
	background: #FFFFFF;
}
#header1{
	width:466px;
	height:85px;
	margin:0 auto;
	padding:0;
	float:left;
}
#header2{
	width:434px;
	height:85px;
	margin:0 auto;
	padding:0;
	float:left;
}

/******** GRAPHIC AREA STYLES *********/

#graphic{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
}
#graphic1{
	width:466px;
	height:248px;
	margin:0 auto;
	padding:0;
	float:left;
}
#graphic2{
	width:434px;
	height:248px;
	margin:0 auto;
	background:url(../image/graphic2.jpg);
	padding:0;
	float:left;
}
#fields{
	width:397px;
	height:201px;
	margin:25px 0 0 25px;
	padding:0;
}

/******** CONTENT AREA STYLES *********/

#content-area{
	width:876px;
	height:auto;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color:#FFFFFF;
	clear:both;
}
#content-left{
	width:203px;
	height:auto;
	margin:0 auto;
	padding:0;
	float:left;
}
#top-content-left{
	width:173px;
	height:27px;
	margin:0 auto;
	padding:0 0 0 10px;
	background:url(../image/top-left-content.jpg);
	float:left;
}
.top-content-left2{
	width:193px;
	height:27px;
	margin:0 auto;
	padding:0;
	background:url(../image/top-left-content.jpg);
	float:left;
}
#top-content-left {
	margin:0 auto;
	padding:12px 0 0 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.top-content-left2 {
	width:183px;
	height:29px;
	margin:0 auto;
	padding:10px 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}
#links-content-left{
	width:203px;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#242c37;
}
#links-content-left ul{
	width:150px;
	height:auto;
	margin:0 auto;
	padding:30px 0 20px 0;
}
#links-content-left li{
	color:#8893b1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	list-style:none;
	padding:20px 0 0 0;
}
#links-content-left li a{
	color:#8893b1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#links-content-left li a:hover{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#content-right{
	width:663px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
#top-content-right{
	width:663px;
	height:38px;
	margin:0 auto;
	padding:0;
	background:url(../image/top-right-content.jpg);
}
#top-content-right h1{
	margin:0 auto;
	padding:12px 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
#text-content-right{
	width:663px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#e9eef4;
}
#text-content-right h2{
	color:#000000;
	padding:10px 0 10px 10px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#text-content-right p{
	width:640px;
	color:#000000;
	padding:10px 0 10px 10px;
	font-size:11px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/******** FOOTER AREA STYLES *********/

#footer-area{
	width:900px;
	height:131px;
	margin:0 auto;
	padding:0;
	background-color:#505a66;
}
#footer-text{
	width:665px;
	height:53px;
	padding:60px 0 0 40px;
	margin:0 auto;
	color:#acb0ba;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	font-weight:bold;
	float:left;
}

/******** CONTENT AREA2 STYLES *********/

#content-area2{
	width:877px;
	height:auto;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color:#FFFFFF;
	clear:both;
}
#content-area3 { 
	width:867px;
	height:auto;
	margin:0 auto;
	padding:10px 0 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9b0022;
	font-weight:bold;
	background-color:#f5f6fa;
}
#content-area2 ul{
	width:170px;
	height:auto;
	margin:0 auto;
	padding:15px 0 15px 45px;
	float:left;
}
#content-area2 li{
	width:170px;
	height:auto;
	margin:0 auto;
	padding:10px 0 0 0;
	float:left;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#5d5d5d;
}
#content-area2 li a{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#5d5d5d;
}
#content-area2 li a:hover{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#9b0022;
}