body{margin:0 auto 0 auto; padding:0; font:11px/18px arial, verdana, tahoma, helvetica, sans-serif; color:#003859; text-align:center; background:#FFF;}

#wrapper {margin:0 auto 0 auto; width:760px; background:url(../images/wrapper_bg.gif) repeat-y left;}
#header {width:760px; height:120px;  border-top:1px solid #FFF; border-bottom:1px solid #FFF; background: transparent url(../images/tagline.gif) no-repeat;}
#logo a{float:left; padding:0px; margin:10px 0 0 20px; background: transparent url(../images/logo.gif) no-repeat; width:166px; height:102px;}



/* Top navigation 
-------------------------------------------------------*/
#top_menu {
	float: right;
	margin: 0;
	list-style-type: none;
	height:40px;
	width:290px;
}

#top_menu li {display: inline;}
#top_menu li a,
#top_menu li div {
	float: left;
	margin: 10px 12px;
	padding: 0;
	height: 18px;
}

#top_menu .menu_home {width: 34px; background: url(../images/buttons/home.gif) no-repeat;}
#top_menu .menu_about {width: 67px; background: url(../images/buttons/about.gif) no-repeat;}
#top_menu .menu_faq {width: 28px; background: url(../images/buttons/faqs.gif) no-repeat;}
#top_menu .menu_contact {width: 60px; background: url(../images/buttons/contact.gif) no-repeat;}

/* Main navigation area 
-------------------------------------------------------*/

#main_navigation {width:760px; height:30px; border-bottom:1px solid #FFF;}
#you_are_here {float:left; width:200px; height:30px; border-right:1px solid #FFF; background:#8CB7A9; padding:0; margin:0;}
#main_nav {
	float: right;
	margin: 0;
	list-style-type: none;
	height:30px;
	width:559px;
	background:#EAA547;
	padding:0; margin:0;
}
#main_nav li {display: inline;}
#main_nav li a, #main_nav li div {float: left; margin: 0px; padding: 0;	height: 30px;}

#main_nav .menu_options {width: 136px; background: url(../images/buttons/options.gif) no-repeat;}
#main_nav .menu_application {width: 113px; background: url(../images/buttons/application.gif) no-repeat;}
#main_nav .menu_calculators {width: 109px; background: url(../images/buttons/calculators.gif) no-repeat;}
#main_nav .menu_survey {width: 109px; background: url(../images/buttons/survey.gif) no-repeat;}
#main_nav .menu_resources {width: 92px; background: url(../images/buttons/resources.gif) no-repeat;}




#content{width:760px; 0; margin:0; text-align:left; background: url(../images/left_bg.gif) left bottom no-repeat;}
#left {float:left; width:200px; padding:0px; margin:0; border-right:1px solid #FFF;}
#left p{padding:20px 20px 10px 30px; margin:0;}

#leftt ul {margin:10px; padding:0;}
#left li {list-style:none; background: url(../images/bullet.gif) no-repeat 0 50%; padding-left:18px;}
#left li.title {list-style:none; background: none; padding-left:0px;  font-weight:bold;}
#left a {font:11/18px arial, verdana, tahoma, sans-serif; text-decoration:none; color:#003859;}
#left a:hover {color:#E58E19;}
#left table {margin:30px auto 0 auto; padding:0;}

#right {float:left; width:559px; padding:0px; margin:0; background:#F5F5F5;}
#right p{padding:0; margin: 0 30px 20px 23px;}

#contact_left{float:left; width:250px;}
#contact_right{float:right; width:250px;}

/* Titles 
----------------------------------------------*/

#welcome {width:230px;  background: url(../images/titles/welcome.gif) no-repeat;}
#advantage {width:340px;  background: url(../images/titles/advantage.gif) no-repeat;}
#why {width:420px;  background: url(../images/titles/why.gif) no-repeat;}
#save {width:180px;  background: url(../images/titles/save.gif) no-repeat;}
#about_title {width:330px; background: url(../images/titles/about.gif) no-repeat;}
#contact_title {width:230px; background: url(../images/titles/contact.gif) no-repeat;}
#links_title {width:230px; background: url(../images/titles/links.gif) no-repeat;}
#rate_title {width:264px; background: url(../images/titles/rate.gif) no-repeat;}
#faq_title {width:230px; background: url(../images/titles/faq.gif) no-repeat;}
#options_title {width:230px; background: url(../images/titles/options.gif) no-repeat;}
#options_term {width:230px; background: url(../images/titles/options_term.gif) no-repeat;}
#options_rate {width:230px; background: url(../images/titles/options_flexible.gif) no-repeat;}
#options_insured {width:230px; background: url(../images/titles/options_insured.gif) no-repeat;}
#calculator_title {width:230px; background: url(../images/titles/calculator.gif) no-repeat;}
#application_title {width:230px; background: url(../images/titles/application.gif) no-repeat;}
#privacy_title {width:230px; background: url(../images/titles/privacy.gif) no-repeat;}

#welcome, #advantage,#why, #save, #about_title, #contact_title, #links_title, #rate_title, #faq_title, #options_title, #options_term, #options_rate, #options_insured, #calculator_title, #application_title, #privacy_title {height:14px; margin:20px 0 10px 20px; padding:0;}


/* You are here 
----------------------------------------------*/

#home, #about, #faq, #contact, #options, #calculator, #survey, #links, #application {width:200px; height:29px; margin:0; padding:0;}

#home {background: url(../images/youarehere/home.gif) no-repeat;}
#about {background: url(../images/youarehere/about.gif) no-repeat;}
#faq {background: url(../images/youarehere/faq.gif) no-repeat;}
#contact {background: url(../images/youarehere/contact.gif) no-repeat;}
#options {background: url(../images/youarehere/options.gif) no-repeat;}
#calculator {background: url(../images/youarehere/calculator.gif) no-repeat;}
#survey {background: url(../images/youarehere/survey.gif) no-repeat;}
#links {background: url(../images/youarehere/links.gif) no-repeat;}
#application {background: url(../images/youarehere/application.gif) no-repeat;}


/* Bottom Navigation 
----------------------------------------------*/
#footer{margin:0px auto 0px auto; width:760px; border-top:1px solid #FFF;}
#footer p {font:10px verdana, arial, tahoma, sans-serif; padding:5px; margin:0; text-align:left;}
#bottom_nav {width:760px; height:30px; margin:0; padding:0; list-style-type: none; background:#E58E19;}
#bottom_nav li {display: inline;}
#bottom_nav li a, #bottom_nav li div {float: left; margin: 0px 14px; padding:0; height: 30px;}

#bottom_nav .b_home {width: 34px; background: url(../images/buttons/b_home.gif) no-repeat;}
#bottom_nav .b_about {width: 65px; background: url(../images/buttons/b_about.gif) no-repeat;}
#bottom_nav .b_faq {width: 25px; background: url(../images/buttons/b_faqs.gif) no-repeat;}
#bottom_nav .b_options {width: 102px; background: url(../images/buttons/b_options.gif) no-repeat;}
#bottom_nav .b_application {width: 65px; background: url(../images/buttons/b_application.gif) no-repeat;}
#bottom_nav .b_calculators {width: 64px; background: url(../images/buttons/b_calculators.gif) no-repeat;}
#bottom_nav .b_survey {width: 64px; background: url(../images/buttons/b_survey.gif) no-repeat;}
#bottom_nav .b_resources {width: 28px; background: url(../images/buttons/b_resources.gif) no-repeat;}
#bottom_nav .b_contact {width: 61px; background: url(../images/buttons/b_contact.gif) no-repeat;}



a{color:#E58E19;}
a:hover{color:#003859;}
.hide {display:none;}
h2 {font:bold 16px arial, verdana, tahoma, sans-serif; margin:10px; padding:0;}
.admin_table {width:460px; margin-left:10px;}

.broker_name {margin:20px 0 10px 20px; font:bold 14px/18px arial, verdana, tahoma, helvetica, sans-serif;}

/* Mortgage Rate Survey Table
---------------------------------------*/

.rate_table {padding:0; margin: 0 30px 20px 20px;}

.keyline {border-bottom:1px solid #fff;}

.best_rate {background:#EAA547; color:#FFF; border:1px solid #FFF;}
.best_rate th {background: #E58E19; border-bottom:1px solid #FFF;}