* {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../img/body-bg.gif) left top repeat-x;
	font-size:100%;
}

#container {
	width:910px;
	margin:0 auto;
	padding-top:100px;
	position:relative;
}	

#flashBanner {
	position:absolute;
	top:0;
	left:0;
	width:910px;
	height:100px;	
	background:url(../img/photo-banner-alt.jpg) left top no-repeat;
}

#main {
	padding:20px 0;	
}

#content {
	width:550px;
	float:right;
	padding:40px 25px 25px 25px;
	background:#cbbd28;
}

#navigation {
	float:left;
	width:300px;
	font-size:0.75em;
}

#footer {
	width:600px;
	float:right;
	font-size:0.69em;
	padding-top:8px;
}

#footer, #footer a{
	color:#bfbfbf;
}

/* navigation */

#navigation ul {
	padding-top:50px;	
	float:left;
	width:300px;
	height:234px;
}

#navigation ul li {
	float:left;
	list-style:none;
	margin:0 1px 1px 0;	
	width:77px;
	height:77px;
}

#navigation ul li a{
	display:block;
	height:57px;
	width:47px;
	background:#c0c0c0;
	text-align:center;
	padding:20px 15px 0 15px;
	color:#000;
	text-decoration:none;
}

#navigation ul li.addPad a {
	padding-top:30px;
	height:47px;
}

#navigation ul li a#loanApp 
{
    padding:20px 5px 0 5px;
    width:67px;  
}

#navigation ul li#current a, #navigation ul li a:hover {
	background:#cbbd28;
	color:#fff;	
}

#navigation ul li.spacer {
	margin-right:79px;	
}

/* content */

#content a {
	color:#fff;
}

#content h1 {
	font-size:40px;
	color:#fff;
	font-weight:lighter;
	margin-bottom:40px;
}

#content h1.smaller {
	font-size:30px;
	margin-bottom:30px;
}

#content h2, #content p, table td, table th, #content ul li, #secureForm {
	font-size:0.75em;
}

#content h2, #content p {
	margin:20px 0;
	font-size: 1em;
}

#content ul li {
	list-style:disc;
	margin:10px 20px;
	font-size: 1em;
}

#content ul li ul li {
	font-size:1em;	
}

table {
	margin-bottom:50px;	
}

table td, table th {
	vertical-align:top;
	text-align:left;
	padding:15px 0;
}

table th {
	width:100px;	
}

#boxes {
	margin:60px auto 0 auto;
	width:545px;
}

#boxes a {
	display:block;
	float:left;
	text-indent:-9999px;
	height:78px;
	background-position:left top;
	background-repeat:no-repeat;
}

#boxes a#residentialProdGuide {
	background-image:url(../img/boxes/residential-investment-product-guide.gif);
	width:250px;
}

#boxes a#commercialProdGuide {
	background-image:url(../img/boxes/commercial-product-guide.gif);
	width:295px;
}

/* form */

#secureForm h3 
{
    padding:15px 0;
    clear:both;
    font-size:1em;
}

.formRow 
{
    width:550px;
    padding-bottom:10px;
}

.formRow, .formLabel, .formField {
    float:left;
}

.formLabel {
    width:180px;
    padding:5px 10px 0 0;
}

.fullWidth .formLabel 
{
    width:350px;
}

.formField 
{
    width:250px;
}

.fullWidth .formField  
{
    width:auto;
}

.formField input.textbox, .formField textarea
{
    width:240px;
    font-family:Arial;
}

.formField input.currency 
{
    width:228px;
    margin-left:5px;
}

.formField textarea {
    height:100px;
    font-size:1em;
    padding:3px;
    width:234px;
}

.formHeader 
{
    padding:5px 0;
    font-weight:bold;
    clear:both;
}

.radio 
{
    float:left;
    padding-top:5px; 
}

.radio input, .radio label 
{
    vertical-align:middle;
    margin-right:3px;
}

.radio label
{
    margin-right:5px;
}

.validationSummary ul li
{
    font-size:1em;
    font-style:italic;
    color:#fff;
}

.formButton 
{
    text-align:right;  
}

.formButton input 
{
    padding:3px;
}

.addButton {
    display:block;
    margin-top:10px;
}
                    
/* generic */

a {
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;	
}

a img {
	border:none;	
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;
}

.left {
	float:left;	
}

.right {
	float:right;	
}

.error {
    clear:left;
}