

body, html
{
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%;
	top:0px;
	left:0px;
	width:100%;
}

a
{
	color:#333333;
}




#shadow
{
	width:980px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image: url(_images/body_background.png);
	background-repeat: repeat-y;
	background-position: center top;
	position:relative;
	top:0px;
	left:auto;
	
	
}


#layoutBack
{
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	
}

#layoutBack #layoutArea
{
	width:980px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#layoutBack #layoutView
{
	width:900px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
}


#layoutMain
{
	position:relative;
	z-index:100;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}


#container
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	position:relative;
	top:0px;
	left:auto;
	width:900px;
	height:auto;
	
}

#container td.containerCell
{
	padding:9px;

}

.header
{
	padding:16px 16px 20px 16px;
	height:114px;
	position:relative;
}

.footer
{
	font-size:12px;
	margin-right:8px;
	position:relative;
}

/* navigation ------------------------------------------------------*/
.navigate
{
	
	padding:8px 8px 0px 8px;
	
}

.navigate ul.navLinks
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:10px;	
	width:100%;
	height:auto;
}

.navigate ul.navLinks li
{
	float:left;
	margin:4px 4px 0px 0px;	
	height:23px;
	width:auto;
}

.navigate ul.navLinks li.noData
{
	color:#FFFFFF;
}

.navigate ul.navLinks li.noData a
{
	color:#FFFFFF;
}

.navigate ul.navLinks li div a
{
	display:block;
	width:100%;
	line-height:23px;
	margin:0px 9px 0px 9px;
	text-decoration:none;
	position:relative;
	
}



.navigate ul.navLinks li div.left
{
	position:relative;
    width:100%;
	height:23px;
	display:block;
	top:0px;
	left:0px;
	
}

.navigate ul.navLinks li div.left div.right
{
	position:relative;
	width:100%;
	height:23px;
	display:block;
	top:0px;
	left:0px;

}

.navigate ul.navLinks li div.left div.right a
{
	display:block;
	height:23px;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
}


.navigate ul.navLinks li:hover div.left
{
	position:relative;
	display:block;
	height:23px;
	width:100%;
	top:0px;
	left:0px;
}

.navigate ul.navLinks li:hover div.left div.right
{
	display:block;
	height:23px;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
}

.navigate ul.navLinks li:hover div.left div.right a
{
	display:block;
	height:23px;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
}


/*-------------------------------------------------------------------*/




div.content 
{
	padding:32px 16px 16px 24px;
}

.header h1
{
	font-size:21px;
	margin-bottom:6px;

}

.header h2
{
	margin-top:0px;
	font-size:12px;
	margin-bottom:0px;
	font-weight:normal;
}

.header a
{
	color:#FFFFFF;
}

.content table.pictures
{
	width:440px;
}

.content table.pictures td.thumbs
{
	padding-top:12px;
}

.content div.pictures
{
	/*background-color:#F5F5F5;*/
	/*border:solid 1px #BBBBBB;*/
	padding:10px;	
	float:right;
}

.content table.pictures div.pictureCell
{
	position:relative;
	width:440px;
	height:350px;
	overflow:hidden;
	/*background-color:#f5f5f5;
	border:solid 1px #cccccc;*/
	
}

.content table.pictures div.pictureCell div.pictureItem
{
	position:absolute;
	width:440px;
	height:460px;
	z-index:1;
	left: 0px;
	top: -55px;
	line-height:460px;
}

.content table.pictures div.pictureCell div.pictureItem img
{
	vertical-align:middle;
}


/*.content table.pictures ul.pictureList
{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:9px;
	text-align:center;
}
.content table.pictures ul.pictureList li
{	
	float:left;
	width:60px;
	height:60px;
	margin:4px;

}

.content table.pictures ul.pictureList li img
{
	vertical-align:bottom;
}*/

.content table.pictures  a.pictureLink
{
	width:60px;
	height:45px;
	display:inline;
	

}

.content table.pictures  a.pictureLink img
{
	background-repeat: no-repeat;
	background-position: center center;	
}

.content ul.formList
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.content ul.formList li
{
	margin-bottom:6px;
}


/* --------------------- programs ---------------------*/


.content .programsPanel
{
	width:810px;
	margin-left:auto;
	margin-right:auto;
}


.content .programs 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}



.content .programsFinancing .programs .item
{
	position:relative;
	width:250px;
	margin-bottom:16px;
/*	border:solid 1px #666666;*/
	float:left;
	margin:0px 8px 0px 8px;
	text-align:left;
	min-height:360px;
}

.content .programsOptions
{
	margin-top:16px;
	margin-bottom:32px;
	padding-left:16px;
	height:220px;
	
	
	
}


.content .programsOptions .programs
{
	
	position:relative;
	display:block;
	height:100%;
}

.content .programsOptions .programs .item
{
	position:relative;
	width:250px;	
/*	border:solid 1px #666666;*/
	float:left;
	clear:right;
	margin:0px 8px 0px 8px;
	text-align:left;
	height:100%;
	display:block;
	
}




.content .programsOptions .programs .item .quoteHeader
{
	font-size:10px;
	padding:0px;
	height:28px;
}

.content .programsOptions .programs .item a
{
	color:#FFFFFF;
}



.content .programs .item table
{
	width:100%;
}

.content .programsOptions .programs .item table
{
	height:100%;
	font-size:10px;
}

.content .programs .item .select
{
	position:absolute;
	left:-1px;
	top:28px;
	visibility:hidden;
	padding:4px;
	width:242px;;
	height:160px;
	overflow:auto;
/*	border:solid 1px #00003C;
	background-color: #f5f5f5;*/
	line-height:18px; 
	z-index:10;
	
}

.corner
{
	background-color:#BBBBBB;
}



div.slideshow 
{
	width:100%;
}

div.slideshow div.buttonsPanel
{
 	text-align:center;
}

div.slideshow div.buttonsPanel .back
{
	margin-right:16px;
}

div.slideshow div.buttonsPanel .next
{
	margin-left:16px;
}

div.slideshow div.buttonsPanel .state
{
	width:26px;
}


div.slideshow #picture
{
	clear:both;
	width:100%;
	text-align:center;
	height:500px;
}


h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:13px;}
h5 {font-size:12px;}
h6 {font-size:11px;}

table.themes
{
	/*border-collapse:collapse;*/
}



table.themes td:hover
{
	border:solid 1px #e1e1e1;
	background-color:#f1f1f1;

}

span.realtorPhoto
{
	width:auto;
	
	padding:2px;
	margin-right:12px;
	display:inline;
}

span.realtorPhoto img
{
	border:solid 2px #FFFFFF;
	background-color:#FFFFFF;
}


span.realtorLogo,
span.realtorPhoto
{
	width:auto;
	
	padding:2px;
	margin-right:12px;
	display:inline;
}


/*  -------------------- maps -----------------------*/
div.mapTabs
{
	margin-bottom:0px;
	position:relative;
}
div.mapTabs ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

div.mapTabs ul li
{
	float:left;
	margin-left:12px;
	border:solid 1px #999999;
	border-bottom:none;
}

div.mapTabs ul li a
{
	display:block;
	text-decoration:none;
	padding:3px 6px 3px 6px;
}


div.mapItem
{
	border:solid 1px #999999;
	clear:both;
	position:relative;
}

table.chartTable
{
	margin: 0px 0px 16px 16px;
}

table.chartTable img
{
	border:solid 1px #333333;
}