/*****************
 GLOBAL
*****************/

* {margin: 0; padding: 0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.7em 0 0.2em 0;}

body {
	background: #ccd url(images/bodyback.jpg) repeat-x top center;
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 1.3em; color: #003; font-weight: normal;}
h2 { font-size: 1.1em; color: #369; font-weight: bold; }
h3 { font-size: 1.1em; }


/**********
 FORMS
**********/

form.inline { display: inline; }


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 910px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
}

	#pagecontainer {
		width: 880px;
		margin: 10px 15px;
	}

		#topofpage {
			width: 880px;
			font-size: 0.8em;
			text-align: right;
		}


		#header {
			width: 880px;
			margin-top: 4px;
			background: #00069C url(images/cloudsback.jpg) no-repeat top left;
		}

			#toplogo {
				width: 390px;
				float: left;
				padding: 0 20px 2px 0;
				font-size: 0.8em;
			}

			#toptagline {
				padding: 20px 0 10px 160px;
				width: 300px;
				float: right;
				font-size: 1.0em;
				color: #fff;
			}

		#topnav {
			width: 880px;
			margin: 1px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #69c;
		}


		#topimage {
			width: 880px;
			margin-top: 4px;
			background: #fff url(images/topimagehome.jpg) no-repeat top left;
		}

			#topimagetext {
				width: 320px;
				float: right;
				margin: 20px 5px 20px 5px;
				padding: 15px 20px;
				font-size: 1.1em;
				line-height: 1.3em;
				color: #333;
				background: #fff;
				opacity: .75;
				filter: alpha(opacity=75);
			}


			#topimagetext a:link, a:visited { color: #039; text-decoration: none; }
			#topimagetext a:hover { color: #039; text-decoration: underline; }


		#maincontent {
			width: 880px;
			margin-top: 4px;
		}

			#maincontentleft {
				width: 220px;
				float: left;
				font-size: 0.95em;
			}


			#maincontentright {
				width: 660px;
				float: right;
				font-size: 0.95em;
				line-height: 1.4em;
			}
			
				#maincontentrightinner {
					width: 610px;
					border: 5px solid #ddd;
					padding: 20px;
				}
				
				#maincontentrightinner ul {padding: 5px 0 5px 25px;}
				
				#maincontentrightinner a:link, a:visited { color: #039; text-decoration: none; }
				#maincontentrightinner a:hover { color: #039; text-decoration: underline; }

				
				#mortgagedeal {
					width: 620px;
					margin-top: 10px;
					padding: 20px;
					background: #47a;
					color: #fff;
				}
				
					#mortgagedeal .percentage {
						float: left;
						font-size: 3.0em;
						line-height: 1.5em;
						width: 150px
					}

					#mortgagedeal .description {
						float: right;
						width: 470px;
					}								

				#mortgagedeal a:link, #mortgagedeal a:visited { color: #bdf; text-decoration: none; }
				#mortgagedeal a:hover { color: #def; text-decoration: underline; }
				
				.success-story {
					width: 620px;
					background-color: #9cf;
					border: none;
					margin: 10px 0 0 0;
					padding: 20px;
				}
				
				.success-story p {
					margin: 5px 0;
				}

				.success-story a:link, .success-story a:visited { color: #039; text-decoration: underline; }
				.success-story a:hover { color: #36c; text-decoration: underline; }
				
				* html .success-story {
					padding: 18px;
				}

		#footer {
			margin-top: 10px;
			clear: both;
			width: 850px;
			background: #ddd;
			font-size: 0.9em;
			padding: 15px;
		}


		#belowfooter {
			margin-top: 5px;
			clear: both;
			width: 860px;
			font-size: 0.9em;
			padding: 10px;
		}

		#belowfooter a:link, a:visited { color: #039; text-decoration: none; }
		#belowfooter a:hover { color: #039; text-decoration: underline; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 TOP NAV LIST
*****************/

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	list-style: none;
	width: 880px;
}

#topnav ul li {
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 0px 10px;
	display: inline;
	font-size: 0.95em;
}

#topnav ul li a {
	color: #fff;
	text-decoration: none;
}

#topnav ul li a:hover {
	color: #000;
	text-decoration: none;
}

/* APPLY HOME OVERRIDE */
#topnav ul li.tnfirst {
	padding: 0px 22px 0px 32px;
	background: url(images/homeicon.gif) no-repeat top left;
}

/* APPLY END OVERRIDE */
#topnav ul li.tnlast {
	padding: 0px 0px 0px 10px;
}

#topnav ul li.onstate {
	font-weight: bold;
}


/*****************
 UL SIDE NAV
*****************/

ul.sidenavlist{
	list-style: none;
	width: 210px;
	background: #dde;
}

ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 10px;
	line-height:1.7em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	color: #333;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active {
	color: #369;
	text-decoration: underline;
}

/* APPLY HEADER OVERRIDES */
ul.sidenavlist li.header {
 	font-size: 0.85em;
 	font-weight: bold;
 	text-transform: uppercase;
	color: #fff;
	background: #69c;
}

ul.sidenavlist li.onstate {
	font-weight: bold;
}

/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

img.padded {
	padding: 2px 0px;
}

/**********************************
 SECURED LOAN RATE TABLES
**********************************/

table#slf1 {
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 600px;
}

	table#slf1 td {
		border: none;
		border-collapse: collapse;
		font-size: 0.8em;
		margin: 0;
		padding: 1px 0px;
	}
	
	table#slf1 td.bigger {
		font-size: 1.2em;
		padding: 0 0 5px 0;
	}
	
	table#slf1 td.subheader {
		padding: 0 0 5px 0;
	}
	
	table#slf1 td.footeritem {
		font-size: 0.7em;
		padding: 15px 0;
	}
	
	table#slf1 td.uberheader {
		font-size: 1.5em;
		padding: 20px 0 10px 0;
	}