@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body{margin:0; padding:0; font-family: 'Droid Sans', sans-serif;}
strong{font-weight:700;}
input, textarea{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;} img{border:0;}

.wrap{ padding:0 50px; }


#topband{min-height:78px; padding-top:35px; background:#fff;}
#topband img{float:left;}
#imageband{height:510px; margin:0; position:relative; background-size:cover;}
#blueband{padding:26px 0; background:#0c0c31; text-align:center; color:#fff;}
#footer{background:#06061b; clear:both; font-size:12px; min-height:35px; color:#545460; padding:15px 0 10px;}


ul#menu{float:right; list-style:none; padding-top:15px; margin:0; list-style:none;}
ul#menu li{display:inline-block; padding-left:40px;}
ul#menu li.first{padding-left:0;}
ul#menu li a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#b9b6b6; font-size:15px; text-transform:uppercase; font-weight:bold;}
ul#menu li a.active{color:#0c0c31;}

#steps{border-top:1px solid #41415e; padding:50px 0 30px 0; margin-top:-10px; overflow:hidden;}
#blueband .title{
	background:#0c0c31;
	color:#fff;
	font-size:22px;
	padding:0 20px;
	font-weight:700;
	z-index: 1000;
}

#steps ul{margin:0 -70px 0 0; padding:0; list-style:none;}
#steps li{float:left; width:33.3%;  text-align:left; font-size:14px; line-height:20px;}
#steps li .pic{display:block; float:left; width:65px; height:65px;}
#steps li .info{margin-left:85px; padding-right:70px; padding-top:5px;}


#form{width:247px; padding:38px 20px; position:absolute; right:50px; top:0; color:#fff;}
#form h1{font-size:30px; margin:0; padding:0; font-weight:700;}

#form input.date{background:url(../images/datebg.png) no-repeat; width:178px; height:28px;}

#form input{width:245px; border:0; border-radius:4px; height:27px;}
#form label{font-size:13px; padding:8px 0 2px; display:block;}
#form a.btn{color:#fff; display:block; text-align:center; line-height:40px; height:40px; font-size:17px; text-decoration:none; background:url(../images/btnbg.png); border-radius:4px; margin-top:20px; font-weight:700;}


.welcome{padding:367px 300px 0 0; float:left; overflow:hidden;}
.welcome .title{padding:7px 20px; color:#fff; margin:0; font-size:30px; font-weight:700; float:left;}

.welcome .sub{margin:0; padding:7px 20px; font-size:18px; font-weight:400; color:#fff; float:left; clear:left;}








#subband{height:100px; position:relative; background-size:cover; }
#subband .welcome{padding-top:20px;}


#page{padding:30px 0; position:relative; padding-right:360px; color:#666; font-size:14px; line-height:20px; min-height:550px;}


#list{list-style:none; margin:0; padding:0;}
#list li{padding:20px 0; border-top:1px dotted #ddd;}
#list li .title{display:block; padding-bottom:5px;  color:#21205c; font-size:18px; font-weight:700; text-decoration:none;}
#page .title{display:block; padding-bottom:10px;  color:#21205c; font-size:18px; font-weight:700; text-decoration:none;}
#list li .title:hover{color:#ccc;}

#page a.back{float:right;text-decoration:none; margin:-25px -45px 0 0; font-size:13px; color:#999;}
#page a.back:hover{color:#21205c;}


#rightcol{float:right; padding:30px 0; width:220px; font-size:13px; color:#777}
#leftcol{padding:30px 0; margin-right:260px; color:#666; font-size:14px; line-height:20px;}

#leftcol .form{padding:20px 0;}
#leftcol input{width:300px;  height:27px; border:1px solid #ddd; margin-bottom:10px;border-radius:4px;}
#leftcol label{ display:inline-block; vertical-align:top; width:170px;color:#21205c; font-size:13px; }
#leftcol textarea{width:400px;border:1px solid #ddd; border-radius:4px;}
#leftcol a.btn{clear:left; margin-top:20px; color:#fff; display:block; text-align:center; line-height:40px; height:40px; font-size:17px; text-decoration:none; background:url(../images/btnbg.png); border-radius:4px;  font-weight:700; width:200px;}

#form.inner{margin-top:-100px;}


#blueband .leftcol{margin-right:350px;}
#blueband .adcol{position:absolute; right:50px; top:10px; width:287px;}
#blueband .wrap{overflow:hidden; position:relative; min-height:200px;}
#page .adcol{position:absolute; right:50px; top:380px;}
.colcontent{position:relative;}
.colcontent .adcol{position:absolute; right:50px; top:100px;}

@media(max-width:1200px){
	#steps ul{margin-right:0;}
	#steps li{text-align:center;}
#steps li .pic{margin:0 auto 5px auto; float:none; width:65px; height:65px;}
#steps li .info{margin-left:0; padding:5px 10px; text-align:center;}	
}

@media (min-width:980px){
.navtab{display:none;}	
ul#menu{display:block;}


}


@media (max-width:979px){
a.navtab{display:block; color:#111140; text-decoration:none; font-size:13px; margin-right:-5px; font-weight:700; padding:3px 6px; float:right; position:relative; background:#f0efef; border-radius:3px;}
	a.navtab .fa{font-size:11px; color:#2152b2;}
	a.navtab:hover{text-decoration:none; background:#111140; color:#fff;}
	a.navtab:hover .fa{color:#fff;}	
	ul#menu{display:none; clear:both;  float:none; list-style:none; width:100%; padding-left:0; }
	ul#menu li{display:block; padding:6px 0; border-top:1px dotted #ddd; }
	ul#menu li a{display:block;}
	#topband{min-height:60px;}
	#topband{padding:20px 0 5px;}
	#leftcol input{width:100%; }
#leftcol label{display:block;  width:100%; }
#leftcol textarea{width:100%;}
#steps ul{margin:0;}
#steps li{float:none; display:block;overflow:hidden; padding-bottom:10px; width:100%;  text-align:left;}
#steps li .pic{float:left; width:65px; height:65px;}
#steps li .info{margin-left:85px;  padding-top:5px; }

}

@media (min-width:700px) and (max-width:979px){
.wrap{padding:0 30px;}
.welcome .title{font-size:24px; }
.welcome .sub{font-size:15px;}	
#form, #page .adcol{right:30px;}


}
@media(min-width:701px){
.entry{display:block;}
.claimtab{display:none;}
}
@media (max-width:700px){
	.wrap{padding:0 20px;}
	#steps ul{margin:0; padding:0 20px;}
#steps li{float:none; width:100%; overflow:hidden; text-align:center; padding-bottom:30px;} 
#steps li .pic{ float:none; width:65px; height:65px; margin:0 auto;}
#steps li .info{margin-left:0; padding-right:0; padding-top:10px;}
#topband img{width:75%; max-width:330px}
#form{position:relative; width:auto; right:0;}
.welcome{position:relative; margin:0; padding:0;width:100%; float:none;}
.welcome .title{font-size:24px; display:block; float:none;}
.welcome .sub{float:none; font-size:15px;}
#imageband .wrap{padding:0;}
#form input{width:99%;}
#imageband{height:auto;}
#leftcol, #rightcol{float:none; margin:0; width:auto;}
#rightcol{padding:20px;}
#leftcol{padding:0;}
#leftcol a.btn{width:100%;}
#page{padding-right:0; }
#form.inner{margin-top:-30px; padding:20px;}
a.claimtab{cursor:pointer; color:#fff; text-decoration:none; font-size:24px; font-weight:700; position:relative;}
	a.claimtab h1{float:left; margin-right:10px;}

.cl{display:none;}
	.entry{display:none; clear:both; overflow:visible; width:100%;}
	#form h1{font-size:26px;}
	#subband{background:none; height:40px;}
	#subband .wrap{padding:0;}
	#subband .welcome{padding:0;}
	
	#blueband .leftcol{margin:0;}
	#blueband .adcol{width:100%; right:5px; margin:10px;position:relative;}
	#blueband .adcol img{width:100%; height:auto;}
	#page .adcol{position:relative; top:0; right:0; left:0px; padding:10px 5%; width:90%;}
	#page .adcol img{width:100%; height:auto; max-width:287px;
}




/* IE7 & 8 STYLES */

.wrap{ width:1000px\9; margin:0 auto\9; position:relative\9;}
.navtab{display:none\9;}
#form{background:#3895c6\9;}
#page .wrap{width:630px\9;}
#page{position:relative\9; width:740px\9; margin:0 auto\9;}
.colcontent{width:1100px\9; margin:0 auto\9;}
#steps li{width:31%\9;}
ul#menu li{float:left\9;}
.welcome .sub{width:500px\9;}
#rightcol{width:200px\9;}
#leftcol{width:500px\9;}