html
{
    background-color: #545655;
    background-image: url(../images/body_bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
}

body
{
    font-size: 13px;
    color: #515151;
    margin-top: 0px;
}

input, select, textarea
{
    font-family: Arial, Tahoma, Sans-Serif;
    font-size: 14px;
    color: #212121;
    margin-top: 0px;
}

#doc800
{
    margin:auto;text-align:left; /* leave unchanged */  
    width:811px;/* non-IE */  
    min-width:811px;/* optional but recommended */ 
    background-image: url(../images/container_bg.png);
    background-repeat: repeat-y; 
    margin-top: 0px;   
}

#container
{    
    width: 800px;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 0px;
}

/* Landing Page */

#logo
{
    text-align: center;
    padding: 20px 0 55px 0;
}

#hoverMenu
{
    text-align: center;
    padding-bottom: 55px;
    position: relative;
    *zoom: 1;
}

#hoverMenu .top, #hoverMenu .bottom
{
    width: 211px;
    position: absolute;
    text-align: left;
    /*opacity: 0;
    filter:alpha(opacity=0);*/
}

#hoverMenu .topHover
{
    background: url(../images/top-bars.gif) no-repeat;
    opacity: 0;
    filter:alpha(opacity=0);
}

#hoverMenu .top a
{
    height: 228px;
}

#hoverMenu .bottom
{
    top: 239px;
    padding-top: 215px;
    cursor: pointer;
}

#hoverMenu .bottomHover
{
     background: url(../images/bottom-bars.gif) no-repeat;    
     opacity: 0;
     filter:alpha(opacity=0);
}

#hoverMenu .pos1
{
    left: 83px;
    *left: 82px;
}

#hoverMenu .pos2
{
    left: 295px;
    *left: 294px;
}

#hoverMenu .pos3
{
    left: 507px;
    *left: 506px;
}

#hoverMenu a
{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 5px 5px;
    left: 20px;
}

#homeft
{
    text-align: center;
    padding-bottom: 40px;
    color: #003285;
    font-family: Helvetica;
    font-size: 11px;    
    line-height: 1.5;
}

#homeft a
{
    color: #003285;
    text-decoration: none;
}

#homeft a:hover
{
    text-decoration: underline;
}

#ft.homeFooter
{
    height: 145px;
}

/* End of Landing Page */

#hd
{
    margin-top: 0px;
}

#topLinks
{
    background-color: #e1e8e8;
    text-align: right;
    padding: 2px 5px 2px 0px;    
}

#phoneNumber
{
    font-family: Helvetica, Tahoma, Sans-Serif;
    color: #dc8100;
    font-size: 19px;
}

#phoneNumber div
{
    text-align: right;
}

#menubar 
{
    margin: -3px 0px 0 1px;
    padding: 0px;
}


#banner
{
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    width: 100%;
    
}

#banner ul
{
    margin-top: 0px;
    margin-left: 40px;
}

#banner li
{
    float: left;
    padding: 0px 18px;
    list-style-type: none;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 5px 4px;
}

#banner li a
{
    text-decoration: none;
    color: #666666;
    font-size: 14px;
}

		
#mainContent
{
    padding: 0 360px 5px 25px;
}

#mainContent h1
{
    font-size: 24px;
    color: #003285;
    padding-top: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#mainContent p
{

		
}

#mainContent hr
{
		color: #ababab;
    border: 1px solid ;
    border-width: 1px 0 0 0;
		height: 1px;
}

/* subpage styles */
#yui-main p
{
    margin-right: 20px;
}

#yui-main hr
{
		color: #ababab;
    border: 1px solid ;
    border-width: 1px 0 0 0;
		height: 1px;
}

#bestrates h1
{
    font-size: 15px;    
}

#bestrates a
{
    font-size: 10px;
}

#bestrates table
{
    border: solid 1px #cccccc;
    width: 98%;
    border-collapse: separate;
    color: #333;
}

#bestrates th
{
    color: #003285;
    font-size: 13px;
    background-color: #e0e0e0;
}

#bestrates th, #bestrates td
{
    border: solid 1px White;
    font-weight: bold; 
    padding: 2px;   
}

#bestrates .title
{
    padding-left: 15px;
}

#bestrates .left
{
    text-align: left;
}

#bestrates .altrow
{
    background-color: #eeeeee;
}

#bestrates .value
{   
    text-align: center;
}

#rightCol
{
    width: 310px;
    float: right;
    margin-left: 25px;
    margin-right: 15px;
}

.roundBox
{
    background-image: url(../images/calc_bg.gif);
    background-repeat: no-repeat;
    font-size: 12px;    
}

.roundBoxOuter
{
    padding-top: 5px;
}

.roundBoxInner
{
    background-image: url(../images/calc_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.roundBoxInner h1
{
    padding-top: 5px;
}

.roundBoxArea
{
    font-size: 12px;    
}

.roundBox h1, #mainContent .roundBox h1
{
    color: #00776d;
    font-size: 21px;
    padding: 4px 5px 0px 9px;
    margin-bottom: 5px;
}

.roundBox p, #mainContent .roundBox p
{
    color: #666666;
    padding: 0px 25px 0px 9px;
    margin-bottom: 5px;    
}

.roundBox table, #mainContent .roundBox table
{
    margin-left: 9px;
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.roundBox td, #mainContent .roundBox td
{
    padding: 2px;    
}

.roundBox td.label, #mainContent .roundBox td.label
{
    padding-top: 5px;
    padding-right: 20px;
}

#ValidationMessage
{
    color: Red;
    font-weight: bold;
    padding-top: 7px;
    display: block;
}

#logonInstr
{
    padding-top: 10px;
    padding-bottom: 40px;
    line-height: 1.4;
    font-size: 13px;
}

#CalcResult
{
    background-image: url(../images/calc_result_bg.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}

#CalcResult table
{
    width: 75%;
    margin-top: 10px;
    margin-bottom: 40px;
}

#CalcResult td
{
    padding: 5px;
}

#CalcResult span
{
    font-weight: bold;
}

#rateInfo
{
    font-size: 10px;
}

#rateInfo li
{
    margin-left: 20px;
}



#ft
{
    margin:auto;text-align:left; /* leave unchanged */  
    width:813px;/* non-IE */  
    min-width:813px;/* optional but recommended */ 
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
}

#ft p
{
    margin: 0px;
    padding: 5px 0 10px 0;
    color: White;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

#ft p a:link
{
		color: White;
		text-decoration: none;
}

#ft p a:visited
{
		color: White;
		text-decoration: none;
}

#ft p a:hover
{
		color: #fb912d;
		text-decoration: none;
}

#ft p.jargon
{
    padding-top: 0px;
    font-size: 10px;
    font-weight: bold;
}

#ft #house
{
    display: inline-block;
    margin-bottom: -4px;
}

/*SUBPAGE STYLES*/
#yui-main ul
{
    margin-left: 15px;
}

#yui-main ul li
{
    margin: 4px 0;
}

#yui-main ol
{
    margin-left: 23px;
}

#yui-main ol li
{
    margin: 2px 0;
}

#yui-main h1
{
    font-size: 24px;
    color: #003285;
    margin: 0 0 5px 0;
}

#yui-main ol a
{
    color: #003285;
}

#yui-main h2
{
    font-size: 15px;
    color: #003285;
    margin-bottom: 0px;
}

#sidemenu
{
    border: dotted 1px #a7bcc6;
    border-width: 1px 0 1px 0;
    margin-left: 15px;
}

/* IE hacks */
#sidemenu li
{
    list-style-type: none;
    margin:0px;
    padding: 0px;
    display: inline;   
}

#sidemenu li a 
{
    _zoom: 1;  
}

#sidemenu li a
{
    color: #515151;
    font-size: 14px;
    text-decoration: none;
    display: block;   
    padding: 5px 3px; 
}

#sidemenu li a:hover, #sidemenu li a.selected
{
    background-color: #003285;
    color: White;
}

#sidemenu li a.bottomborder
{
    border-bottom: dotted 1px #a7bcc6;
}

/*Apply for a Mortgage Styles */
#ApplyForMortgage td
{
    font-weight: bold;
    vertical-align: top;
}

#ApplyForMortgage input, #ApplyForMortgage textarea, #ApplyForMortgage select
{
    font-weight: normal;
    margin-top: 1px;
}

#ApplyForMortgage label
{
    padding: 4px 6px 4px 2px;
}

#ApplyForMortgage td td
{
    font-weight: normal;
    padding: 0px;
    padding-right: 5px;
}

#ApplyForMortgage .innerForm
{
   margin: 0px;
}

#ApplyForMortgage .innerForm td
{
    font-weight: bold;
}

#ApplyForMortgage .label
{
    font-weight: normal;
}

#ApplyForMortgage .label td
{
    font-weight: normal;
}


/* CMS Styles */
.modalPopup
{
    text-align: center;    
    background-color: #ffffdd;
    border: solid 3px Gray;
    padding: 3px;
    width: 375px;
}

.modalPopup td
{
    border: none;
}

.modalPopup input
{
    overflow: auto;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #ffffdd;
    border: solid 3px Gray;
    color: #333;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Live Validation Styles */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
.imgNoBrdr	{
	margin: 5px 20px 5px 10px;
	}
	
.imgBrdr	{
	padding: 1px;
	background-color: #368780;
	margin: 5px 20px 5px 10px;
	}
/*top right bottom left */

.imgBrdrNoPadLeft	{
	padding: 1px;
	background-color: #368780;
	margin-right: 20px;
	}
	
.imgBrdrPadLeft	{
	padding: 1px;
	margin: 0 0 7px 7px;
	background-color: #368780;
	}

.dottedBrdr	{
	border: dotted #368780;
	border-width: 1px;
	width: 98%;
	}

.smallTxt	{
	font-family: Arial, Tahoma, Sans-Serif;
  font-size: 10px;
	font-style: italic;
	text-align: left;
	margin-left: 15px;
	}
	
	
	/* tablesorter styles */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*HOME PAGE STYLES*/
.editablehover
{
    background-color: Yellow;
    cursor: pointer;
}
.watermark
{
    border: 1px solid #BEBEBE;
    background-color: #eeeeee;
    color: gray;
}
.success
{
    background-color: LightGreen;
    color: DarkGreen;
    border: solid 1px DarkGreen;
    padding: 2px;
    font-weight: bold;
    display: none;
}
.error
{
    background-color: Pink;
    color: Red;
    border: solid 1px Red;
    padding: 2px;
    font-weight: bold;
    display: none;
}
#loanNumbers td
{
    padding: 2px;
}
#loanNumbersWrapper
{
    height: 300px;
    overflow: auto;
    border: solid 1px #ccc;
}