/* 

What Are Rates - CSS Document


	**********  Body Selectors **********

*/

* { margin: 0px; padding: 0px; }
html, body {
	background: #fff url(../img/bg.jpg) repeat-x top left;
	font: normal normal .94em/1.30em  "Microsoft Sans Serif","Trebuchet MS","Myriad Pro", Myriad, Arial, sans-serif;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
h2{color:#8E001C;}

/*

	**********  Id Selectors **********

*/
#top{	
	background:#244963 url(../img/top_bg.jpg) repeat-y top center;
	width:100%;
	text-align:center;
	float:left;
	height:13px;
}
#header_holder{
	background: url(../img/header_bg.jpg) repeat-x top left;
	width:100%;
	text-align:center;
	float:left;
	height:225px;
}
	#header_content{
		text-align:left;
		margin:0px auto;
		width:794px;
		height:225px;
		background: url(../img/header_content_bg.gif) no-repeat top right;
	}
	#nav{
		margin-top:186px;
		clear:both;
		float:left;
	}
		#nav ul{
			list-style:none;
		}
		#nav li{
			display:inline;
		}
		#nav a{
			height:39px;
			float:left;
		}
		#nav_home{
			width:67px;
			background:url(../img/nav_home.gif) top left;
		}
		#nav_home:hover{
			background:url(../img/nav_home.gif) bottom left;
		}		
		#nav_faq{
			width:63px;
			background:url(../img/nav_faq.gif) top left;
		}
		#nav_faq:hover{
			background:url(../img/nav_faq.gif) bottom left;
		}
		#nav_apply{
			width:107px;
			background:url(../img/nav_apply.gif) top left;
		}
		#nav_apply:hover{
			background:url(../img/nav_apply.gif) bottom left;
		}
		#nav_contact{
			width:104px;
			background:url(../img/nav_contact.gif) top left;
		}
		#nav_contact:hover{
			background:url(../img/nav_contact.gif) bottom left;
		}
		#nav_who{
			width:123px;
			background:url(../img/nav_who.gif) top left;
		}
		#nav_who:hover{
			background:url(../img/nav_who.gif) bottom left;
		}
		#nav_calculator{
			width:85px;
			background:url(../img/nav_calculator.gif) top left;
		}
		#nav_calculator:hover{
			background:url(../img/nav_calculator.gif) bottom left;
		}
	#apply_btn{
		width:171px;
		height:118px;
		margin-top:107px;
		float:right;
		background:url(../img/apply_btn.gif) top left;
	}
	#apply_btn:hover{
		background:url(../img/apply_btn.gif) bottom left;
	}
#header_bottom{
	clear:both;
	width:100%;
	height:9px;
	float:left;
	background:#C3D1DC url(../img/header_bottom_bg.jpg) repeat-y top center;	
}
#content_holder{
	clear:both;
	width:100%;
	float:left;
	text-align:center;
}
	#content{
		margin:0px auto;
		text-align:left;
		width:794px;
	}
		#content_main{
			width:782px;
			float:left;
			background:#fff;
			border:6px solid #ffffff;
		}
			#right{
				width:280px;
				float:right;
				border-left:6px solid #fff;
			}
				#right a, #right div{
					width:280px;
					float:left;
					clear:both;
					height:94px;
					margin-bottom:6px;
				}
				#right_1{
					background:url(../img/right_1.gif) top left;
				}
				#right_1:hover{
					background:url(../img/right_1.gif) bottom left;
				}
				#right_2{
					background:url(../img/right_2.gif) top left;
				}
				#right_2:hover{
					background:url(../img/right_2.gif) bottom left;
				}
				#right_3{
					background:url(../img/right_3.gif) top left;
				}
				#right_5{
					background:url(../img/right_5.gif) top left;
				}
				#right_5:hover{
					background:url(../img/right_5.gif) bottom left;
				}
				#right_6{
					background:url(../img/right_6.gif) top left;
				}
				#right_6:hover{
					background:url(../img/right_6.gif) bottom left;
				}
				#right_7{
					background:url(../img/right_7.gif) top left;
				}
				#right_7:hover{
					background:url(../img/right_7.gif) bottom left;
				}
				#right_9{
					background:url(../img/right_9.gif) top left;
				}
				#right_9:hover{
					background:url(../img/right_9.gif) bottom left;
				}
				
				#right_step1{
					background:url(../img/step_1.gif) bottom left;
				}
				#right_step1_active, #right_step1:hover{
					background:url(../img/step_1_active.gif) bottom left;					
				}
				#right_step2{
					background:url(../img/step_2.gif) bottom left;
				}
				#right_step2_active, #right_step2:hover{
					background:url(../img/step_2_active.gif) bottom left;					
				}
				#right_step3{
					background:url(../img/step_3.gif) bottom left;
				}
				#right_step3_active, #right_step3:hover{
					background:url(../img/step_3_active.gif) bottom left;					
				}
				
				
			#left{
				float:left;
				width:496px;
			}
				#left ul{
					margin-left:15px;
				}
				#left li{
					font-size:90%;
					margin-bottom:4px;
				}
				#left p{
					margin-bottom:24px;
				}
				#rates_box{
					width:494px;
					float:left;
					background:url(../img/rates_box.gif) top left no-repeat;
					margin:10px 0px;
					text-align:center;
				}
					#rates_num{
						text-align:center;
						float:right;
						width:60%;
						margin-top:5px;
						padding-bottom:20px;
						height:100px;
						color:#ffffff;
						font-size:200%;
					}
						#rates_head{
							font-size:85%;
						}
				
				
				
				
		#footer{
			clear:both;
			width:100%;
			float:left;
			text-align:center;
			background:#38617E;
			color:#ffffff;s
			padding:10px 0px;
			line-height:170%;
		}
			#footer_holder{
				margin:0px auto;
				width:794px;
				text-align:left;
			}
				#footer_content{
					width:794px;
					float:left;
					background:#38617E;
					padding-top:10px;
				}
					#footer a{
						color:#ffffff;
						text-decoration:none;
					}
					#footer a:hover{
						color:#FFCC5F;
						text-decoration:underline;
					}
					#footer ul{
						list-style:none;
					}
					#footer_content div{
						height:172px;
						margin-left:10px;
						float:left;
					}
					#links{			
						padding-left:69px;
						background:url(../img/footer_links.gif) top left no-repeat;	
					}
					#resources{
						padding-left:122px;
						background:url(../img/footer_resources.gif) top left no-repeat;					
					}
					#infoCenter{
						padding-left:122px;
						background:url(../img/footer_infoCenter.gif) top left no-repeat;					
					}

					
/*

	**********  Pseudo-Class Selectors **********

*/

a:link, a:active, a:visited { color: #688FAC; text-decoration: underline; }
a:hover { color: #8E001C; text-decoration: underline; }
a.l:link, a.l:active, a.l:visited { color: #ffffff; text-decoration: underline; }
a.l:hover { color: #8E001C; text-decoration: underline; }

h2, h3{
	padding:5px 0px;
}
h3{
	color:#688FAC;
}

p{
	font-size:95%;
}


input, textarea{
	background:#fcfcfc url(../img/input_bg.gif) bottom right no-repeat;
	margin:4px 15px;
	border:2px solid #688FAC;
	padding:4px;
	font-size:110%;
	font-family:"Microsoft Sans Serif","Trebuchet MS","Myriad Pro", Myriad, Arial, sans-serif;
}

/*

	**********  Class Selectors **********

*/
.submit_btn{margin:20px 0px 0px 40px;width:100px; height:33px; background:url(../img/btn_submit.jpg) top left no-repeat; border:0px;padding:0px;}
.calculate_btn{margin:20px 0px 0px 40px;width:100px; height:33px; background:url(../img/btn_calculate.jpg) top left no-repeat; border:0px;padding:0px;}
.clear { clear: both; }
.f_left{float:left;}
.f_right{float:right;}
.invisible { display:none; } 
.padding5 { padding: 5%; }
.padding10 { padding: 10%; }
.contactError{
	list-style:none;
	color:#FF0000;
	font-style:italic;
	font-size:90%;
	margin:5px 0px;
}
.width_20{
	float:left;
	width:20%;
}
.width_40{
	float:left;
	width:40%;
}
.large{
	font-size:300%;
	padding:4px;
	color:#ffffff;
	height:50px;
}