/* PAGES */

.bodytext
{
	padding: 10px 7px 10px 7px;
	margin: 10px 7px 10px 7px;
}

.bodytext p td, .text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: rgb(0, 0, 0);
}

.bodytext ul li
{
	padding: 5px 5px 0px 5px;
	margin: 5px 5px 0px 5px;
	font-size: 11px;
	line-height: 16px;
	color: rgb(0, 0, 0);
	list-style-position: inside;
}

.bodytext h1
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: rgb(102,102,153);
}

.bodytext h2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: rgb(102,102,153);
	text-transform: uppercase;
	letter-spacing: 2px;
}

.homepage {padding: 0px; margin: 0px}

.lefttext
{
	width: 500px;
	float: left;
}

.righttext
{
	width: 180px;
	float: right;
	margin-left: 20px;
	padding-left: 10px;
	border-left: 1px black solid;
	left: 560px;
}


body {background: rgb(51,51,101); font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; color: rgb(0,0,0); text-align: center}
a, a:link, a:visited, a:active {color: rgb(102,102,153); text-decoration: none}
a:hover {text-decoration: underline}
a:link.nav, a:visited.nav, a:active.nav {color: rgb(255,255,255); text-decoration: none}
a:hover.nav {text-decoration: underline}
a.ov {color: rgb(255,255,255); text-decoration: underline}
a img {border: none}
.both {clear: both}
.rg {float: right}
.lt {float: left}
table {border: 0px}
table td {vertical-align: top}
.more
{
	margin-top: 0px;
	text-align: right;
}

#main {width: 930px; height: auto; margin: 37px auto 0px; text-align: left; background: url(/files/bgg.gif) 0 0 repeat-y}

/* HEADER */

#header {height: 110px; font-size: 1pt; line-height: 1pt}
#header .left {height: 110px; width: 187px; float: left}
#header .right {height: 110px; width: 743px; float: right; background: rgb(220,216,204)}
#header .right img {float: right; margin-top: 35px}


/* CONTENT */
#content {min-height: 300px}
#content .menu_left {height: auto; width: 187px; background: rgb(158,161,130); float: left}
#content .menu_left .mn0 {height: 16px; width: 168px; padding-top: 10px; background: url(/files/mn.gif) 0 0 no-repeat; float: right; font-size: 10px; line-height: 11px}
#content .menu_left .mn0-1 {height: 81px; width: 168px; padding-top: 10px; background: url(/files/mn2.gif) 0 0 no-repeat; float: right; font-size: 10px; line-height: 15px}
#content .menu_left .mn0 a, #content .menu_left .mn0-1 a {font-size: 10px; line-height: 15px; font-weight: bold; margin-left: 20px}
#content .rig {height: auto; width: 743px; float: right}
#content .rig .menu_top {height: 32px; background: rgb(110,107,76); line-height: 32px; padding: 0px 12px}
#content .rig .menu_top a {font-size: 10px; line-height: 11px; font-weight: bold; margin-right: 40px}
#content .rig .menu_top a.nopd {color: rgb(255,255,255); font-size: 10px; line-height: 11px; font-weight: bold; margin-right: 0px}
#content .rig .m_pl {height: auto; padding: 0px}
#content .rig .m_pl .pl0 {height: 375px; width: 264px; background-image: url(/homeart/rotator.php); background-repeat: no-repeat; background-position: 0px 0px; border-width: 0px; padding: 0px; float: left}
#content .rig .m_pl .pl0 h2 {font-size: 15px; line-height: 16px; font-weight: normal; letter-spacing: 1px; color: rgb(217,218,223); padding: 6px 0px 0px 16px}
#content .rig .m_pl .pl1 {height: auto; width: 241px; padding: 22px 5px 10px 18px; font-size: 11px; line-height: 138%; float: left}
#content .rig .m_pl .pl1 a {color: rgb(102,102,153)}
#content .rig .m_pl .pl2 {height: 340px; width: 177px; padding: 22px 5px 10px 18px; font-size: 11px; line-height: 138%; float: left; overflow: auto;}
#content .rig .m_pl .pl2 h1 {font-size: 16px; line-height: 138%; color: rgb(102,102,153)}
#content .rig .m_pl .pl2 a {color: rgb(102,102,153)}


/* FOOTER */
#footer  {height: 111px; background: url(/files/bg.gif) 0 0 repeat-x}
#footer .ley0  {height: 70px; background: url(/files/img1.jpg) 100% 9px no-repeat; padding: 14px 0px 0px 8px}
#footer .ley0 p  {font-size: 12px; line-height: 14px; color: rgb(255,255,255); margin-bottom: 6px}
#footer .ley0 input  {height: 14px; width: 169px; border: 2px solid rgb(255,255,255); margin-left: 14px}
#footer .ley0 button  {height: 22px; width: 99px; border: none; background: none; margin-bottom: -1px}
#footer .ley1  {height: 19px; font-size: 12px; line-height: 12px; padding-top: 8px; color: rgb(255,255,255); text-align: center}
#footer a:link.ley1, a:visited.ley1, a:active.ley1  {height: 19px; font-size: 12px; line-height: 12px; padding-top: 8px; color: rgb(255,255,255); text-align: center}
#footer a:hover.ley1 {text-decoration: underline}
#footer .ley1 span  {font-variant: small-caps}

/* MORTGAGE CALCULATOR */
.calc {
	background: #CCCCCC;
	border: 1px solid #8688A8;
	font: 100% verdana, arial, helvetica, sans-serif;
	color: #000000;
	border-collapse: collapse;
}
.calc_input {
	font: 100% verdana, arial, helvetica, sans-serif;
	color: #000000;
}
.calc_button {
	font: 100% verdana, arial, helvetica, sans-serif;
	color: #000000;
}
.sfont {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #666;
}
.err{
	color: #CC0000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}
TH {
	border: 1px solid #8688A8;
	background: #375E85;
	font: bold;
	padding: 3px;
	color: #FFFFFF;
}
#tiplayer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	position: absolute;
	width: 250px;
	padding: 4px;
	background: #FFFFE1;
	border: 1px solid #000000;
	z-index: 10;
	visibility: hidden;
}
#powered_by, #powered_by a{
	font: 9px verdana, arial, helvetica, sans-serif;
	margin-top: 15px;
	text-align: center;
	color: #BBBBBB;
}


.fill01 { background-color: #FFFFFF; }
.fill02 { background-color: #CCCCCC; }