/* CSS Document */

html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;

	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	width: 961px; 
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: arial, helvetica, verdana,  sans-serif;
	color: #000000;
	}

/* ------------------ General Styles -------------- */

p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0; padding: 5px 15px 5px 15px; }
ul { font-size: 80%; margin: 10px 15px 10px 40px; padding: 0; list-style-type: disc; }
ol { font-size: 80%; margin: 10px 15px 10px 40px; padding: 0; }
li { margin: 5px 0; font-size: 100%; }
label { font-size: 80%; color: #666666; }
span { font-size: 80%; }
select { margin: 0 5px 0 0; }
a, a:link, a:visited { text-decoration: none; color: #E8137B; font-weight: bold; }
a:hover, a:active { text-decoration: none; color: #0090EC; font-weight: bold; }
h1 { font-size: 150%; font-weight: normal; color: #E8137B; padding: 0px 15px 10px 15px; margin: 0; }
h2 { font-size: 90%; font-weight: bold; color: #000000; margin: 0; padding: 15px 15px 5px 15px; clear: both; }
h3 { font-size: 80%; font-weight: bold; color: #000000; margin: 0; padding: 10px 15px 5px 15px; }
ul.nested { font-size: 100%; margin: 10px 15px 10px 20px; list-style-type: circle;}

img.standardimage { float: left; margin: 10px 15px 0px 15px; }
img.standardimageright { float: right; margin: 10px 15px 0px 15px; }

div.imageright { float: right; width: auto; margin-left: 10px; }
div.imageright img { margin: 5px 0px 5px 15px; }
div.imageright p { font-size: 75%; color: #666666; }

/* ------------------ Footer -------------- */
#footer { background-color: #EEEEEE; border-width: 1px; border-style: solid none solid none; border-color: #999999; }
#footer p { font-size: 70%; color: #666666; margin: 0; padding: 2px 0 2px 5px; }

a.plainlink, a.plainlink:link, a.plainlink:visited { text-decoration: underline; color: #666666; font-weight: normal; }
a.plainlink:hover, a.plainlink:active { text-decoration: underline; color: #0090EC; font-weight: normal; }

/* ------------------ LH Navigation Method 2 -------------- */
div.nav { margin: 0; padding: 0; }
ul.nav { margin: 0; padding: 0; list-style-type: none; }
nav a { color: #FFFFFF; }
li.nav { margin: 0 0 1px 0; }
a.navlevel1, a.navlevel1:link, a.navlevel1:visited, a.navlevel1:active {
	color: #FFFFFF; display: block; font-weight: bold; padding: 5px 5px 5px 20px; margin: 0;
	background-color: #191919;	background-image:  url(../images/level1nav1.gif);
	background-repeat: no-repeat; background-position: 0 0; }
a.navlevel1:hover { background-position: 0 -100px; color: #FFFFFF; }
a.navlevel2, a.navlevel2:link, a.navlevel2:visited, a.navlevel2:active {
	color: #333333; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #CCCCCC;
	background-image:  url(../images/level2nav1.gif); background-repeat: no-repeat;
	background-position: 0 0; font-weight: normal; }
a.navlevel2:hover { background-position: 0 -100px; color: #FFFFFF; }

a.navlevel3, a.navlevel3:link, a.navlevel3:visited, a.navlevel3:active {
	color: #333333; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #EEEEEE; font-weight: normal;
	background-image:  url(../images/level3nav1.gif); background-repeat: no-repeat;
	background-position: 0 0; }
a.navlevel3:hover { background-position: 0 -100px; color: #FFFFFF; font-weight: normal; }

a.navlevel1selected, a.navlevel1selected:link, a.navlevel1selected:visited, a.navlevel1selected:hover, a.navlevel1selected:active {
	color: #F171B0; display: block; font-weight: bold; padding: 5px 5px 5px 20px; margin: 0;
	background-color: #191919; background-image:  url(../images/level1navselected1.gif);
	background-repeat: no-repeat; background-position: 0 0;	}
a.navlevel2selected, a.navlevel2selected:link, a.navlevel2selected:visited, a.navlevel2selected:hover, a.navlevel2selected:active {
	color: #E8137B; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #DDDDDD;
	background-image:  url(../images/level2navselected1.gif); background-repeat: no-repeat;
	background-position: 0 0; }

a.navlevel3selected, a.navlevel3selected:link, a.navlevel3selected:visited, a.navlevel3selected:hover, a.navlevel3selected:active {
	color: #E8137B; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #EEEEEE; font-weight: normal;
	background-image:  url(../images/level3navselected1.gif); background-repeat: no-repeat;
	background-position: 0 0; }

/* ------------------ Bottom Menu -------------- */
td.bottomnav { background-color: #000000; text-align: center; margin: 0; padding: 0; }

#horiznav { width: 100%; }
#horiznav ul { margin: 0; padding: 0; white-space: nowrap; font-size: 70%; }
#horiznav ul li { display: inline; }
#horiznav ul li a { color: #FFFFFF; font-weight: normal; padding: 0 5px 0 5px; margin: 0 0 0 0;
	 			    border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;
					border-left-width: 1px; border-left-style: solid; border-left-color: #000000; 
					background-color: #000000; }
#horiznav ul li a:hover { background-color: #0090EC; color: #FFFFFF; }


/* ------------------ Legal text -------------- */
#legalfooter { margin: 40px 0 15px 0; }
#legalfooter p { font-size: 70%; color: #666666; }
#legalfooter a, #legalfooter a:link, #legalfooter a:visited { text-decoration: underline; color: #666666; font-weight: normal; }
#legalfooter a:hover, #legalfooter a:active { text-decoration: underline; color: #0090EC; font-weight: normal; }

p.smallprint { font-size: 70%; color: #333333; }
p.errorsummary { font-weight: bold; color: #FF0000; }


/* ------------------ Main Content Styles -------------- */
div.importantbox { padding: 0 0 10px 0; margin: 20px 15px 10px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
div.importantbox2 { padding: 0 0 10px 0; margin: 15px 15px 20px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
p.help { color: #0050A5; }

#maincontent p img { margin: 0px 20px 10px 0px; float: left; padding: 0; }


/* ------------------ Link arrow -------------- */
/* background applied to containing p for pre-load */
p.linkarrow { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
.arrow  { padding: 3px 5px 3px 20px; background-image:   url(../images/linkarrow.gif);
	background-repeat: no-repeat; background-position: center left; display: block; }
a.linkarrow a:hover { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: center left; }
.noarrow { padding: 3px 0 3px 0px; background-image: none; display: inline; }


div.homebuybox { padding: 0 0 10px 0; margin: 20px 15px 10px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
.homebuybox table { margin: 0 0 15px 15px; font-size: 80%; }
.homebuybox td, .homebuybox th { text-align: left; padding: 0 20px 0 0; }

div#housingassociationform { margin: 0; padding: 5px 10px; background-color: #000; border: 1px solid #333; }
#housingassociationform form { margin: 0; padding: 0; }
#housingassociationform p { margin: 0; padding: 0 0 5px 0; color: #FFF; font-weight: bold; }


/* ------------------ Layout -------------- */
#container{ 
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;

	}

#header{ 
	float:left;
	text-align:left;
	width:961px;
	}
	
#topNav{ 
	float:left;
	text-align:left;
	width:961px;
	}
	
#topNav img{ 
	float:right;	
	border:0px;
	}
	
#topNav ul{ 
	margin:0;
	padding:10px 0 0 0;
	float:right;
	
	}
	
#topNav ul li{ 
	margin:0;
	padding:0 14px 0 0;
	display:inline;
	}
	
#topNav ul li a{ 
	background:url(../images/linkarrow.gif) top left no-repeat ;
	padding:0 0 0 16px;
	color:#333333;
	}
	
#topNav ul li a:hover{ 
	text-decoration:underline;
	color:#0090EC;
	}
	

#leftNav{
	width:175px;
	float:left;
	margin: 0;
	padding: 0;
	}

/* added by jon 8/12/09 so the promotional image chunk can rich edited */
#leftNav p
{
	padding: 0;
	margin: 0;
}

/* added by jon 8/12/09 so the promotional image chunk can rich edited */
#leftNav p a img
{
	border: 0px none black;
}

/* added by jon 9/12/09 so the logo link doesnt have a border */
img#sharetobuylink
{
	border: 0px none black;
}

#banner{ 
	float:left;
	width:961px;
	}
	
#banner h1{ 
	float:left;
	width:961px;
	text-indent:-9000px;
	background:url(../images/header.jpg) top left no-repeat;
	height:148px;
	margin:0px;
	padding:0px;
	}
	
#banner h1 a{ 
	width:961px;
	display:block;
	height:148px;
	}
	
#midColl{ 
	float:left;
	padding:0 24px 0 24px;
	}
	
#midColl h1, #midColl h2, #midColl h3, #midColl p{ 
	padding-left:0;
	}
	
#midCollInner{ 
	width:563px;
	padding: 0;
	margin: 0;
	}
	
#rightColl{ 
	width:175px;
	float:right;
	padding: 0;
	margin: 0;
	}
	
.gradBox{ 
	width:563px;
	background:url(../images/gradTop.jpg) top left no-repeat #1D1D1D;
	margin:0 0 20px 0;
	padding: 0;
	}
	
.gradBoxInner{ 
	width:563px;
	background:url(../images/gradTopBtm.jpg) bottom left no-repeat;
	padding: 0;
	margin: 0;
	}
	
#midColl .gradBoxInner h2{ 
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
	padding:22px 14px 22px 20px;
	line-height:1.4em;
	}
	
#midColl .one{ 
	padding:6px 0 8px 26px;
	background:url(../images/1.gif) 0px 4px no-repeat;
	}
	
#midColl .two{ 
	padding:6px 0 8px 26px;
	background:url(../images/2.gif) 0px 4px no-repeat;
	}
	
#midColl .three{ 
	padding:6px 0 8px 26px;
	background:url(../images/3.gif) 0px 4px no-repeat;
	}
	
.specialBox{ 

	width:563px;
	background:url(../images/dashBox.gif) top left no-repeat ;
	margin:16px 0 16px 0;
	}
	
.specialBoxInner{ 
	width:563px;
	background:url(../images/dashBoxInner.gif) bottom left no-repeat;
	}
	
.specialBoxInner ul{ 
	margin:0px;
	padding:16px 16px 16px 16px;
	}
	
.specialBoxInner ul li {
background-image:url(../images/linkarrow.gif);
background-position:0pt 8px;
background-repeat:no-repeat;
margin:0pt;
padding:6pt 10px 6px 20px;
list-style-type:none;
}

#questionsTop{ 
	clear: left;
	width:563px;
	background:url(../images/specialTop.jpg) top left no-repeat #000000;
/*	float:left; */
	color:#FFFFFF;
	margin:20px 0px 0px 0px;
	padding: 0;
	}
	
#questions{ 
	width:563px;
/*	border:1px solid #000000; */
	background:#E8E8E8;
/*	float:left; */
	margin:0 0 20px 0;
	padding: 0;
	}
	
#questionsInner{ 
	padding:10px;
	border: 1px solid #000;
/*	float:left; */
	}
	
#questionsTop h3{ 
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	}
	
#footer2{ 
	width:563px;
	float:left;
	}
	
#horiznav {
width:563px;
background-color:#000000;
text-align:center;
padding:6px 0px 6px 0px;
margin:0px 0px 20px 0px;
}

.sideTop{
	width:175px;
	background:url(../images/darkTop.gif) #54072E top left no-repeat;
	float:right;
	margin:0px 0px 24px 0px;
}

#mid{

	background:url(../images/midTop.gif) #D2126F top left no-repeat;
	
}

#mid h3{
text-indent:-9000px;
	background:url(../images/stb2.gif)  0px 10px no-repeat;
	
}

.midPad{

	padding:0px 20px 0px 0px;
	
}

#grey{

	background:url(../images/grey1.gif) #E4E4E4 top left no-repeat;
	
}

#grey2{

	background:url(../images/grey2.gif) bottom left no-repeat;
	
}

#grey2 p{
color:#333333;
padding:10px 10px 70px 15px;
	
}

#mid2{
	
	background:url(../images/midBtm.gif) bottom left no-repeat;

}

.sideInner{

	background:url(../images/darkBtm.gif) bottom left no-repeat;
	padding:6px 0 14px 0;
}

.sideInner h3, .sideInner p{

	color:#FFFFFF;
	
}

.sideInner h3{
font-size:.9em;
	
}

.sideInner #calc{
background:url(../images/calc.gif) top right no-repeat;	
padding:14px 56px 14px 15px;
font-size:.7em;
}

.sideInner a{
font-weight:normal;
color:#FFFFFF;
text-decoration:underline;
}

.sideInner a:hover {
font-weight:normal;
color:#0090EC;
}


#legalfooter{
text-align:center;
}

/* added by jon 8/12/09 for the sitemap */
ul.sitemap
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#homelist { margin: 30px 0; }
#homelist p { font-size: 0.7em; display: inline; }

/* added by jon 14/12/9 for the newsletter subscription form */

div#newsletterform div.gradBoxInner div
{
	padding:0px 14px 16px 14px;
}

div#newsletterform input
{
	border: 2px solid #E8137B;
	font-size:0.8em;
}

div#newsletterform input#submit
{
	border: 2px solid #E8137B;
	background-color: #E8137B;
	color: black;
}

div#newsletterform p
{
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:normal;
	padding:12px 14px 12px 14px;
	line-height:1.4em;
}

div#newsletterform p.error
{
	display: none;
	padding-top: 0px;
}