@charset "iso-8859-1";

/* ---------------------------------------------------------------------------------------------- */
/*  Global stylesheet customized for N. Chas Housing Authority		    			  */
/* ---------------------------------------------------------------------------------------------- */
/*  General styles for HTML elements & overall page structure                                     */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------
  @FileDetails ->		Universal CSS file which contains styles for
  				nchashousingauthority.com
 				Browsers: IE6+, Firefox 2
 				User agent supporting this file: Screen
 				Build Date: 10/2/2009
 				Copyright (C) North Charleston Housing Authority
 				All rights reserved.
  @AuthorName ->		BuildingBlocs [www.buildingblocs.net]
 ------------------------------------------------------------------------------------------------ */

body {
	text-align: 			center;
	font:				normal 12px arial,helvetica,sans-serif;
	background:			#EEE url(imgs/Template-Imgs-Background.jpg) no-repeat top center;
	padding:			0;
	margin:				0;
	color:				#777;
	}

form {
	margin: 			0;
	padding: 			0;
	}

p {
	margin: 			0 0 15px 0;
	padding: 			0;
	}

a	{
	color:				#00295D;
	}



img {
	border:				none;
	}

ul,ol {
	padding:			0;
	margin:				0;
	}
	
blockquote {
	font:				italic 14px georgia,times new roman,times,serif;
	padding:			0 15px;
	margin: 			0 0 15px 0;
	line-height:			18px;
	}

#wrapper {
	width: 				960px;
	padding:			0;
	margin: 			0 auto;
	text-align: 			left;
	height:				auto;
	}
	
#masthead {
	width:				960px;
	height:				166px;
	margin:				0;
	padding:			30px 0 0 0;
	text-align:			left;
	}

#masthead #date {
	width:				410px;
	height:				30px;
	float:				left;
	font:				normal 11px tahoma,arial,helvetica,sans-serif;
	text-align:			left;
	padding:			0 0 0 70px;
	color:				#808080;
	}

#masthead #support {
	width:				460px;
	height:				30px;
	float:				left;
	font:				normal 11px tahoma,arial,helvetica,sans-serif;
	text-align:			right;
	padding:			0 20px 0 0;
	color:				#C2C2C2;
	}

#masthead #logo {
	width:				940px;
	height:				88px;
	text-align:			right;
	padding:			48px 20px 0 0;
	float:				left;
	}

#masthead #support a:link {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

#masthead #support a:visited {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

#masthead #support a:hover {
	text-decoration:		underline;
	background:			transparent;
	color:				#28324B;
	}

#masthead #support a:active {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

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


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

#nav {
	width:				815px;
	height:				38px;
	margin:				0;
	padding:			0 0 0 145px;
	background-color:		transparent;
	}
	
#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.left {
	border-left:			1px solid #4A597A;
	}

#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:		#ADB147;
	font-size:			11px;
	color:				#84692A;
	}
	
#nav #items ul li a {
	width:				134px;
	background:			#ADB147 url(imgs/NavBullet-Off.jpg) top left;
	padding:			8px 14px;
	border-top:			1px solid #BDC16C;
	text-decoration:		none;
	}

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

#nav #items ul li a:hover {
	background:			#C1C562 url(imgs/NavBullet-On.jpg) top left;
	}

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

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

#stage {
	width:				960px;
	height:				300px;
	margin:				0;
	padding:			0;
	background-color:		#65AFEA;
	}

#page-header {
	width:				960px;
	height:				150px;
	margin:				0;
	padding:			0;
	}

#page-title {
	width:				565px;
	height:				40px;
	float:				left;
	background:			transparent url(imgs/Template-Imgs-PageTitleBackground.jpg) repeat-x;
	padding:			0;
	margin:				0 0 15px 0;
	}
	
#content-space {
	width:				880px;
	height:				auto;
	margin:				0;
	padding:			30px 40px;
	background:			#FFF url(imgs/Template-Imgs-CSpaceBackground.jpg) repeat-x top center;
	overflow:			auto;
	}

#alert {
	width:				878px;
	min-height:			130px;
	margin:				0 0 30px 0;
	padding:			0;
	background:			#FFF url(imgs/alert-bg.jpg) repeat-x top left;
	border:				1px solid #FEEC8A;
	}
	
#alert #label {
	width:				80px;
	height:				100px;
	float:				left;
	}

#alert #label p#hdr {
	padding:			10px;
	background-color:		#FEEC8A;
	text-transform:			uppercase;
	color:				#9B8400;
	margin:				0;
	text-align:			center;
	font-weight:			bold;
	font-size:			18px;
	}

#alert #msg {
	width:				738px;
	height:				auto;
	float:				left;
	padding:			15px 30px 20px 30px;
	}
	
#content-grid, #content-grid-drill {
	width:				880px;
	height:				auto;
	margin:				0;
	padding:			0;
	background:			transparent url(imgs/Template-Imgs-ContentGridBackground.jpg) repeat-y top center;
	overflow:			auto;	
	}
	
#content-grid-drill {
	background:			transparent url(imgs/Template-Imgs-ContentGridDrillBackground.jpg) repeat-y top center;	
	}	
	

#content-space #left-col-home {
	width:				500px;
	height:				auto;
	margin:				0;
	padding:			0 30px 0 0;
	float:				left;
	}

#content-space #right-col-home {
	width:				310px;
	height:				auto;
	margin:				0;
	padding:			0 0 0 40px;
	float:				left;
	}

#right-col-home p {
	font-size:			11px;
	}


#content-space #left-col-drill {
	width:				565px;
	height:				auto;
	margin:				0;
	padding:			0 30px 0 0;
	float:				left;
	}

#content-space #left-col-drill p {
	line-height:			18px;
	}

#left-col-drill ul,#left-col-drill ol {
	padding:			0 0 1.5em 3em;
	margin: 			0 0 15px 0;
	}

#left-col-drill ul li,#left-col-drill ol li {
	padding:			0;
	margin: 			0 0 8px 0;
	}

#content-space #right-col-subnav {
	width:				245px;
	height:				auto;
	margin:				0;
	padding:			0 0 0 40px;
	float:				left;
	}

#content-space #right-col-subnav p.item {
	border-top:			1px solid #E4E4E4;
	padding:			8px 0;
	margin:				0;
	font:				normal 11px tahoma,arial,helvetica,sans-serif;	
	}

#content-space #right-col-subnav p#header {
	font:				bold 11px tahoma,arial,helvetica,sans-serif;
	border:				none;
	}

#content-space #right-col-subnav a:link {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

#content-space #right-col-subnav a:visited {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

#content-space #right-col-subnav a:hover {
	text-decoration:		none;
	background:			transparent;
	color:				#28324B;
	}

#content-space #right-col-subnav a:active {
	text-decoration:		none;
	background:			transparent;
	color:				#808080;
	}

#addthis {
	width:				241px;
	height:				20px;
	text-align:			right;
	padding:			4px 4px 0 0;
	background:			transparent url(imgs/AddThis.jpg) no-repeat;
	}
	
.frame {
	border:				1px solid #D3D3D3;
	margin: 			0 8px 8px 0;
	padding:			1px;	
	}

.frame-alt {
	border:				1px solid #D3D3D3;
	padding:			1px;	
	}

.staff, .staff-alt, .prop, .prop-alt {
	width:				270px;
	height:				100px;
	float:				left;
	display:			inline;
	margin:				0 25px 15px 0;
	border-top:			1px solid #E4E4E4;
	padding-top:			10px;
	font-size:			11px;
	}

.staff-alt, .prop-alt {
	margin:				0 0 15px 0;
	}	

.header-clear {
	clear:				both;
	font-weight:			bold;
	}

.faq-header {
	padding:			8px;
	font-weight:			bold;
	background-color:		#EEE;
	margin:				0 0 1px 0;
	}

.faq-header a {
	text-decoration:		none;
	}

.faq-item {
	padding:			10px;
	margin-bottom:			1px;
	border:				1px solid #E4E4E4;
	height:				auto;
	width:				543px;
	}

.property {
	width:				525px;
	height:				auto;
	margin:				0 0 15px 0;
	padding:			15px 20px 0 20px;
	border-top:			1px solid #E4E4E4;
	float:				left;
	display:			inline;
	}

.property .img {
	width:				330px;
	height:				auto;
	margin:				0 20px 0 0;
	padding:			0;
	float:				left;
	display:			inline;
	}

.property .addy {
	width:				175px;
	height:				auto;
	margin:				0;
	padding:			0;
	float:				left;
	display:			inline;
	font-size:			11px;
	}
/* ---------------------------------------------------------------------------------------------- */
	
/* ------------------------------ home page specific styles ------------------------------------- */

/* ------------------------------ end home page specific styles --------------------------------- */


/* ----------------------------- content space specific styles ---------------------------------- */

/* ------------------------- end content space specific styles --------------------------- */

#footer {
	width:				880px;
	height:				auto;
	padding:			20px 40px;
	margin:				0;
	color:				#ABABAB;
	background:			#F7F7F7 url(imgs/Template-Imgs-FooterBackground.jpg) no-repeat top left;	
	font:				normal 11px tahoma,arial,helvetica,sans-serif;
	overflow:			auto;
	}
	
#footer #left-col {
	width:				565px;
	float:				left;
	height:				auto;
	padding:			20px 0 0 0;
	}

#footer #right-col {
	width:				245px;
	float:				left;
	height:				auto;
	padding:			20px 0 0 70px;
	background:			transparent url(imgs/Template-Imgs-LeftShadowDivider.jpg) repeat-y top left;
	}
	
#footer a:link {
	text-decoration:		none;
	background:			transparent;
	color:				#28324B;
	}

#footer a:visited {
	text-decoration:		none;
	background:			transparent;
	color:				#28324B;
	}

#footer a:hover {
	text-decoration:		underline;
	background:			transparent;
	color:				#28324B;
	}

#footer a:active {
	text-decoration:		none;
	background:			transparent;
	color:				#28324B;
	}

/* ---------------------------------------------------------------------------------------------- */
/*  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;
	}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}

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

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

.sIFR-hasFlash h2 {
	visibility: 		hidden;
	font-size: 		16px;
	padding:		0;
	margin:			0 0 15px 0;
	}

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

.font8pt {
	font-size:			11px;
	}

.font7pt {
	font-size:			10px;
	}

.selector-input {
	margin-bottom:			15px;
	float:				left;
	width:				547px;
	padding:			9px;
	background-color:		#EEE;
	}