BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 7px auto;
	font-size: 12px;
	background-color: #666;
	background-image: url(/images/plansbak2.gif);
	background-repeat: repeat;
	background-position: left top;
}

A { color: #039; }

H1 {
    font-size: 15px;
    color: #900
}

H2 {
	font-size: 14px;
	color: #039;
}

H3 {
	font-size: 13px;
	color: #fff;
}

#wrapper {
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	border: 2px solid #000;
}


#logonav {
	background-color: #fff;
	width: 256px;
	height: 228px;
	float: left;
}

#logonav P, #logonav UL LI {
	background-image: url(/images/navbak.jpg);
	background-repeat: no-repeat;
	width: 256px;
	height: 37px;
	margin: 0;
}

#logonav P A, #logonav UL LI {
	color: #900;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 37px;
	margin: 0;
}


#logonav IMG {
	text-align: center;
	margin: 10px 10px 7px 10px;
}


#homepage #homelink, #loanpage #loanlink, #resourcespage #resourceslink, #contactpage #contactlink, #logonav P:hover, #logonav UL LI:hover {
	background-image: url(/images/navbakactive.jpg);
	background-repeat: no-repeat;
}


#logonav UL {
	padding: 0;
	margin: 0;
}

#logonav UL UL {
	position: absolute;
	display: none;
}

#logonav UL UL LI {
	background-image: url(/images/1pixel.gif);
	background-color: #CED4D6;
	border: 1px solid #900;
	width: 170px;
	height: 20px;
	line-height: 20px;
}

#logonav UL UL LI A {
	font-size: 11px;
	text-decoration: none;
}

#logonav UL UL LI A:hover { color: #900; }
#logonav ul li:hover ul ul,
#logonav ul li:hover ul ul ul,
#logonav ul li.over ul ul,
#logopnav ul li.over ul ul ul { display: none; }

#logonav ul li:hover ul,
#logonav ul li li:hover ul,
#logonav ul li li li:hover ul,
#logonav ul li.over ul,
#logonav ul li li.over ul,
#logonav ul li li li.over ul {
	display: block;
	margin-left: 245px;
	margin-top: -37px;
	z-index: 50;
}


#topbar {
	width: 544px;
	height: 132px;
	position: relative;
	background-image: url(/images/bluebak.jpg);
	background-repeat: repeat-x;
	margin-left: 256px;
	padding-top: 95px;
}

#topbar IMG {
	margin-top: -70px;
	margin-left: 214px;
	position: absolute;
	z-index: 20;
}

#topbar A {
	color: #300;
	text-decoration: none;
	font-weight: bold;
}

#topbar A:hover {
	color: rgb(27,69,143);
	text-decoration: none;
}

#topbar DIV IMG {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	z-index: 40;
	margin-left: 0px;
	margin-top: 15px;
}



#leftcol {
	clear: both;
	width: 240px;
	margin-left: 0px;
	float: left;
	padding: 10px;
}

#leftcol P { line-height: 136%; }

#rightcol {
	width: 65%;
	position: relative;
	margin-left: 250px;
	padding-left: 20px;
	
}



#rightcol TABLE TR TD {
	height: 148px;
	width: 254px;
	background-position: center center;
	background-repeat: no-repeat;
}

#box1 { background-image: url(/images/greenbox.png); }
#box2 { background-image: url(/images/bluebox.png); }
#box3 { background-image: url(/images/redbox.png); }
#box4 { background-image: url(/images/whitebox.png); }

#rightcol TD H3, #rightcol TD P {
	padding-left: 8px;
	padding-right: 8px;
}

#rightcol TD P {
	font-size: 11px;
	line-height: 126%;
}


#content {
	width: 95%;
	padding: 10px;
}



#footer {
	background-color: #CED4D6;
	clear: both;
	padding: 10px;
	font-size: 11px;
	width: 780px;
	color: #900;
	height: 35px;
}

#footer A {
	color: #039;
	text-decoration: none;
	margin-right: 8px;
}

#footer A:hover { color: #900; }