/**
 * Default screen CSS for Affordable Housing.
 */
 
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	background-image:url(../images/main_bg.jpg);
	background-repeat:repeat-x;
}

form {
	margin:0;
	padding:0;
}

h1 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
	color:#316A3D;
	margin:20px 20px 10px 20px;
	padding:0;
	font-size:24px;
	font-weight:bold;
}

h2 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
	color:#316A3D;
	margin:20px 20px 10px 20px;
	padding:0;
	font-size:24px;
	font-weight:bold;
}

h3 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
	margin:10px 20px 10px 20px;
	color:#FF6600;
	font-weight:bold;
	font-size:18px;
}

h4 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
	margin:20px 20px 10px 20px;
	color:#333333;
	font-weight:bold;
	font-size:15px;
}

p {
	color:#333;
	margin:12px 20px 15px 20px;
	font-size:12px;
}

ul {
	margin:6px 0 6px 0;
	padding:0 0 0 40px;
}

li {
	color:#333;
	font-size:12px;
	padding:4px;
}

a {
	color:#CC0000;
}

a:hover {
	color:#009900;
}

/*------------------------------------------------------------------------------
* Layout
*----------------------------------------------------------------------------*/

#layout {
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	min-height:1500px;
	height:auto !important;
	height:1500px;
	/*border:1px solid green;*/
}

/*------------------------------------------------------------------------------
* Header
*----------------------------------------------------------------------------*/

#header {
	height:140px;
}

#header .logo {
	padding-top:10px;
	padding-left:10px;
}

#header .heading {
	padding-left:10px;
	padding-bottom:45px;
}

#header .govlogo {
	float:right;
	padding-top:15px;
	padding-right:15px;
}



/*------------------------------------------------------------------------------
* Nav
*----------------------------------------------------------------------------*/

#nav {
	height:40px;
	background-color:#316A3D;
	border-bottom:5px solid #253625;
	margin-bottom:13px;
}

#nav ul {
	width:1007px;
	margin:0;
	padding:0;
	z-index:1000;
	position:absolute;
	text-transform:uppercase;
}

#nav li {
	list-style-type:none;
	float:left;
	padding:13px 14px 12px 15px;
	margin:0 1px 0 0;
	border-right:1px solid #253625;
}

#nav .noborder {
	border-right:none;
}

#nav .navarrow {
	padding:0;
	margin:0 5px 0 0;

	line-height:20px;
	float:left;
}

#nav .on {
	background-color:#459455;
}

#nav a {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display: block;
}

#nav a:hover {
	color:#FFF;
	text-decoration:underline;
}


/*------------------------------------------------------------------------------
* Right
*----------------------------------------------------------------------------*/

#right {
	float:right;
	width:300px;
	min-height:1400px;
	height:auto !important;
	height:1400px;
	margin:0 13px 0 0;
	border:1px solid #CCC;
	padding:0;
}	

#right .header {
	height:32px;
	width:300px;
	background-image:url(../images/right_header_bg.jpg);
	background-repeat:repeat-x;
}

#right .heading {
	margin:7px 0 5px 14px;
	padding:0;
}

#right #news h2 {
	font-size:13px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 45px 5px 15px;
}

#right #news h2 a {
	text-decoration:none;
	color:#000;
}

#right #news h3 {
	font-size:11px;
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 15px 5px 15px;
}

#right #news p {
	font-size:11px;
	color:#666;
	margin:0 15px 10px 15px;
}

#right #news .morenews a {
	float:right;
	color:#FFFFFF;
	font-size:11px;
	padding-top:8px;
	padding-right:15px;
}

#right #downloads {
	height:400px;
}

#right #downloads h2 {
	font-size:13px;
	color:#333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 15px 2px 15px;
}

#right #downloads p {
	font-size:11px;
	color:#666;
	margin:0 15px 5px 15px;
}

#right #downloads #acrobat {
	float:right;
	width:96px;
	height:106px;
	border:1px solid #CCC;
	margin:12px 12px 10px 10px;
}

#right #downloads #acrobat img {
	padding:0;
	margin:5px 0 5px 17px;
}

#right #downloads #acrobat p {
	padding:0;
	margin:0;
	text-align:center;
}

#right #banners {
	height:275px;
	background-image:url(../images/helpful_links_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#right #banners .banner {
	display:block;
	padding:11px 0 0 10px;
	margin:0;
}

#right #factsheets ul {
	padding:0;
	margin:15px 10px 10px 15px;
	list-style-type:none;
	color:#333333;
}

#right #factsheets li {
	padding:0 0 10px 25px;
	margin:10px 0 0 0;
	background-image:url(../images/fact_sheets_arrow.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #EEE;
	display:block;
	line-height:16px;
}

#right #links ul {
	padding:0;
	margin:15px 10px 10px 15px;
	list-style-type:none;
	color:#333333;
}

#right #links li {
	padding:0 0 10px 25px;
	margin:10px 0 0 0;
	background-image:url(../images/fact_sheets_arrow.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #EEE;
	display:block;
	line-height:16px;
	font-size:14px;
}

#right #links a {
	color:#333333;
	font-weight:bold;
}


/*------------------------------------------------------------------------------
* Main Content Area
*----------------------------------------------------------------------------*/

#main {
	min-height:1400px;
	height:auto !important;
	height:1400px;
	margin:0 330px 20px 13px;
	border:1px solid #CCC;
	padding:0;
}	

#main #feature1 {
	border:1px solid #FFF;
}

#main #feature2 {
	border:1px solid #FFF;
}

#main #feature3 {
	border:1px solid #FFF;
}

#main #feature1 table {
	width:95%;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0 0 20px 20px;
	font-size:12px;
	color:#333333;
}

#main #feature1 table p {
	padding:5px 0 5px 0;
	margin:0 0 0 0;
}

#main #feature1 table th {
	vertical-align:top;
	padding:10px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#316A3D;
	color:#FFFFFF;
	font-size:14px;
}

#main #feature1 table td {
	vertical-align:top;
	padding:10px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}

#main .feature1height {

}

#main .feature2height {

}

#main #feature1 h2 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
}

#main #feature2 h2 {
	font-family:HelveticaNeue-LightCond, "Helvetica Light", "Helvetica CondensedLight", Helvetica;
}

#main #feature1 .featurephoto1 {
	float:left;
	border:1px solid #CCC;
	padding:0;
	margin:20px 20px 20px 20px;
}

#main .image {
	float:right;
	padding:0;
	margin:0 10px 10px 5px;
}

#main .photoright {
	float:right;
	border:1px solid #CCC;
	padding:0;
	margin:20px 20px 20px 20px;
}

#main #feature2 .featurephoto2 {
	float:right;
	border:1px solid #CCC;
	padding:0;
	margin:20px 20px 20px 20px;
}

#main #breakoutbox {
	height:350px;
	border:1px solid #459455;
	background-color:#D3EAD7;
	margin:0 20px 20px 20px;
}

#main #breakoutbox #text {
	height:320px;
	overflow:auto;
	margin:15px 20px 0 0;
}

#main #breakoutbox h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;
}

#main #breakoutbox .breakoutphoto {
	float:right;
	margin:20px 25px 0 20px;
}

#main .boxtable {
	height:146px;
}

#main .box {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-image:url(../images/box_bg.jpg);
	background-repeat:repeat-x;
	background-color:#DBE0DB;
	width:33%;
	vertical-align:top;
}

#main .box h2 {
	font-size:15px;
	color:#354934;
	font-weight:bold;
	font-family:HelveticaNeue-MediumCond, Helvetica;
	margin:15px 20px 15px 20px;
}

#main .box p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#main #landrentmenu {
	float:left;
	width:200px;
	border:1px solid #CCC;
	margin:20px 20px 10px 20px;
}

#main #landrentmenu ul {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0;
}

#main #landrentmenu li {
	margin:0;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #EEE;
	font-size:11px;
}

#main #landrentmenu li a {
	text-decoration:none;
	color:#666666;
}

#main #landrentmenu li a:hover {
	text-decoration:underline;
	color:#FF6600;
}

#main #landrentdownloads {
	float:right;
	width:200px;
	margin:0;
}

#main #landrentmenu .noborder {
	border-bottom:none;
}

#main #landrentdownloads .noborder {
	border-bottom:none;
}

/*------------------------------------------------------------------------------
* Footer
*----------------------------------------------------------------------------*/

#footer {
	background-color:#316A3D;
	padding:0;
	margin:0;
	height:40px;
}


#footer p {
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:12px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}