@charset "iso-8859-1";

/* ---------------------------------------------------------------------------------------------- */
/*  Global stylesheet customized for Ft. Myers Housing Authority	                          */
/* ---------------------------------------------------------------------------------------------- */
/*  General styles for HTML elements & overall page structure                                     */
/* ---------------------------------------------------------------------------------------------- */

body {
	text-align: 			center;
	margin: 			0;
	padding:			0;
	background: 			#D6D3CC url(imgs/_background-global.jpg) repeat;
	color:				#313131;
	font:				normal 8pt arial,helvetica,sans-serif;
	}

form {
	margin: 			0;
	padding: 			0;
	}

a {
	color:				#A83931;
	}

img {
	border:				none;
	}
	

input,select,textarea {
	font: 				normal 8pt arial,helvetica,sans-serif;
	background-color: 		#EEE;
	color:				#555;
	}

.btn {  
  	color:				#404040;
  	font: 				bold 7pt verdana,arial,helvetica,sans-serif;
  	background:			#c9c9c9 url(imgs/inactive.gif) no-repeat;
  	border:				1px solid #AEACA8;
  	padding:			2px 4px 1px;
	}
	
	
#wrapper {
	width: 				994px;
	background:			transparent url(imgs/_background-template-shadow.jpg) repeat-y;
	padding:			0;
	margin: 			0 auto;
	text-align: 			left;
	height:				auto;
	}

#support-menu {
	width:				964px;
	height:				10px;
	padding:			15px;
	margin: 			0 auto;
	}

#support-menu #date {
	width:				482px;
	height:				auto;
	text-align:			left;
	float:				left;
	color:				#605F5B;
	font-weight:			bold;
	}

#support-menu #menu {
	width:				482px;
	height:				auto;
	text-align:			right;
	float:				left;
	color:				#ADAAA2;
	}
	
#support-menu #menu a:link { text-decoration: none; background: transparent; color: #605F5B; }
#support-menu #menu a:visited { text-decoration: none; background: transparent; color: #605F5B; }
#support-menu #menu a:hover { text-decoration:underline; background: transparent; color: #007062;}
#support-menu #menu a:active { text-decoration: none; background: transparent; color: #605F5B; }	
	

#container {
	width: 				966px;
	padding:			3px;
	margin: 			0 auto;
	text-align: 			left;
	height:				auto;
	background-color:		#FFF;
	border:				3px solid #7B7975;
	text-align:			text-top;
	}

#masthead {
	width:				922px;
	height:				85px;
	padding:			35px 0 0 44px;
	margin:				0 0 1px 0;
	background:			#005C4F url(imgs/_masthead-background.jpg) no-repeat;
	}

#nav {
	width:				966px;
	height:				36px;
	padding:			0;
	margin:				0 0 3px 0;
	}

#nav #items, #nav #items ul {
	padding:			0;
	margin:				0;
	list-style:			none;
	}

#nav #items a {
	display:			block;
	width:				auto;
	}

#nav #items li {
	float:				left;
	width:				auto;
	}

#nav #items li ul {
	position:			absolute;
	width:				10em;
	left:				-999em;
	}

#nav #items li:hover ul, #nav #items li.sfhover ul {
	left:				auto;
	}

#nav #items ul li {
	/* 135 px starting width */
	width:				auto;
	background-color:		#EFEFE9;
	border-left:			1px solid #DBDAD4;
	border-right:			1px solid #DBDAD4;
	}
	
#nav #items ul li a, #nav #items ul.end li a {
	width:				136px;
	background-color:		#EFEFE9;
	padding:			6px 12px;
	border-bottom:			1px solid #DBDAD4;
	text-decoration:		none;
	}

#nav #items ul.end li a {
	width:				135px;	
	}

#nav #items ul a {
	color:				#A83931;
	}

#nav #items ul li a:hover {
	background-color:		#FFF;
	}

/* ---- Suckerfish IE7 fix -------------------------------- */

#nav #items li:hover, #nav #items li.hover {
	position: 			static;
	}

#homepage-stage {
	width:				966px;
	height:				auto;
	padding:			0;
	margin:				0;
	}
	
#homepage-stage #img {
	width:				403px;
	height:				274px;
	float:				left;
	padding:			0;
	margin:				0;
	}

#homepage-stage #copy{
	width:				250px;
	height:				249px;
	float:				left;
	padding:			15px 30px 10px 30px;
	margin:				0;
	background:			#AF3E36 url(imgs/_background-homepage-brandpanel-mid.jpg) no-repeat;
	color:				#FFF;
	}

#homepage-stage #copy p {
	padding-bottom:			10px;
	margin:				0;
	}

#homepage-stage #copy a:link { text-decoration: none; background: transparent; color: #FFF; }
#homepage-stage #copy a:visited { text-decoration: none; background: transparent; color: #FFF; }
#homepage-stage #copy a:hover { text-decoration:underline; background: transparent; color: #FFF;}
#homepage-stage #copy a:active { text-decoration: none; background: transparent; color: #FFF; }

#homepage-stage #quick_links {
	width:				233px;
	height:				254px;
	float:				left;
	padding:			20px 10px 0 10px;
	margin:				0;
	background-color:		#6B1C17;
	}

#homepage-stage #quick_links p.header {
	width:				auto;
	height:				auto;
	padding:			9px 7px 6px 7px;
	margin:				0;
	background:			transparent url(imgs/quick-links-bg.gif) repeat-x;
	color:				#FFF;
	border:				none;
	font-weight:			bold;
	}

#homepage-stage #quick_links p {
	width:				auto;
	height:				18px;
	padding:			4px 7px;
	margin:				0;
	color:				#AF3E36;
	border-top:			1px solid #98615D;
	}

#homepage-stage #quick_links .question, #drill-stage #sub_nav .question {
	width:				232px;
	height:				24px;
	padding-top:			8px;
	margin-top:			10px;
	/*background:			transparent url(imgs/_background-HaveAQuestion.jpg) no-repeat;*/
	background:			transparent url(imgs/_bg-AskAQuestion.gif) no-repeat;
	color:				#666;
	font:				bold 14px arial,helvetica,sans-serif;
	text-align:			center;
	}

#homepage-stage #quick_links p a:link { text-decoration: none; background: transparent; color: #ED8D87; }
#homepage-stage #quick_links p a:visited { text-decoration: none; background: transparent; color: #ED8D87; }
#homepage-stage #quick_links p a:hover { text-decoration:none; background: transparent; color: #FFF;}
#homepage-stage #quick_links p a:active { text-decoration: none; background: transparent; color: #ED8D87; }

#homepage-substage {
	background:			#FFF url(imgs/_background-homepage-footer-fade.jpg) no-repeat 0 100%;
	}
	
#home-callouts {
	width:				713px;
	height:				auto;
	padding:			0;
	margin:				0;
	float:				left;
	background:			transparent url(imgs/_background-HomepageCallout.jpg) no-repeat;
	}

#home-callouts #left {
	float:				left;
	width:				214px;
	padding:			0 36px 0 180px;
	border-right:			1px solid #D3D3D3;
	vertical-align:			top;
	color:				#666;
	margin:				30px 0 0 0;
	}

#home-callouts #right {
	float:				left;
	width:				214px;
	padding:			0 0 0 36px;
	vertical-align:			top;
	color:				#666;
	margin:				30px 0 0 0;
	}

#home-callouts p {
	padding:			0 0 8px 0;
	margin:				0;
	}

#home-callouts a:link, #footer a:link { text-decoration: none; background: transparent; color: #007062; }
#home-callouts a:visited, #footer a:visited { text-decoration: none; background: transparent; color: #007062; }
#home-callouts a:hover, #footer a:hover { text-decoration:underline; background: transparent; color: #007062;}
#home-callouts a:active, #footer a:active { text-decoration: none; background: transparent; color: #007062; }

#home-news {
	width:				233px;
	height:				254px;
	float:				left;
	padding:			12px 10px 0 10px;
	margin:				0;
	}

#home-news p.header {
	width:				auto;
	height:				auto;
	padding:			10px 0 6px 0;
	margin:				0;
	background:			transparent url(imgs/news-bg.gif) repeat-x;
	color:				#333;
	border:				none;
	font-weight:			bold;
	}

#home-news p {
	width:				auto;
	height:				auto;
	padding:			5px 7px 5px 7px;
	margin:				0;
	color:				#666;
	border-top:			1px solid #D3D3D3;
	background:			transparent url(imgs/home-news-bullet.jpg) no-repeat;
	}

#home-news p.more {
	margin:				12px 0 0 0;
	padding:			0;
	color:				#666;
	background:			none;
	border:				none;
	}

#home-news p a:link,
.question a:link,
#drill-stage #sub_nav p a:link,
#pagetools a:link,
#btt a:link,
#downloads a:link
{ text-decoration: none; background: transparent; color: #666; }

#home-news p a:visited,
.question a:visited, 
#drill-stage #sub_nav p a:visited,
#pagetools a:visited,
#btt a:visited,
#downloads a:visited
{ text-decoration: none; background: transparent; color: #666; }

#home-news p a:hover,
.question a:hover,
#drill-stage #sub_nav p a:hover,
#pagetools a:hover,
#btt a:hover,
#downloads a:hover
{ text-decoration:none; background: transparent; color: #A83931;}

#home-news p a:active,
.question a:active,
#drill-stage #sub_nav p a:active,
#pagetools a:active,
#btt a:active,
#downloads a:active
{ text-decoration: none; background: transparent; color: #666; }

/* ----------------------------------- Page content grid  ------------------------------------ */

.font1 { font-size:100%; line-height:100%;}
.font2 { font-size:125%; line-height:135%;}
.font3 { font-size:150%; line-height:160%;}

#drill-stage {
	width:				966px;
	height:				auto;
	padding:			0;
	margin:				0;
	background:			#FFF url(imgs/_background-template.jpg) repeat-y;
	}
	
	
#drill-stage #sub_nav {
	width:				233px;
	height:				auto;
	float:				left;
	padding:			215px 10px 100px 10px;
	margin:				0;
	background:			transparent url(imgs/DummySubNavImg.jpg) no-repeat 0 0;
	}

#drill-stage #sub_nav p.header {
	width:				auto;
	height:				auto;
	padding:			9px 7px 7px 7px;
	margin:				0;
	background:			transparent url(imgs/subnav-bg.gif) repeat-x;
	color:				#666;
	border:				none;
	font-weight:			bold;
	}

#drill-stage #sub_nav p {
	width:				auto;
	height:				auto;
	padding:			7px;
	margin:				0;
	color:				#666;
	border-top:			1px solid #B4B3AE;
	}

#drill-stage #sub_nav p.indent_lev2 {
	padding:			7px 14px;
	}

#fade {
	width:				auto;
	height:				auto;
	float:				left;
	background:			transparent url(imgs/_background-drill-footer-fade.jpg) no-repeat 0 100%;
	}

#page-content {
	width:				659px;
	height:				auto;
	float:				left;
	padding:			0 27px 90px 27px;
	font-size:			12px;
	}

#page-content p {
	margin:				0;
	padding:			0 0 16px 0;
	}

.selector-input {
	margin-bottom:			15px;
	float:				left;
	width:				601px;
	padding:			9px;
	background-color:		#EEE;
	}
	
/* #breadcrumb a {
	color:				#777;
	}
*/
	
#breadcrumb {
	width:				619px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			15px 20px;
	font-size:			10px;
	color:				#AAA;
	}

#page-header {
	width:				639px;
	height:				44px;
	float:				left;
	background:			transparent url(imgs/_background-page-header.jpg) repeat-x;
	padding:			15px 0 0 20px;
	}

#pagetools {
	width:				639px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			10px 0 0 20px;
	font-size:			10px;
	margin-bottom:			30px;
	}

.btt {
	text-align:			left;
  	font-size:			10px;
	}

#fontcontrol {
	padding:			0 20px;
	margin:				0;
	float:				left;
	line-height:			18px;
	width:				619px;
	/* 619px is the width of the content space */
	}

#downloads {
  	font-size:			11px;
	width:				619px;
	height:				auto;
	padding:			0;
	float:				left;
	margin:				10px 0 20px 0;				
	}

#downloads #header {
	padding:			6px 10px;
	background-color:		#DCDCDC;
	height:				auto;
	width:				599px;
	}

#downloads .item {
	padding:			6px 10px;
	background-color:		#FAFAFA;
	height:				auto;
	border-bottom:			1px solid #DCDCDC;
	}

#downloads p {
	padding:			0;
	margin:				0;
	}
	
.bio, .bio-alt, .prop, .prop-alt {
	width:				300px;
	height:				89px;
	float:				left;
	margin-right:			19px;
	border-top:			1px solid #DDD;
	padding-top:			10px;
	}

.bio-alt, .prop-alt {
	margin-right:			0;
	}

.prop, .prop-alt {
	height:				400px; /*150px*/
	
	}

.prop p, .prop-alt p {
	margin:				0;
	padding:			0;
	}

.bio img, .bio-alt img {
	border:				1px solid #D3D3D3;
	margin: 			0 20px 20px 0;
	padding:			1px;	
	}

.prop img, .prop-alt img {
	border:				1px solid #D3D3D3;
	margin-bottom: 			10px;
	padding:			1px;	
	}

/* ------ Ancillary Classes ------------------------------------------------------------------- */

.font8pt {
	font-size:			8pt;
	}

.font7pt {
	font-size:			7.5pt;
	}

.upd {
	font-size:			7.5pt;
	color:				#666;
	}

.border-left {
	border:				1px solid #D3D3D3;
	margin: 			0 10px 10px 0;
	/* cursor: 			pointer; 
	cursor: 			hand; */
	padding:			1px;
	}

.border-right {
	border:				1px solid #D3D3D3;
	margin: 			0 0 10px 10px;
	padding:			1px;
	}

.border-all {
	border:				1px solid #D3D3D3;
	}

#closed-block {
	width:				609px;
	padding:			5px;
	background-color:		#c40000;
	color:				#FFF;
	font-size:			11px;
	font-weight:			bold;
	margin-bottom:			16px;
	}

/* ----------------------------------------------------------------------------------------- */
	
#footer {
	width:				956px;
	background:			transparent url(imgs/_background-template-shadow-curb.jpg) no-repeat;
	height:				auto;
	padding:			20px 0 0 38px;
	margin: 			0 auto;
	text-align:			left;
	}

#footer #innerfooter p {
	padding:			0 0 10px 0;
	margin:				0;
	color:				#777570;
	}

#footer #innerfooter {
	width:				886px;
	background:			transparent url(imgs/eho-logo.jpg) no-repeat;
	height:				70px;
	padding:			0 0 0 70px;
	margin: 			0;
	text-align:			left;
	font-size:			10px;
	float:				left;
	}

/* --------------------------------------------- */
/*  Clear floats without structural markup hack  */
/* --------------------------------------------- */
	
.clearfix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------- 
	These are standard sIFR styles... do not modify
   -------------------------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: 		visible !important;
	margin: 		0;
}

.sIFR-replaced {
	visibility: 		visible !important;
}

span.sIFR-alternate {
	position: 		absolute;
	left: 			0;
	top: 			0;
	width: 			0;
	height: 		0;
	display: 		block;
	overflow: 		hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter
   spacing in this case is used to make the browser text metrics match up with the sIFR text metrics 
   since the sIFR text in this example is so much narrower... your own settings may vary... any weird
   sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: 		hidden;
	font-size: 		28px;
	padding:		0;
	margin:			0;
}

.sIFR-hasFlash h2 {
	/* Homepage callout headers */
	visibility: hidden;
	font-size: 		11px;
	padding:		0;
	margin:			0;
}



.sIFR-hasFlash #col-left h3 {
	visibility: 		hidden;
	padding:		0;
	margin:			0 0 7px 0;	
	font-size: 		18px;
}

/* //////////////////////////////////////////////////

.sIFR-hasFlash h4 {
	visibility: 		hidden;
	letter-spacing: 	-5px;
	font-size: 		21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: 	-4px;
	visibility: 		hidden;
	font-size: 		24px;
}

////////////////////////////////////////////////// */
/* ----------------------------------------------------------------------------------------------- */