/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */

 /* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */


.clearthefloats {clear:both;}


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

* {margin:0; padding:0}



div#container {position:relative; min-width:720px; max-width:960px; margin-left:auto; margin-right:auto; /*background-color:#FFFFFF*/}

div#content {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height: 550px;
}
 

div#header {
	position:absolute;
	left:0px;
	top:0px;
	height:125px;
	width:925px;
	padding:0;
	margin:0px 0 0px 0;
	text-align:left;
	z-index: 2;
}




div#loan_nav { position:absolute; width:162px; height:177px; z-index:1; left: 26px; top: 23px; padding-left:15px; padding-top:0px; padding-right:0px; padding-bottom:0px; margin:0px 0px 0px 0px;
}

div#loan_nav a img { padding:0; margin:0; 
}
		


div#topleftnav { position:absolute; left:0px; top:156px; width:185px; padding-left:15px; padding-top:0px; padding-right:0px; padding-bottom:0px; margin:0px 0px 0px 0px;}

div#topleftnav a img { padding:0; margin:0;
}

div#topleftnav h1 { font-size:15px; font-weight: bold;}


div#tabmenu {position:absolute; left:200px; top:140px; height:27px; width:720px;
			padding:0px 0px 0px 0px; margin:0px 0px 0px 0; z-index: 4;

}

div.tab {float: left; width:120px; height:30px; top:0px; left:0px; padding-right:0px
}

a.roll {width:120px;
height:30px;
display:block;
padding-top:9px;
padding-left:0px;
font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
font-size: 14px;
line-height:14px;
font-weight: bold;
text-align:left;
background:url("button-back.jpg") no-repeat transparent;}

div.tab a.roll:link {color: #0B4499; text-decoration:none;}
div.tab a.roll:visited {color: #0B4499; text-decoration:none;}
div.tab a.roll:hover {color: #8D0349; text-decoration:none;}
div.tab a.roll:active {color: #0B4499;}

div.tabfront {float: left; width:120px; height:30px; top:0px; left:0px; padding-right:0px
}

a.rollfront {width:120px;
height:30px;
display:block;
padding-top:9px;
padding-left:0px;
font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
font-size: 14px;
line-height:14px;
font-weight: bold;
text-align:left;
background: url("button-front.jpg") 0px 0px no-repeat;}

div.tabfront a.rollfront:link {color: #8D0349; text-decoration:none;}
div.tabfront a.rollfront:visited {color: #8D0349; text-decoration:none;}
div.tabfront a.rollfront:hover {color: #8D0349; text-decoration:none;}
div.tabfront a.rollfront:active {color: #8D0349;}




div#subnav {position:absolute; left:190px; top:50px; height:22px; width:471px; background-color: #DFEAAC; border-right: 3px solid #979286; border-bottom: 3px solid #979286; z-index: 8;}	


div#subnav ul {margin:3px 0px 0px 15px;
}

div#subnav li { float:left; font-size:12px; font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-weight:bold; padding-left:0px; padding-right:10px; margin-left:10px; margin-right:15px; list-style-type:square; text-decoration:none; color:#8D0349;
}

div#subnav li a {text-decoration:none; color:#524834;
}

div#subnav li a:hover{color:#8D0349;
}





div#leftcolumn {
	position:absolute;
	left:0px;
	top:0px;
	width: 200px;
	height: 282px;
	z-index: 2;
}


 
div#leftnav {position:absolute; left:0px; top:12px; width:200px; height:87px; padding:0; margin:0px 0px 0px 0px;}
	
div#leftnav ul {border:0; margin:12px 1.0em 12px 1.0em; padding:0; list-style-type:none; font-weight:bold; font-size:12px; color:#8D0349; line-height: 14px;
}
div#leftnav li {border-bottom:1px dotted #6C4D30; margin:0; padding:.3em 0; /*text-indent:.6em*/}
div#leftnav li:first-child { color:#8D0349; border-top:1px dotted #6C4D30;}

div#leftnav p {font-size:10px; color:#8D0349; margin:12px 1.0em 12px 1.0em; padding:0;}

div#leftnav a {text-decoration:none; color:#0B4499;}
div#leftnav a:hover {color: #8D0349; text-decoration:underline;}
/* a hack for IE Win only \*/	
* html div#leftnav ul {border-top:1px dotted #6C4D30;}
/*end of hack */


div#actionnav {position:absolute; left:0px; top:217px; width:200px; height:87px; padding:0; margin:0px 0px 0px 0px;}
			
div#actionnav ul {border:0; margin:12px 1.0em 12px 1.0em; padding:0; list-style-type:none; font-weight:bold; font-size:12px; line-height: 14px;
}
div#actionnav li {border-bottom:1px dotted #6C4D30; margin:0; padding:.3em 0; /*text-indent:.6em*/}
div#actionnav li:first-child {border-top:1px dotted #6C4D30;}

div#actionnav p {font-size:10px; margin:12px 1.25em 12px 1.25em; padding:0;}

div#actionnav a {text-decoration:none; color:#0B4499;}
div#actionnav a:hover {color: #8D0349; text-decoration:underline;}
/* a hack for IE Win only \*/	
* html div#actionnav ul {border-top:1px dotted #6C4D30;}
/*end of hack */


div#formcontainer {
	position:absolute;
	width:150px;
	top:338px;
	left:12px;
	margin:0px;
	padding:5px;
	border-top:1px solid #0B4499;
	border-bottom:1px solid #0B4499;
	border-left:1px solid #0B4499;
	border-right:1px solid #0B4499;
	
/*	height: 150px;
*/	
	background-color:#E2EFFF;
	/*background: url("../images/quote-bkgrd.jpg") no-repeat transparent;background-position: center;*/ }

div#formcontainer form {
	position:relative;
	width:150px;
	left:4px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
	font-size: 11px;
	line-height: 13px;
	color: #0B4499;
	text-align: left;
}

div#form-apply { width:550px; padding:0px 0px 0px 0px; margin:0px;
	font-size: 12px;
	line-height: 14px;
	color: #0B4499;
}

div#form-apply table p { padding-left:6px; padding-top: 0px; padding-right:6px; padding-bottom:0px; margin:0px 0px 0px 0px; 
}


div#bottomnav {position:absolute; text-align:center; left:0px; top:560px; width:199px; padding:0; margin:0px 0 0px 0;	z-index: 4;
}	

div#bottomnav a {font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-size:10px; font-weight:bold; text-decoration:none; color:#0B4499;
}

div#bottomnav a:hover {color: #8D0349;
}

	
div#main {position:absolute; left:200px; top:170px; width:685px; padding-left:10px; padding-top: 10px; padding-right:10px; padding-bottom:10px; background-color:#FFFFFF; border-top: 8px #EBBE4B solid; border-left: 8px #EBBE4B solid; border-right: 8px #EBBE4B solid;  border-bottom: 8px #EBBE4B solid;z-index: 7;
}

div#main p {padding-left:14px; padding-top: 0px; padding-right:0px; padding-bottom:0px; margin:0px 0px 0px 0px; font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
}

div#main a {font-family: Trebuchet MS, TrebuchetMS, Trebuchet; color:#8D0349; text-decoration:none;
}

div#main a:hover {font-family: Trebuchet MS, TrebuchetMS, Trebuchet; color:#8D0349; text-decoration:underline;
}


div#main em { font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-size:12px;
}

div#main ul { padding-left:40px; list-style:square; font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-size:12px;
}

div#main ul a { color:#8D0349}

div#main img {padding-left: 0px; padding-top: 0px; padding-right:8px; padding-bottom:10px;
}

div#main h4 { font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-size:12px;
}

div#main h5 {padding-left:14px; padding-top: 0px; padding-right:0px; padding-bottom:0px; font-family: Trebuchet MS, TrebuchetMS, Trebuchet; font-size:14px; font-weight:bold; font-style:italic;}



div#photo { float: left;
	width:300px;
	height:170px;
	margin-top:0px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom:0px;
	/*	z-index:1;
*/	top: 0px;
	left: 0px;
}


div#contact_photo {position:absolute; left:250px; top:26px; 
	width:133px;
	height:172px;
	margin:0px;
}

 
body {
font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
	font-size: 14px;
	line-height: 18px;
	color: #0B4499;
}

h1 {
font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
	font-size: 20px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #0B4499;
}

h2 {font-family: Trebuchet MS, TrebuchetMS, Trebuchet;
	font-size: 16px;
	font-style:italic;
	font-weight: normal;
	color: #8D0349;
	padding-bottom:10px;
}
