body{
background-color: #555;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

p, h1, h2, h3, h4, h5, a, ul, li, lo, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; /* Not necessary if not using text-align center in body tag for older IE browsers. */
}

h1 {
font: bold 15px Trebuchet MS, Helvetica, sans-serif;
margin: 25px 0 0 0;
padding: 0;
}

h2 {
font: bold 13px Trebuchet MS, Helvetica, sans-serif;
margin-bottom: 10px;
text-align: center;
padding: 0;
}
h3 {
font: bold 13px Trebuchet MS, Helvetica, sans-serif;
margin-bottom: 10px;
text-align: left;
padding: 0;
}
/* PAGE LAYOUT ITEMS */

div#container{
width: 770px;
background: #fff url(images/containerbg.gif) repeat-y top left;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
position: relative;
}

/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */
div#header {
	position: relative;
	width: 770px; 
	height: 115px; 
	margin: auto;
	background: url(images/header.gif) no-repeat top left;
	vertical-align:top;
	border-bottom: 1px solid #007AC3;
}

div#audio {
position: absolute;
top: 90px;
left: 565px;}

div#topphoto {
position: absolute;
top: 0px;
right: 0px;}

div#flash {
position: absolute;
top: 0px;
left: 500px;}

div#leftcol {
float: left;
width: 150px;
margin: 0 0 0 0;
background: url(images/leftcolbg.gif) no-repeat top left;
}

div#leftcol p.info {
padding-left: 10px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#leftcol p.info a {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

#leftphoto {
margin: 169px 0 10px 0;
}

#rightcol {
margin: 100px 0 0 150px;
padding: 0;
}

#title {
	font: bold 16px Trebuchet MS, Helvetica, sans-serif;
	color: #333;
	background: #FFF5D9;
	padding: 15px 10px;
	border-bottom: 1px dashed #555;
	margin: 0 0 0 150px;
}

#info {
float: right;
	font: 9px Verdana, Arial, sans-serif;
	color: #2a6587;
	background: #ECF6FF;
	padding: 10px 10px;
	width: 600px;
	margin: 0 0 0 150px;
}

#content {
margin: 0 0 0 150px;
padding: 10px 10px 0 10px;
}

* html #content {margin-left:147px;}
/* commented backslash mac hiding hack  \*/ 
* html #content {height:1%;} 
/* end hack */

#content p, #content a {
margin-top: 0;
font: 12px Arial, Helvetica, sans-serif;
}

#content p.privacy {
font: 9px Arial, Helvetica, sans-serif;
}

#content table {
background: #ECF6FF;
width: 450px;
font: 12px Arial, Helvetica, sans-serif;
float: left;
}

#content td {
vertical-align: top;
padding: 5px;
border-right: 2px solid #fff;
font: 9px Verdana, sans-serif;
color: #2a6587;
}

#content li {
font: 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
}

/* Creates DIV container for address/info. */
div#address {
float: right;
clear: both;
width: 600px;
margin: 0 0 0 150px;
	color: #333;
	background: #fc0;
	padding: 10px;
	margin-top: 10px;
	font: 10px Arial, Helvetica, sans-serif;
}

div#address p{
text-align: left;
font: 11px Verdana, sans-serif;
}

div#textarea {
display: block;
font: 11px Arial, Helvetica, sans-serif;
text-align: center;
}

div#textarea a {
font: 11px Arial, Helvetica, sans-serif;
text-align: center;
color: #046;
}

/* INFO TABLE*/

/* FORM ELEMENTS */

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  font: 12px Arial, Helvetica, sans-serif;
  }

div.row span.formw {
  float: right;
  width: 330px;
  text-align: left;
  } 
  
table#calc{
text-align: center;
}
  
form#contact {
	margin: 0px;
	float: left;
	clear: both;
}

form#contact table{
	width: 500px;
	margin: 0;
	background: #ECF6FF;
}

form#contact td{
	margin: 0;
	vertical-align: top;
}

form#contact td.left{
	vertical-align: top;
	text-align: right;
}

form#contact td.left p, td.submit p{
	text-align: right;
}

form#contact td.submit p{
	text-align: center;
}

/* ---------------------------- MAIN NAVIGATION ----------------------------  */

/* Creates the container for the navbar and centers it.*/ 
div#navcontainer {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background: #FEE191;
}
/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

ul#mainnav li {
	display: inline;
	/* float: left; */
	margin: 0px;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 140px;
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #000;
}

ul#mainnav li a:hover, ul#mainnav li a.active {
	background: #fc0;
	color: #000;
	}

/*.clearit{
clear: both;
display: block;
background-color:#00FF66;
width: 200px;
}*/

/* ---------------------------- FOOTER ----------------------------  */
/* Creates the div container for the footer. */
div#footer {
clear: both;
margin: auto;
background: #444;
}

div#footer p{
color: #fff; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0;
padding: 1.2em 10px 5px 10px;
height: 20px;
}

div#footer a:link, a:visited, a:hover, a:active {
color: #fff;
margin: 0;
}

div#copyright {
margin: auto;
clear: both;
background: #444;
}

#copyright p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
margin: 0;
padding: 10px;
}

#copyright a {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
margin: 0;
}

/* IMAGE & OBJECT ITEMS */
img.left {
float: left;
margin: 0 15px 20px 0;
border: 3px solid #ccc;
}

img.right {
float: right;
margin: 0 0 15px 25px;
border: 3px solid #ccc;
clear: right;
}

#popup {
margin-top: 10px;
width: 250px;
display: block;
}

#popup p, #popup a{
color: #fff;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

div#caption {
display: block;
float: right;
margin: 0 0 15px 25px;
}

div#caption p{
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

div#caption img{
padding: 3px;
border: 1px solid #ccc;
margin: 3px;
}
#lenderlogo{
	margin-top: 192px;	
}
.clear {
	clear:both;	
}