@charset "UTF-8";


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #ccc;
	-webkit-font-smoothing: antialiased;
	clear: right;
}


a { color: #77bfe8; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(images/arrow.gif) no-repeat 100% 50%; zoom: 1; }


  non-footer links  :    #globalfooter a { color: #08c; } 


#topShellDiv {
	background-color:#77bfe8;
	height: 466px;
	clear: both;
	visibility: visible;
	
}

#footText {
	color:#777;
	font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	-webkit-font-smoothing: antialiased;
}

#footText a {
	color:#aaa;
	text-decoration: none;
}
#footText a:hover {
	color:#77bfe8;
}



.slideContent {
	float: none;
	height: 466px;
	width: 932px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/frontPage/topbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.slideTop {
	height: 32px;
	width: 387px;
}

.slideMid {
	cursor: pointer;
	height: 372px;
	width: 387px;
	
}
.showMidRight {
	position:relative;
	top: 10px;
	font: 18px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align:justify;
	padding-top: 200px;
	padding-right: 26px;
	float: right;
	height: 172px;
	width: 500px;
	left: 5px;
}

.hideMidRight {
	position:absolute;
	top: -620px;
	font: 18px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align:justify;
	padding-top: 200px;
	padding-right: 26px;
	float: right;
	height: 172px;
	width: 500px;
	left: 5px;
}


.foreclosure a {
	position:relative;
	top: 0px;
	font: 14px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#000000;
	text-align:center;
	padding-top: 10px;
	padding-right: 0px;
	float: center;
	left: 20px;
}

.foreclosure a:link, a:visited, a:active { text-decoration: none; }
.foreclosure a:hover { text-decoration: underline; }
.foreclosure a.more {
	float:right;
	padding-right:10px;
	text-align:right;
	background-image: url(images/arrowbk.gif);
	background-repeat: no-repeat;
	background-position: 100% 65%;
}

.nestedlearnmore {

	font: 18px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align:right;
	float: right;
	height: 42px;
	width: 500px;
	
}


.nestedlearnmore a {
	color: #FFF;
	font: 14px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align:right;
}
.nestedlearnmore a:link, a:visited, a:active { text-decoration: none; }
.nestedlearnmore a:hover { text-decoration: underline; }
.nestedlearnmore a.more {
	float:right;
	padding-right:10px;
	text-align:right;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 65%;
}


.slideBot {
	position:relative;
	height: 61px;
	width: 387px;
}

.floatBottom {
	position:absolute;
	bottom:0;
}




#midShellDiv {
	background-color: #FFFFFF;
	height: 69px;
	clear: both;
	visibility: visible;
	background-image: url(images/frontPage/midbg.png);
	background-repeat: repeat-x;
}



.midContent {
	width: 782px;
	margin-left: auto;
	margin-right: auto;
}

.midFloatLeft {
	margin-top:11px;
	margin-right:3px;
	margin-left:17px;
	position:inherit;
	float:left;
	height: 44px;
	width: 44px;
	cursor: pointer;
}
.midFloatRight {
	margin-top:11px;
	position:inherit;
	float:right;
	margin-right:18px;
	height: 44px;
	width: 229px;
}




#botShellDiv {
	margin-top:24px;
	width: 1582px;
	background-color: #FFFFFF;
	height: 231px;
	clear: both;
	visibility: visible;
	margin-left: auto;
	margin-right: auto;
}
.botContent {
	width: 1082px;
	margin-left: auto;
	margin-right: auto;
}
.botFloatLeft {
	
		
}

.botFloatCenter {
	/*position:inherit;*/
	float:none;
	width:932px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}



.fotShellDiv {
	height: 266px;
	clear: both;
	visibility: visible;
}

.fotContent {
	float: none;
	height: 266px;
	width: 932px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


.hider {
	visibility: hidden;
}

.shower {
	visibility: visible;
}