/* CSS Document */
* {margin: 0; padding: 0}
body {
	font: 10px Arial, Helvetica, Verdana, sans-serif;
	background-color: #f9e7c3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
/* google chrome hack */
body:nth-of-type(1) #main_nav ul li a{
	text-transform: uppercase;
	color: #FFF;
	font-weight: 300;
	text-decoration: none;
	word-spacing: -1px;
}
 body:nth-of-type(1) #rates_img {left:301px; width: 50px}
 body:nth-of-type(1) #apply_online_img{left:349px; width: 91px}
 body:nth-of-type(1) #services_img{left:436px; width: 70px}
 body:nth-of-type(1) #calculators_img{left:498px; width: 95px}
 body:nth-of-type(1) #credit_info_img{left:504px; width: 164px}
 body:nth-of-type(1) #disclosures_img{left:663px; width: 90px}
/* end */

p {margin: 5px 0 0 0; padding: 0; color: #000; font-size: 10px; line-height: 15px;}
h1,h2,h3,h4 {margin:0; padding:0; color: #860038;}
h1 { font-size: 18px; }
h2 {
	font-weight: 900;
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 3px;
}

ul{margin: 0; padding: 0;}
li{margin: 0; padding: 0;}
#mainContent ol{margin: 10px}
#mainContent ol li{margin: 10px 0 0 25px;}
#mainContent ul{margin: 10px}
#mainContent ul li{margin: 10px 0 0 25px}
hr{color: #FFC; background-color: #FFC; border-top: 1px inset #FFC; height: 1px; margin:0;}
a{text-decoration: none; outline: none;}
#mainContent a{text-decoration: underline}
iframe {border: 0px solid #ffffff; margin:0; padding: 0}
fieldset{border: none; margin:0; padding: 0}

.text_right {text-align: right;}
.clear {clear: both;}
.red_text {
	color: #C00;
	font-size: 11px;
	font-weight: 900;
	margin:5px 0;
}
.yellow_text{
	color: #C90;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 900;
	margin: 10px 0;
}
.bold {font-weight: bold; font-size: 11px;}
.small_text {font-size: 9px; line-height:10px; }
#background {
	background: url(../images/background.png) repeat-x;
}

#shadow_container {
	background-image: url(../images/shadow_bg.png);
	background-repeat: no-repeat;
	width: 855px;
	margin: 0 auto;
	height: 1200px;
}
#container {
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFF;
	position: relative;
}

#container a{
	color:#8c6302 ;

}

/*  Header Area */
#logo_container {
	background-color: #000;
	height: 263px; 
	width: 100%	;
	position: relative;
	}
#logo {
	height: 100%;
	width: 100%;
	background-image: url(../images/logo_bg.jpg);
	background-repeat: no-repeat;
}
#logo img{ margin: 0px 20px 10px 0; cursor: pointer; position: absolute; right:0px; bottom:0px;}

/*Search Bar */
#search_bar {
	position: absolute;
	width: 485px;
	height: 48px;
	right: 5px;
	padding: 20px 0 0 0;
	background-image: url(../images/search_bar.png);
	background-repeat: no-repeat;
}
#search_bar ul{display: inline; float: left; width: 245px; margin-right: 45px;}
#search_bar ul li{float: left; height: 100%; margin: 4px 0 0 8px; list-style-type: none; background: url(../images/white_bullet.png) no-repeat 0 50%;}
#search_bar ul li a{color: white; font-size: 11px; text-transform: uppercase; padding-left: 13px; }
#search_bar .first{background-image: none;}
#search_textBox{width: 118px; padding:0; margin: 0 5px 0 0px; height: 15px;}
#search_bar #search_btn { background-color: #a5b18b; padding: 1px; font-size: 10px; }

/* Navigation */
#nav_bar_container {
	height: 54px;
	width: 100%;
	background-color: #82896f;
	clear: left;
}
#nav_bar_container ul{
	float: left;
	list-style: none;
	width: 100%;
	display: inline;
}
#nav_bar_container ul li{display: inline; float: left;}

#main_nav {
	background: url(../images/main_nav_bg.jpg) repeat-x;
	width: 100%;
	height: 26px;
	position: relative;
}
#main_nav img{
	position: absolute;
	top:0px;
	z-index: 2;
}
.main_nav_img {visibility: hidden}
#main_nav ul{
	width: 765px;
	position: absolute;
	z-index: 3;
	top: 9px;
	left: 55px;
}
#main_nav ul li{margin: 0px 7px 0px 7px;}
#main_nav ul li a{
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	font-size: 10px;
	text-decoration: none;
	word-spacing: -1px;
}
#nav_bar_container .visible {visibility: visible; display: inline; }
#nav_bar_container .hidden {visibility: hidden; display: none;}

#sub_nav {
	background-color: #f9e6c3;
	width: 100%;
	height: 24.5px;
	position: relative;
}
#sub_nav ul{
	width: 768px;
	height: 24.5px;
	position: absolute;
	top:0px;
	left:0px;
	padding: 0;
	margin-top: 6px;
}
#sub_nav ul li a{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin:0 5px;
	padding: 6px 1px;
}
#sub_nav ul li a:hover{
	color: #FFF;
	background: url(../images/subnav_highlight.png) repeat-x 0 0;
}
	
#sub_nav #rates {
	left: 33px;
	width: 740px;
}
#sub_nav #apply_online{
	left: 33px;
	width: 740px;
}
#sub_nav #services{
	left: 33px;
	width: 765px;
}
#sub_nav #calculators{
	left: 33px;
	width: 740px;
}
#sub_nav #credit_info{
	left: 33px;
	width: 740px;
}
#sub_nav #disclosures{
	left: 33px;
	width: 740px;
}
 #home_img {visibility: hidden; left:54px; width: 47px;}
 #financial_center {visibility: hidden; left: 170px; width: 133px;}
 #rates_img {visibility: hidden;left:298px; width: 50px}
 #apply_online_img{visibility: hidden;left:346px; width: 91px}
 #services_img{visibility: hidden;left:433px; width: 70px}
 #calculators_img{visibility: hidden;left:495px; width: 95px}
 #credit_info_img{visibility: hidden;left:497px; width: 164px}
 #disclosures_img{visibility: hidden;left:656px; width: 90px}

/* Home Page Main Content */
#content_container {
	width: 100%;
	height: 100%;
	}
#left_content {
	width: 210px;
	float: left;
	padding: 8px;
	display: inline;
	height: 840px;
}

#left_content .individual_box {padding: 10px; background-color: #f9e7c3;}

#online_access {
	border: #bb963c 1px solid;
	background: url(../images/login_bg.png) repeat-x 0 100%;
	height: 150px;
}
#online_access p.subheading{font-size: 13px; text-transform: uppercase; color: #860038; letter-spacing: 0px; margin:0 0 7px 3px;}

#online_access .login_box{ width: 182px;}
#online_access .login_def{width: 50px; display: inline; }
#online_access .retrieve{margin-left: 64px; display: inline;}
#online_access .retrieve2{margin-left: 19px; display: inline;}
#online_access .login_button{width: 75px; display: inline;}
#online_access .security{display: inline; margin-left: 57px;}
#online_access hr{margin: 0 0 0 -3px; width: 194px;}
#online_access .white_text {color: white; font-size: 10px; font-weight: 500; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: -1px; line-height: 10px;}
#online_access .text_emphasis{color: #860038; font-size: 13px; font-weight: 900; margin-top: 9px;}
#online_access #login_btn_container{margin: 10px 0 10px 0;}

#left_content .main_left_box {background-color: #f9e7c3; margin-top: 8px; border: #bb963c 1px solid;}

#mainContent {
	width: 565px;
	padding: 8px 8px 0 0;
	float: left;
	display: inline;
}
#mainContent p{margin: 10px}
#mainContent p.larger{font-size: 11px}

#mainContent .table {font-size:8pt; background-color:#F1F1F1; padding: 2px 0 2px 5px;}
#mainContent .table-title {font-size:9pt; font-weight:bold; color:#FFFFFF; background-color:#5F6451; padding-left: 10px;}

#advertising {
	width: 100%;
	margin: 30px 0 8px 0;
}
#home_content_container {
	background: url(../images/home_content_shadow.png) no-repeat 0 0;
	width: 100%;
}
#home_content_inner {
	margin: 0 auto;
	padding-top: 50px;
	width: 75%;
}
#home_content_inner h1{margin: 0 0 25px 0;}
#home_content_inner h2{margin-top: 20px;}
#home_content_inner .line_break{margin: 10px 12px; }
#federally_insured {
	border: #bb963c 3px double;
	padding: 1px;
	width: 100%;
	background-color: #FFF;
	float: left;
}
#federally_insured div {width: 243px; padding:0 10px 0 10px; float: left; display: inline;}
#federally_insured div p{margin:10px 0 5px 0; padding: 0; }
#federally_insured hr{width:100%;}
#federally_insured .yellow_text{margin:3px 0 0 0;}
#copyright {
    width: 800px; 
    height: 160px;
    background-image: url(../images/content_footer_bg.png);
	background-repeat: repeat-x;
	background-position:0 100%;}
#copyright_content {padding-top: 80px}
#copyright p{text-align: right; color: #860038; padding-right: 10px;line-height: 10px;}
#copyright a{color: #860038;}
#copyright .green_text{color: #82896f; }
#footer{width: 100%; margin:0px 0 30px 0px; text-alignment: center}
#footer_not_used img{margin-left: -200px; text-alignment: center;}

#sitemap .first_level{font-size: 14px; color: #860038; font-weight: 600; padding:7px 0; }
#sitemap .second_level{font-size: 12px; color: #860038; font-weight: 300; padding: 5px 0;}


.faq_question {font-size: 12px; color:#860038; font-weight: bold; margin-bottom: 0; padding-bottom: 0;}
.faq_answer {}
#steps_personalize_prepaid {margin:30px 0 0 45px; background-color: #F1F1F1; width: 70%; padding: 20px; }