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

BODY {
	font-family: Arial, Verdana, Serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
td, p, li, ul, div {
	font-family: Arial, Verdana, Serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

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

.content {/* use for main content on all pages */
	color: black;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-top: 1px solid #2d2d30;
	}
.content p {margin: 10px 0 0 0;}
.content a {margin: 0 0 10px 0;}
.content ul {list-style: none;}
.content li a {color: #a78001;}
.content li a:hover {color: #000;}
/* -------------------------------- 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 {background: url(images/header_bg.jpg) repeat-y; width: 526px; height: 62px; margin: 0; padding: 0;}
#dropdwn {margin-left: 370px; color: white;}
.dropbg {background: #2d2d30; height: 29px; padding: 0 3px 0 3px;}
.dropbg a, .dropbg a:visited, .dropbg a:active {color: white; font-weight: normal; text-decoration: underline;}
.dropbg a:hover {color: #a78001;}

#navhContainer {background: url(images/navh_bg.jpg) repeat-y; width: 562px; height: 27px; border-top: 2px solid white; border-bottom: 1px solid white;}
#navhContainer a, #navhContainer a:active, #navhContainer a:visited {color: #2d2d30; padding: 6px 25px 0 24px; font-weight: normal; text-decoration: none; display: block; float: left; height: 27px;}
#navhContainer a:hover {color: white; background: #a78001; filter: alpha(opacity=60); -moz-opacity: 6.0;}

#headLO {border-bottom: 1px solid #2d2d30;}
/* -------------------------------- End Header Styles ---------------------------------*/


/* ------------------------------- Start Side Styles --------------------------------- */
#sideContainer {border-right: 2px solid white; width: 232px; vertical-align: top;}
/*----------------- START DROPDOWN NAV -------------------*/
#dropNav { /* Drop Down - Dimensions and Alignment */
	width: 232px; /* decrease this width to make the Main Buttons stack vertically */
	text-align: left;
	z-index: 108;
	margin: 0;
	padding: 0;
	}
/*------- START MAIN BUTTON SECTION -------*/
#dropNav ul { /* Main Buttons - Placement */
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
	}
#dropNav ul li { /* Main Buttons - Dimensions and Design */
	float:left;
	position: relative;
	width: 232px;
	border-bottom: 1px solid white; 
	}
#dropNav ul li a, #dropNav ul li a:visited, #dropNav ul li a:active { /* Main Button Links - Placement, Dimensions and Design */	display: block;
	width: 232px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	background: #2d2d30; /* IE6 Bug */
	padding: 8px 0;
	margin: 0;
	}
#dropNav ul li a:hover { /* Main Button Links */ 
	background: #a78001;
	}
/*-------- END MAIN BUTTON SECTION --------*/
/*----- START DROPDOWN MENUS SECTION ------*/
#dropNav li ul { /* Dropdown Menus - Placement and Dimensions */
	position: absolute;
	top: 0px; /* Adjusts the position of the drop down menus */
	/* Change 20px to -1px for vertically stacked Main Buttons */
	left: 232px; /* controls the offset from the bottom of the main button */
	/* Change -1px to 1 less then the actual width of the Dropdown menu to have them work with vertically stacked Main Buttons */
	display: none;
	z-index: 101;
	width: 160px; /* Sets the width of the overall Drop Down Menu */
	text-align: left;
	border: 1px solid white;
	border-bottom: none;
	}
#dropNav li ul li {width: 160px;}
#dropNav li ul a, #dropNav li ul a:active, #dropNav li ul a:visited { /* Dropdown Menus - Design */
	display: block;
	width: 160px;
	height: 15px;
	line-height: 15px;
	text-decoration: none;
	color: white;
	font-size: 12px;
	background-color: #2d2d30; /* IE6 Bug */
	padding: 2px 0 2px 5px;
	z-index: 108;
	filter: alpha(opacity=90); /* Adjusts the transparancy of the drop down menus (IE) */
	-moz-opacity: 9.0; /* Adjusts the transparancy of the drop down menus (FireFox) */
	}
#dropNav li ul li a:hover { /* Dropdown Menus Hover State - Design */
	color: #fff;
	background: #a78001;
	text-align: left;
	}
/*------- START DO NOT EDIT SECTION -------*/
/* DO NOT EDIT -- The magic */		
#dropNav li:hover ul, #dropNav li.over ul {
	display: block;
	}
/* DO NOT EDIT -- The magic */
/* DO NOT EDIT -- Fix IE. Hide from IE Mac \*/
* html #dropNav ul li { 
	float: left;
	height: 1%;
	z-index: 104;
	}
* html #dropNav ul li a {
	height: 1%;
	}
/* DO NOT EDIT -- End Fix IE. Hide from IE Mac */
/*-------- END DO NOT EDIT SECTION --------*/
	
#sideContainer2 {border-right: 2px solid white; border-top: 1px solid #2d2d30; width: 158px; vertical-align: top;}

/*----------------- START DROPDOWN NAV -------------------*/

#dropNav2 { /* Drop Down - Dimensions and Alignment */
	width: 158px; /* decrease this width to make the Main Buttons stack vertically */
	text-align: left;
	z-index: 108;
	}
/*------- START MAIN BUTTON SECTION -------*/
#dropNav2 ul { /* Main Buttons - Placement */
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left; /* Effects Horizontal Alignment */
	}
#dropNav2 ul li { /* Main Buttons - Dimensions and Design */
	float: left; /* You need this for FireFox - Effects Horizontal Alignment */
	position: relative;
	width: 158px;
	}
#dropNav2 ul li a, #dropNav2 ul li a:visited, #dropNav2 ul li a:active { /* Main Button Links - Placement, Dimensions and Design */	display: block;
	width: 158px;
	border-bottom: 1px solid white; 
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	background: #2d2d30; /* IE6 Bug */
	padding: 8px 0;
	vertical-align: middle;
	margin: 0;
	}
#dropNav2 ul li a:hover { /* Main Button Links */ 
	background: #a78001;
	}
/*-------- END MAIN BUTTON SECTION --------*/
/*----- START DROPDOWN MENUS SECTION ------*/
#dropNav2 li ul { /* Dropdown Menus - Placement and Dimensions */
	position: absolute;
	top: 0px; /* Adjusts the position of the drop down menus */
	/* Change 20px to -1px for vertically stacked Main Buttons */
	left: 158px; /* controls the offset from the bottom of the main button */
	/* Change -1px to 1 less then the actual width of the Dropdown menu to have them work with vertically stacked Main Buttons */
	display: none;
	z-index: 101;
	width: 160px; /* Sets the width of the overall Drop Down Menu */
	text-align: left;
	border: 1px solid white;
	border-bottom: none;
	}
#dropNav2 li ul a, #dropNav2 li ul a:active, #dropNav2 li ul a:visited { /* Dropdown Menus - Design */
	display: block;
	width: 160px;
	height: 15px;
	text-decoration: none;
	color: white;
	font-size: 12px;
	background-color: #2d2d30; /* IE6 Bug */
	padding: 2px 0 2px 5px;
	z-index: 108;
	filter: alpha(opacity=80); /* Adjusts the transparancy of the drop down menus (IE) */
	-moz-opacity: 8.0; /* Adjusts the transparancy of the drop down menus (FireFox) */
	}
#dropNav2 li ul li a:hover { /* Dropdown Menus Hover State - Design */
	color: #fff;
	background: #a78001;
	text-align: left;
	}
/*------ END DROPDOWN MENUS SECTION -------*/
/*------- START DO NOT EDIT SECTION -------*/
/* DO NOT EDIT -- The magic */		
#dropNav2 li:hover ul, #dropNav2 li.over ul {
	display: block;
	}
/* DO NOT EDIT -- The magic */
/* DO NOT EDIT -- Fix IE. Hide from IE Mac \*/
* html #dropNav2 ul li { 
	float: left;
	height: 1%;
	z-index: 104;
	}
* html #dropNav2 ul li a {
	height: 1%;
	}
/* DO NOT EDIT -- End Fix IE. Hide from IE Mac */
/*-------- END DO NOT EDIT SECTION --------*/
/*------------------ END DROPDOWN NAV --------------------*/
#sidepic {background: url(images/sidepic.jpg) no-repeat left; width: 232px; height: 187px; border-right: 2px solid white;}

#sidepic2 {background: url(images/sidepic.jpg) no-repeat left; width: 158px; height: 187px; border-right: 2px solid white; top: 400px;}
/* -------------------------------- End Side Styles ---------------------------------- */
#ratetableContainer {background: #c2c2c3; border-top: 1px solid white;}
/* 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 ------------------------ */
.border { 
	padding: 2px 0 2px 0;
	}
.border_outside {
	border: 1px solid #fff;
	}
.title { /*Program  Rate  Points   APR   line*/
	color: white;
	font-size: 10px;
	font-weight: bold;
	background: #a78001;
	padding: 2px 0 2px 2px;
	border-bottom: 1px solid white;
	}
.heading_line { /*Program Heading background*/
	background: #a78001;
	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: #a78001;
	}
A.heading:Hover {
	text-decoration: underline;
	}

A.program, A.program:Visited, A.program:Active {/*Program Name links*/
	color: #486992;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	}
A.program:Hover {
	color: black;
	text-decoration : underline;
	}

A.rate, A.rate:Visited, A.rate:Active {/*Rate links*/
	color: #486992;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	}
A.rate:Hover {
	color: black;
	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: #2d2d30;
	text-align: center;
	padding: 2px 0 2px 0;
	}
A.apply:Hover  {
	text-decoration : none;
	background: #c2c2c3;
	color: #2d2d30;
	}
/*  ---------------------- End Custom Rates Table Style ----------------------- */
/* ------------------------------- Start Footer Styles ------------------------------- */
.sm {font-size: 10px;}
#footerContainer {background: url(images/namb.gif) no-repeat right; color: #2d2d30; font-size: 10px; text-align: center; height: 77px; padding-right: 114px;}
#footerContainer a, #footerContainer a:visited, #footerContainer a:active {
color: #2d2d30; font-size: 11px; text-align: center; font-weight: bold; border-right: 1px solid #2d2d30; text-decoration: none; padding: 0 3px;}
#footerContainer a:hover {color: a78001;}
	
#navcContainer ul {
	text-align: center;
	}
#navcContainer li {
	display: inline;
	list-style-type: none;
	}
#navcContainer a, #navcContainer a:visited, #navcContainer a:active {
	color: #2d2d30; font-size: 11px; text-align: center; font-weight: bold; border-right: 1px solid #2d2d30; text-decoration: none; padding: 0 3px;
	}
#navcContainer a:hover {
	color: a78001;
	}
	
/* -------------------------------- End Footer Styles -------------------------------- */
/* -------------------------------- Start Form Styles -------------------------------- */
.forminput {/* Input Fields Styles */
	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: 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/Library Styles ------------------------------- */
.mtg101thickblack {
	color: blue;
	font-weight: normal;
	font-size: 12px;
	}
.content bodytext {
	color: black;
	font-size: 12px;
	margin: 10px 0 10px 0;
	}
	
.content p {margin: 10px 0 2px 0px;}
	
#Table1 ul {list-style: none;}
#Table1 p {margin: 10px 0 2px 5px;}
#Table1 p a {color: #2d2d30; font-size: 13px;}
#Table1 p a:hover {color: #000;}

/* ------------------------------ End Rate Sheet Styles ----------------------------- */
/* ---------------------------- Start Page Title Style ------------------------------ */
.bodytexttitle {/* styles match h2 style */
	color: #a78001;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 10px 0;
	}
.pagetitle101 {/* styles match h2 style */
	color: #a78001;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
	
a.bodylinks, a.bodylinks:visited, a.bodylinks:active {color: #2d2d30;}
a.bodylinks:hover {color: #a78001;}

.mtg101thickblack {color: #5C2101;}
/*  ---------------------------- End Page Title Style ----------------------------- */
/* End main.css for Private Label Websites v2.0 - last updated 08/22/05 */