/* Start main.css for Enhanced Websites v2.0 - last updated 08/22/05 */
/* ------------------------------- Start Global Styles ------------------------------- */

A, A:Visited, A:Active {color: #3163A8; font-size: 12px; font-weight: bold; text-decoration: underline; }
A:Hover { color: #8EDFF3; text-decoration: none;}

BODY {font-family: Arial, Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; 
background: url(images/bg.gif) repeat-x top #E4EDFA;}
td, li, div, {font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 0; margin: 0; }
ul {margin: 0 0 0 20px; padding: 0;}

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

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

/* -------------------------------- 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 --------------------------------*/

#logo a, #logo a:active, #logo a:visited, #logo a:hover {background: url(images/logo.jpg) no-repeat top right; width: 502px; height: 96px; display: block;}

#header {background: url(images/headerbg.jpg) no-repeat top left; width: 397px; height: 96px; text-align:right; 
color: #2F64A7; font-size: 13px; vertical-align: bottom; padding-bottom: 5px; line-height: 20px;}
#header span {color: #C2191F; font-size: 16px; font-weight: bold;}

/* -------------------------------- End Header Styles ---------------------------------*/
/* ------------------------------- Start Side Styles --------------------------------- */

#sideContainer {background: url(images/sidebg.jpg) repeat-y top; width: 211px; border-right: 1px solid #51a0b3; border-bottom: 1px solid #51a0b3; margin: 0; padding: 0;}
#sideContainer ul {width: 211px; list-style-type: none; margin: 0; padding: 0; vertical-align: top;}
#sideContainer li {margin: 0; padding: 0;}
#sideContainer a, #sideContainer a:active, #sideContainer a:visited {color: #B3F5FE; font-size: 11px; font-weight: bold; display:block; border-top: 1px solid #51a0b3; border-bottom: 1px solid #0c1d33; text-decoration:none; margin: 0; width: 208px; _width: 211px; padding: 2px 0 3px 3px;}
#sideContainer a:hover {background: #E4EDFA; color: #23366B; border-bottom: 1px solid #51a0b3; border-top: 1px solid #0c1d33;}

#sideContainer #welcome {padding: 0px; margin: 0px;}
#sideContainer #welcome p {color: #B3F5FE; font-size: 11px; line-height: 15px; text-align: justify; margin: 20px 10px 0px 10px;}
#sideContainer #welcome a, #sideContainer #welcome a:visited, #sideContainer #welcome a:active {font-size: 10px; font-weight: normal; border: none; text-decoration: underline; text-align:right; margin-bottom: 57px; padding-right: 10px;}
#sideContainer #welcome a:hover {border: none; background:none; color: #E4Edfa;}

#sideContainer #welcome2 {padding: 0px; margin: 0px;}
#sideContainer #welcome2 p {color: #B3F5FE; font-size: 11px; line-height: 15px; text-align: justify; margin: 20px 10px 60px 10px;}
#sideContainer #welcome2 a, #sideContainer #welcome2 a:visited, #sideContainer #welcome2 a:active {font-size: 10px; font-weight: normal; border: none; text-decoration: underline; text-align:right; margin-bottom: 55px; _margin-bottom: 42px; padding-right: 10px;}
#sideContainer #welcome2 a:hover {border: none; background:none; color: #E4Edfa;}

#inbtw {background: url(images/inbtw.jpg) no-repeat top #e4edfa;}

/* -------------------------------- End Side Styles ---------------------------------- */
/* ------------------------------- Start MainTable Styles ------------------------------- */

#maintbl {width: 677px; border: 1px solid #51a0b3; background: #E4EDFA;}

#ratetbl {background: #263f77; width: 299px; height: 175px; border-left: 1px solid #51a0b3; border-right: 1px solid #51a0b3;}

#riteContainer ul {margin: 0; padding: 0; list-style-type: none;}
#riteContainer li {margin: 0; padding: 0;}

#riteContainer a.one, #riteContainer a.one:visited, #riteContainer a.one:active {background: url(images/b_rev.jpg) no-repeat top; display:block; padding: 6px 0 0px 62px; width: 127px; _width: 189px; height: 40px; _height: 46px; color: #FEB106; font-size: 16px; font-weight: normal; text-decoration:none;}
#riteContainer a.one:hover {background: url(images/b_rev_r.jpg) no-repeat top; color: #FFEC49;}

#riteContainer a.two, #riteContainer a.two:visited, #riteContainer a.two:active {background: url(images/b_first.jpg) no-repeat top; display:block; padding: 6px 0 0px 62px; width: 127px; _width: 189px; height: 36px; _height: 42px; color: #8ADEF2; font-size: 16px; font-weight: normal; text-decoration:none; border-top: 1px solid #51a0b3;}
#riteContainer a.two:hover {background: url(images/b_first_r.jpg) no-repeat top; color: #FEB106;}

#riteContainer a.three, #riteContainer a.three:visited, #riteContainer a.three:active {background: url(images/b_comm.jpg) no-repeat top; display:block; padding: 6px 0 0px 62px; width: 127px; _width: 189px; height: 36px; _height: 42px; color: #FFEC49; font-size: 16px; font-weight: normal; text-decoration:none; border-top: 1px solid #51a0b3;}
#riteContainer a.three:hover {background: url(images/b_comm_r.jpg) no-repeat top; color: #8ADEF2;}

#riteContainer a.four, #riteContainer a.four:visited, #riteContainer a.four:active {background: url(images/b_priv.jpg) no-repeat top; display:block; padding: 6px 0 0px 62px; width: 127px; _width: 189px; height: 36px; _height: 42px; color: #FEB106; font-size: 16px; font-weight: normal; text-decoration:none; border-top: 1px solid #51a0b3;}
#riteContainer a.four:hover {background: url(images/b_priv_r.jpg) no-repeat top; color: #FFEC49;}

#riteContainer a.five, #riteContainer a.five:visited, #riteContainer a.five:active {background: url(images/b_real.jpg) no-repeat top; display:block; padding: 6px 0 0px 62px; width: 127px; _width: 189px; height: 36px; _height: 42px; color: #8ADEF2; font-size: 16px; font-weight: normal; text-decoration:none; border-top: 1px solid #51a0b3;}
#riteContainer a.five:hover {background: url(images/b_real_r.jpg) no-repeat top; color: #FEB106;}

#appbg {background: url(images/app_bg.jpg) repeat-y top; width: 187px; height: 43px; border-top: 1px solid #51a0b3;}
#appbg p {color: #73CDE2; font-size: 10px; margin: 3px; padding: 0;}
#ratebg {background: url(images/rate_bg.jpg) repeat-y top; width: 299px; border: 1px solid #51a0b3; border-bottom:none; color: #73CDE2; font-size: 10px;}
#ratebg p {color: #73CDE2; font-size: 10px; margin: 3px; padding: 0;}

/* ------------------------------- End MainTable Styles ------------------------------- */
/* ------------------------------- Start Footer Styles ------------------------------- */
.sm {font-size: 10px;}
#footer {color: #23356A; font-size: 10px;}

#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: #2F64A7;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none; border-left: 1px solid #2F64A7; padding: 0 2px 0 4px; }
#navcContainer a:hover {text-decoration: underline;}
/* -------------------------------- End Footer Styles -------------------------------- */
/* -------------------------------- Start Form Styles -------------------------------- */
.forminput {font-family: Verdana, Arial, Serif; font-weight: bold; font-size: 12px; color: black; background-color: #f0f8ff; padding: 1px; margin: 0; border: solid black 1px;}

.forminput2 {font-family: Verdana, Arial, Serif;font-weight: bold;font-size: 12px;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: #e4edfa; }
.bt {/* Main Class for Snapshot and Eco Calendar */
	color: black; font-size: 11px; padding: 1px; line-height: 15px; letter-spacing: 1px; background-color: #e4edfa;}
.btb {/* Background for Economic Calendar */ background-color: #e4edfa;}
/* ---------------------------- End Market Snapshot Styles --------------------------- */
/* --------------------------- Start Rate Sheet/Prequal Styles ------------------------------- */
.mtg101thickblack { color: #000; font-weight: normal; font-size: 12px;}
.bodytext {color: #23356A; font-size: 12px;}
.rate_disc {background: #e4edfa;}
/* ------------------------------ End Rate Sheet Styles ----------------------------- */
/* ---------------------------- Start Page Title Style ------------------------------ */
.bodytexttitle {/* styles match h2 style */ color: #C2191F; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
.pagetitle101 {/* styles match h2 style */ color: #C2191F; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
/*  ---------------------------- End Page Title Style ----------------------------- */
.bodytextsmall {color:#23356A;}

/*  ---------------------------- Start Library Style ----------------------------- */
.bodytext ul {list-style-type: none;}
.bodytext li {padding-left: 13px; background: url(images/bullet.jpg) no-repeat left; color: #23356A;}

.content li a, .content li a:active, .content li a:visited {color: #23356A; font-size: 11px; text-decoration: underline;}
.content li a:hover {color: #b3f5fe;}

/*  ---------------------------- End Library Style ----------------------------- */

/* Add this to your main.css file */
/* This is used to format the Custom Rates Table for both Enhanced and Executive sites */
/*  ----------------------- Start Custom Rates Table Style ------------------------ */
.rate_table {background: #D7E6FC; border: 1px solid #51a0b3; margin: 10px;}

.border { 
	padding: 2px 0 2px 0;
	background: #D7E6FC;
	}
.title { /*Program  Rate  Points   APR   line*/   
	color: white;
	font-size: 10px;
	font-weight: bold;
	background: #0C1D33;
	padding: 2px 0 2px 1px;
	}
.heading_line { /*Program Heading background*/
	background: #4E9EB2;
	 padding: 2px 0 2px 0;
	}
A.heading, A.heading:Visited, A.heading:Active {/*Program Heading links*/
	color: white;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background: #4E9EB2;
	}
A.heading:Hover {
	text-decoration: underline;
	}

A.program, A.program:Visited, A.program:Active {/*Program Name links*/
	color: #44474E;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	background: #D7E6FC;
	}
A.program:Hover {
	color: #4E9EB2;
	text-decoration : underline;
	}

A.rate, A.rate:Visited, A.rate:Active {/*Rate links*/
	color: #44474E;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	}
A.rate:Hover {
	color: #4E9EB2;
	text-decoration : none;
	}

A.apply, A.apply:Visited, A.apply:Active {/*Apply Button*/
	color: white;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background: #23366B;
	text-align: center;
	padding: 2px 0 2px 0;
	}
A.apply:Hover  {
	background: #fff;
	color: #23366B;
	}
/*  ---------------------- End Custom Rates Table Style ----------------------- */



/* End main.css for Enhanced Websites v2.0 - last updated 08/22/05 */