/* CSS Document */
body{
margin:0px;
padding:0px;
background:url(../images/mainbg.jpg) repeat-x #EBEBEB;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2C4580;
margin:0px;
}
.green{
color:#7BB433;
}
p{margin:0px;}
#header{
/* background:url(../images/headerbg.jpg) no-repeat;
background-position:312px 11px; */
width:760px;
height:49px;
margin:0px auto;
}
#banner{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#FFFFFF;
	padding:30px 0px 0px 0px;
	width:760px;
	height:194px;
	margin:0px auto;
	background-image: url(../images/bannerbg-usa-map.jpg);
	background-repeat: no-repeat;
}
#nav{
width:760px;
height:29px;
padding:14px 0 0 0;
margin:0px auto;}
#body{
background:url(../images/bodybg.jpg) repeat-y;
width:725px;
height:auto;
margin:0px auto;
padding:15px 15px 15px 20px;
}
#body #steps{
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#2E457E;
}
#body #steps .step1{
float:left;
background:url(../images/1.jpg) no-repeat;
height:54px;
padding:25px 0px 0px 74px;
width:143px;
}
#body #steps .step2{
float:left;
background:url(../images/2.jpg) no-repeat;
height:54px;
padding:25px 0px 0px 76px;
width:165px;
}
#body #steps .step3{
float:left;
background:url(../images/3.jpg) no-repeat;
height:54px;
padding:25px 0px 0px 76px;
width:189px;
}
#body #steps div img{
float:l}
/*login*/
#body #login{
float:left;
width:253px;
height:auto;
}
#body #login .main{
background:url(../images/loginbg.jpg) repeat-y;
padding:0px 0px 0px 10px;
widows:243px;
height:170px;
margin:0px;
}
#body #login .main .form{
text-align:right;
padding:0px 20px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#224F78;
margin:0px;
}
#body #login .main .form div{
padding-bottom:3px;
}
#body #login .main .form a{
color:#224F78;
}
#body #login .main .form a:hover{
color:#7EBB2F;
}
#body #login .main .form .text{
border:#D8D7D7 1px solid;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}
#body #login .main .form1{
text-align:right;
padding:0px 20px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#224F78;
margin:0px;
width:250px;
}
#body #login .main .form1 div{
padding-bottom:3px;
}
#body #login .main .form1 a{
color:#224F78;
}
#body #login .main .form1 a:hover{
color:#7EBB2F;
}
#body #login .main .form1 .text{
border:#D8D7D7 1px solid;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}
#body #login .top{
background:url(../images/logintop.jpg) no-repeat;
widows:253px;
height:8px;
margin:0px;
font-size:1px;
}
#body #login .btm{
background:url(../images/loginbtm.jpg) no-repeat;
widows:253px;
height:8px;
margin:0px;
font-size:1px;
}

/*login1*/
#body #login1{
float:left;
width:253px;
height:auto;
}
#body #login1 .main{
    width:704px;
	height:auto;
	background:url(../images/ppbg.jpg) repeat-y;
	padding:0px 5px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2F4B90;
}
#body #login1 .main .form{
text-align:right;
padding:0px 20px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#224F78;
margin:0px;
}
#body #login1 .main .form div{
padding-bottom:3px;
}
#body #login1 .main .form a{
color:#224F78;
}
#body #login1 .main .form a:hover{
color:#7EBB2F;
}
#body #login1 .main .form .text{
border:#D8D7D7 1px solid;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

#body #login1 .main .form1{
text-align:right;
padding:0px 20px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#224F78;
margin:0px;
width:250px;
}
#body #login1 .main .form1 div{
padding-bottom:3px;
}
#body #login1 .main .form1 a{
color:#224F78;
}
#body #login1 .main .form1 a:hover{
color:#7EBB2F;
}
#body #login1 .main .form1 .text{
border:#D8D7D7 1px solid;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}
#body #login1 .top{
	width:719px;
	height:9px;
	background:url(../images/pptop.jpg) no-repeat;
	font-size:10px;
}
#body #login1 .btm{
width:719px;
height:9px;
background:url(../images/ppbtm.jpg) no-repeat;
font-size:1px;}
/*directory*/
#body #dir{
float:left;
width:452px;
height:auto;
padding:0px 0px 0px 14px;
}
#body #dir  .main{
background:url(../images/dirbg.jpg) repeat-y;
width:442px;
margin:0px;
height:170px;
padding:0px 0px 0px 10px;
}

#body #dir  .main ul{
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0px; margin:0px;}
#body #dir  .main ul a{
color:#4B67AC;
}
#body #dir  .main ul a:hover{
color:#4B67AC;
text-decoration:none;
}
#body #dir  .main ul li{
float:left;
list-style:none;
width:146px;
margin:0px;
padding:4px 0px 0px 0px;
}
#body #dir .top{
background:url(../images/dirtop.jpg) no-repeat;
height:8px;
width:452px;
margin:0px;
font-size:1px;}
#body #dir .btm{
background:url(../images/dirbtm.jpg) no-repeat;
height:8px;
width:452px;
margin:0px;
font-size:1px;}
/*popular polls*/
#body #pp{
width:719px;
height:auto;
padding:10px 0px 0px 0px;
}
#body #pp .main{
	width:704px;
	height:auto;
	background:url(../images/ppbg.jpg) repeat-y;
	padding:0px 5px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2F4B90;
}#body #pp .top{
	width:719px;
	height:9px;
	background:url(../images/pptop.jpg) no-repeat;
	font-size:10px;
}
#body #pp .btm{
width:719px;
height:9px;
background:url(../images/ppbtm.jpg) no-repeat;
font-size:1px;
}
#footer{
background:url(../images/footerbg.jpg) no-repeat;
width:760px;
height:auto;
margin: 0px auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:20px 0px 20px 0px;}
#footer a{
color:#243A6C;
text-decoration:none;
}
#footer a:hover{
color:#497D00;
text-decoration:underline;
}