/* This is the style sheet displayed on-screen */

body {
	background: #838383 url("../images/css/grey_fade.gif") repeat-x;
	color: #000;
	text-align: center;
	padding: 0; margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em; /*For IE*/
	}
html>body { font-size: 12.5px; } /*Mozilla hack*/
.blackborder { border: 1px solid #000000; } /* Because you never know when you might need this */

/* Holds the whole page */
#container {
	width: /*739px*/751px;
	text-align: left;
	margin: 0 auto; padding: 0; /* Center the page */
	background: url("../images/css/white_column.gif") top left repeat-y white;
	}
html>body #container { width: 751px; } /* For real browsers */

#header { background: url("../images/css/header_swoop_tab.jpg") top left no-repeat; margin: 0; padding: 0; width: 747px; height: /*71px*/ 96px; margin-left:2px; }
#header .nameplate { margin-top: 6px; padding: 0; float: left; } /* Top logo */
html>body #header .nameplate { margin-top: 6px; padding: 0; float: left; } /* Adjustment for non-IE browsers */
#header .utilities { float: right; margin-right: 10px; }
#header .utilities form { margin: 0; padding: 0; display: inline; margin-left: 12px; }
#header .utilities input { /*padding: 0px 3px 0px 3px;*/  }
#headerprint { display: none; visibility: hidden; } /* This will only be shown when printed */

/* Main navigation elements -- Code borrowed from http://www.lendingpartners.com/css/base.css */
#navholder { border: 0px solid blue; }
#main_nav { list-style-type: none; margin:0; padding:0; padding-left:6px; /*margin-left:60px;*/ background:transparent; float:right; width: 499px; border: 0px solid red; clear: right; margin-top: 25px; }
html>body #main_nav { width: 499px; margin-top: 27px; }
#main_nav li {display:inline;background:#a1a6b6;color:#fff;font-weight:bold; font-family: Verdana, Arial, sans-serif; text-transform:uppercase;margin:0;padding:0;}
#main_nav li a /*Unselected tabs*/{display:block;float:left;margin:0;padding:0;margin-right:0px;text-decoration:none;color:/*#039*/#FFF;background:transparent/*#a1a6b6*/ url() no-repeat top left; cursor:pointer;border: 0px solid red;}
#main_nav li a span {display:block;float:left;padding-top:5px;padding-bottom:4px;padding-right:8px;padding-left:10px;background:transparent url() no-repeat top right;margin-right:2px;}
html>body #main_nav li a span { margin-right:4px; }
#main_nav li a:hover /*Selected tab*/{color:#fc0 !important;background:transparent/*#879131*/ url() no-repeat top right;}
#main_nav li a:hover span {background:transparent url() no-repeat top left; }
#main_nav li a.chosen {color:#ff6;background:transparent/*#879131*/ url() no-repeat top right;}
#main_nav li a.chosen span {background:transparent url() no-repeat top left; }
/* End Main navigation elements */
/* Sub-navigation elements */
#submenu_wrapper {display:block;clear:both;} div#navholder ul.sub_nav {display:none;}
#navholder ul.show_sub {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	display:block;
	width:747px;
	float:left;
	text-align:right;
	text-transform:uppercase;
	background-color: #CE1141;
}
html>body #navholder ul.show_sub { width:100%; margin-right:2px; }
#navholder ul.show_sub li{display:inline;margin:0;padding:0;}
#navholder ul.show_sub li a{display:block;float:right;padding-top:3px;padding-bottom:3px;margin-right:18px;text-decoration:none;color:#fff !important;background:transparent none;}
#navholder ul.show_sub li a.section{background: url(../images/css/nav_sub_section.gif) no-repeat /*0px 5px*/ center left;padding-left:18px;}
#navholder ul.show_sub li a:hover{color:#fc0 !important;}div#content{clear:both;}
/* End Sub-navigation elements */

/* Top banner image */
#banner { float:left; margin: 4px 0 0 14px; padding:0; display:inline; }
#banner img { width:723px; }

#leftcolumn { display:none; float:left; width:174px; border:0px solid red; font-family:Arial, Verdana, sans-serif; font-size:11px; margin: 0 0 12px 14px; padding:0; background-color:transparent; }

/* "Content" is for everything between the header and the footer */
#content { float:left; display:inline; margin: 6px 14px 12px 14px; padding: 0; border: 0px solid red; width: 723px; overflow:visible; clear:none; background-color:#FFF; color:#000; /*height: 1%;*/}
html>body #content { width:auto; }

#content a { background-color: transparent; color: #028; text-decoration: underline; }
#content a:active { background-color: transparent; color: #802; text-decoration: none; }
#content a:hover { background-color: transparent; color: #802; text-decoration: none; }

#content p { margin-top:0; padding-top:0; margin-bottom: 1em; }
#content h1 { margin-top:0; padding-top:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.75em; font-weight:bold; color:#660000; background:transparent; }
html>body #content h1 { font-size:19px; }
#content h1 img { border: 1px solid #333; } /* Firefox hack */
#content h2 { margin-top:0; padding-top:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; }
html>body #content h2 { font-size:16px; } /* Firefox hack */
#content h3 { margin-top:0; padding-top:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; }
html>body #content h3 { font-size:14px; } /* Firefox hack */

#content .smallcopy { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:.85em; }
html>body #content .smallcopy { font-size:11px; } /* Firefox hack */
#content .subtitle { margin-top: 0; padding-top: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; }
html>body #content .subtitle { font-size:16px; }

#content .divider { height: 1px; padding: 0px; margin: 6px 0px 6px 0px; border-bottom: 1px dashed #AAAAAA; }

#content .faq {
	border: 0px solid black;
	color: #202B53; background: #FFEDA3 top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	min-height: 45px; padding-left: 80px;
	}
#content .faq dt { font-weight: bold; }
/* End main Content area */

/* Right-hand column, holding such things as related links. By default it is invisible. */
#rightcolumn { display:none; float:left; width:174px; border:0px solid red; font-family:Arial, Verdana, sans-serif; font-size:11px; margin: 0 0 12px 12px; padding:0; background-color:transparent; }
.relinx { border: 1px solid #CCC; margin-top: 12px; font-family:Verdana, Arial, sans-serif; }
.relinx a { display:block; background-color: transparent; color: #028; text-decoration: none; }
.relinx a:active { background-color: transparent; color: #802; text-decoration: none; }
.relinx a:hover { background-color: transparent; color: #802; text-decoration: none; }
.relinx p {padding:6px; margin:0;}


/* Undisplays the grey right-floating columns from V13 */
#rightfeature { display:none; } 

#footer {
	clear: both;
	color: #FFFFFF;
	width: /*747px*/714px;
	height: 33px;
	padding: 4px 0 4px 33px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 2px 2px 0 2px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 11px 9px;
}
html>body #footer { width: auto; margin-top:10px; }
#footer .homebut { float:right; margin-right:8px; height: 20px; }
#botshadow { margin:0; padding:0; }
#footerprint { display: none; visibility: hidden; } /* Hide from the screen */

.onlyprint { display: none; visibility: hidden; }
.onlyscreen { display: inherit; visibility: visible; }