/* Start main.css for Private Label Websites v2.0 - last updated 08/22/05 */
/* ------------------------------- Start Global Styles ------------------------------- */
A, A:Visited, A:Active {color: #4F629C; font-size: 12px; font-weight: bold; text-decoration: underline; }
A:Hover { color: #B8BCCF; text-decoration: none;}

BODY {font-family: Verdana, Arial, Serif; font-size: 12px; margin: 22px 0 0 0; padding: 0; background: #182E83;}
td, li, div, {font-family: Verdana, Arial, Serif; font-size: 12px; padding: 0; margin: 0; }
ul {margin: 0 0 0 20px; padding: 0;}

h1 {color: #182E83; font-weight: bold; font-size: 18px; margin: 0;
	}
h2 {/* used for all page titles on standard and custom pages */ 
	color: #182E83; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}

.content {/* use for main content on all pages */
	color: black; padding: 5px; vertical-align: top;}
.content p {font-family: Verdada, Arial, sans-serif; font-size: 12px;}
.content ul {margin-left: 20px; font-size: 11px; }
.content td {font-size: 11px; color: black;}
.class1 {margin-left: 20px;}

#maintbl {background: white; padding: 22px;}
/* -------------------------------- End Global Styles -------------------------------- */
/* --------------------------- Start Standard Page Styles ---------------------------- */
.snippetImage {/* controls spacing around Snippet images */margin: 0 10px 300px 0;}
/* ----------------------------- End Standard Page Styles ---------------------------- */
/* ------------------------------- Start Header Styles --------------------------------*/
#headerContainer {border-bottom: 1px solid #999898;}

#slogan {color: #999898; font-size: 10px; font-weight: normal; text-align: left; margin: 22px 10px 22px 0;}

#topnav {text-align: right; color: #999898; padding-right: 6px; padding-top: 3px; vertical-align: top; padding: 22px 0;}
#topnav ul {list-style-type: none; background: #F0F0F0; height: 39px; width: 230px; padding: 10px 5px 0 0; text-align: center;}
#topnav li {display: inline;}
#topnav a, #topnav a:visited, #topnav a:active {color: #999898; font-size: 10px; font-weight: normal; text-decoration: none;}
#topnav a:hover {color: #4F629C; text-decoration: underline;}

#scroll {color: #182E83; font-size: 11px; border-top: 1px solid #999898;}

/* -------------------------------- End Header Styles ---------------------------------*/
/* ------------------------------- Start Side Styles --------------------------------- */
#sidebar {width: 161px; padding-left: 0; _padding-left: 22px; margin: 0;}

#sidenav1 { }
#sidenav1 ul {list-style-type:none; margin: 3px 0px 0px 0; _margin: 3px 0px 3px 0px;}
#sidenav1 li {margin-bottom: 3px;}
#sidenav1 a, #sidenav1 a:visited, #sidenav1 a:active {color: white; display: block; width: 124px; _width: 164px; height: 26px; _height: 34px; padding: 8px 0 0 40px; text-decoration: none; margin: 0;}
#sidenav1 a:hover {color: #4F629C;}

#sidenav1 a#b01, #sidenav1 a#b01:active, #sidenav1 a#b01:visited {background: url(images/b_01.gif) no-repeat;}
#sidenav1 a#b01:hover {background: url(images/b_01_r.gif) no-repeat;}
#sidenav1 a#b02, #sidenav1 a#b02:active, #sidenav1 a#b02:visited {background: url(images/b_02.gif) no-repeat;}
#sidenav1 a#b02:hover {background: url(images/b_02_r.gif) no-repeat;}
#sidenav1 a#b03, #sidenav1 a#b03:active, #sidenav1 a#b03:visited {background: url(images/b_03.gif) no-repeat;}
#sidenav1 a#b03:hover {background: url(images/b_03_r.gif) no-repeat;}
#sidenav1 a#b04, #sidenav1 a#b04:active, #sidenav1 a#b04:visited {background: url(images/b_04.gif) no-repeat;}
#sidenav1 a#b04:hover {background: url(images/b_04_r.gif) no-repeat;}
#sidenav1 a#b05, #sidenav1 a#b05:active, #sidenav1 a#b05:visited {background: url(images/b_05.gif) no-repeat;}
#sidenav1 a#b05:hover {background: url(images/b_05_r.gif) no-repeat;}

#sidenav2 {border-top: 1px solid #999898; border-right: 1px solid #999898;}
#sidenav2 #lefthead {width: 164px; height: 26px; _height: 34px; padding: 8px 0 0 0; background: #182E83; color: white; font-size: 15px; font-weight: bold; text-align: center; margin: 3px 0; _margin: 3px 0 3px 0px; }
#sidenav2 ol {margin: 0 0 0 -20px; _margin: 0 0 0 27px; }
#sidenav2 li {margin: 5px 0; color: black; font-size: 10px; font-weight: normal;}
#sidenav2 a, #sidenav2 a:visited, #sidenav2 a:active {color: #182E83; font-weight: bold; font-size: 11px;}
#sidenav2 a:hover {color: #B8BCCF;}

#sidenav3 {padding: 0; _padding: 0 0 0 0px; border: 1px solid #999898;}
#sidenav3 h3 {color: #182E83; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, sans-serif; margin: 3px 0 5px 0;}
#sidenav3 h4 {color: #182E83; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, sans-serif; padding-top: 3px; margin: 2px 0 2px 0; border-top: 1px solid #999898;}
#sidenav3 p {color: #303030; font-size: 10px; text-align: center; margin: 3px 2px;}

/* -------------------------------- End Side Styles ---------------------------------- */
.imgpad {padding: 3px 3px 3px 0; margin: 0; border-bottom: 1px solid #999898; text-align: left;}

#welcomeContainer {border-left: 1px solid #999898; padding: 3px; border-bottom: 1px solid #999898;}
#welcomeContainer h3 {color: #182D81; font-size: 30px; font-weight: normal; margin: 3px 0;}
#welcomeContainer h4 {color: #9C147E; font-size: 18px; font-weight: normal; margin: 0px;}
#welcomeContainer p {color: #303030; font-size: 11px; text-align: left; margin: 3px 5px;}
#welcomeContainer a, #welcomeContainer a:visited, #welcomeContainer a:active {color: #303030; font-size: 11px; text-align: right;}
#welcomeContainer a:hover {color: #182D81;} 

#appbox {margin: 0; padding: 0 3px 3px 3px; _padding: 3px 3px 3px 0;}
#appbox div {background: url(images/B105_ImageApp.jpg) no-repeat top left #CCCFDD; height: 109px; width: 269px;}
#appbox h3 {color: #9C147E; font-size: 27px; font-weight: normal; margin: 3px 0 3px 80px; text-align: left;}
#appbox ul {margin: 8px 0 0 85px; list-style-type: none;}
#appbox li {padding: 2px 0;}
#appbox a, #appbox a:visited, #appbox a:active {color: #666666; font-size: 11px; text-decoration: underline; font-family: Arial, Verdana, sans-serif;}
#appbox a:hover {color: #182E83;}

#libbox {padding: 3px 0 0 0;}
#libbox div {background: #B8BCCF; padding: 6px 6px 15px 6px; border: 1px solid #B8BCCF;}
#libbox h3 {color: #182E83; font-size: 20px; margin: 3px 0; font-weight: normal; text-align: center;}
#libbox p {color: #303030; font-size: 11px; font-weight: normal; margin: 3px;}
#libbox ul {margin: 0 0 0 20px; list-style-type: none;}
#libbox li {padding: 2px 0; background: url(images/B105_ICONarrow2.gif) no-repeat left middle inside; padding-left: 15px;}
#libbox a, #libbox a:visited, #libbox a:active {font-size: 11px; font-weight: normal; color: #182E83; font-family: Arial, Verdana, sans-serif; text-decoration: underline;}
#libbox a:hover {color: #9C147E;}

#calcbox {padding: 0 3px 3px 3px; _padding: 0 3px 3px 0;}
#calcbox div {background: url(images/B105_imagecalc.jpg) no-repeat top left #4F629C; height: 109px;}
#calcbox h3 {color: white; font-size: 17px; font-weight: normal; margin: 3px 0 3px 80px; text-align: center;}
#calcbox ul {margin: 8px 0 0 95px; list-style-type: bullet white inside;}
#calcbox li {padding: 2px 0;}
#calcbox a, #calcbox a:visited, #calcbox a:active {color: white; font-size: 11px; text-decoration: underline; font-family: Arial, Verdana, sans-serif;}
#calcbox a:hover {color: #9C147E;}

#ratesbox {padding: 3px; border-top: 1px solid #999898;}
#ratesbox div {background: url(images/B105_Imagerates.jpg) no-repeat top left #fff; height: 79px;}
#ratesbox h3 {color: #182E83; font-size: 20px; font-weight: normal; text-align: left; margin: 0px 0 3px 185px;}
#ratesbox p {color: #303030; font-size: 11px; font-weight: normal; margin: 3px 3px 3px 185px;}
#ratesbox a, #ratesbox a:visited, #ratesbox a:active {font-size: 11px; font-weight: normal; color: #182E83; font-family: Arial, Verdana, sans-serif; text-decoration: underline;}
#ratesbox a:hover {color: #9C147E;}


/* ------------------------------- Start Footer Styles ------------------------------- */


#footerContainer {margin: 3px 22px 22px 22px; background: #F0F0F0; font-size: 10px; color: #999898;}

#navcContainer {margin: 5px;}
#navcContainer ul {	text-align: center;	}
#navcContainer li {	display: inline;list-style-type: none;}
#navcContainer a, #navcContainer a:visited, #navcContainer a:active {
	color: #9C147E;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none; border-left: 1px solid #182E83; padding: 0 2px 0 4px; }
#navcContainer a:hover {text-decoration: none;color: #9D9C9C;}

.sm {font-size: 10px; color: #999898;}

/* -------------------------------- End Footer Styles -------------------------------- */
/* -------------------------------- Start Form Styles -------------------------------- */
form {margin: 2px;}

.forminput {/* Input Fields Styles */
font-family: Verdana, Arial, Serif; font-weight: normal; font-size: 10px; color: black; background-color: #f0f8ff; padding: 1px; margin: 0; border: solid black 1px;}

.formMain {/* add to opening Form tag to remove padding/margin around form */
	padding: 0; margin: 0; }
.pnorm {/* Form Button Style */
	color: black; background: #f0f8ff; border: solid black 1px; cursor: hand;}		
.pover {/* Form Button Over Style */
	color: white; background: #333; border: solid black 1px; cursor: hand;}
/* --------------------------------- End Form Styles --------------------------------- */
/* --------------------------- Start Market Snapshot Styles -------------------------- */
.dlt {/* Outline */ background-color: black; } 
.dlr {/* Right Color Column */ background-color: #FFCC00; }
.gybg {/* Outline */ background: white; }
.bt {/* Main Class for Snapshot and Eco Calendar */
	color: black; font-size: 11px; padding: 1px; line-height: 15px; letter-spacing: 1px; background-color: white;}
.btb {/* Background for Economic Calendar */ background-color: white;}
/* ---------------------------- End Market Snapshot Styles --------------------------- */
/* --------------------------- Start Rate Sheet Styles ------------------------------- */
.mtg101thickblack { color: blue; font-weight: normal; font-size: 12px;}
.bodytext {color: black; font-size: 12px;}
/* ------------------------------ End Rate Sheet Styles ----------------------------- */
/* ------------------------------ Mortgage Library Styles ----------------------------- */
#Table1 ul {list-style: none;}
#Table1 p {margin: 10px 0 2px 5px;}

.content ul {list-style-type: url(images/bullet.gif) no-repeat; margin: 0; padding: 0;}
.content ul li a {color: #3B5B70; font-size: 12px; padding-left: 10px; font-weight: normal;} /*styles for sub links in mtg library*/
.content ul li a:hover {color: #999CA1;}
/* ------------------------------End Mortgage Library Styles ----------------------------- */

/* ---------------------------- Start Page Title Style ------------------------------ */
.bodytexttitle {/* styles match h2 style */ color: #182E83; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
.pagetitle101 {/* styles match h2 style */ color: #182E83; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
/*  ---------------------------- End Page Title Style ----------------------------- */
/* End main.css for Private Label Websites v2.0 - last updated 08/22/05 */