body { 
	background:#7b7b7b url(../Images/bgBody.gif) top repeat-x;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color:#333366;
	z-index:1;
}



/*
Global Styles
---------------------------------------*/
    #primaryNav,
    #outerContentWrap,
    #footer { border-left:1px solid #949494; border-right:1px solid #949494; }

/*
Page Wrapper
---------------------------------------*/
    #pageWrap { margin:0 auto; width:961px; }

/*
Header
---------------------------------------*/
    #header { margin-top:23px; background:#fff url(../Images/bgHeader.gif) 0px 0px no-repeat; height:136px; }
    #header h1 { height:108px; width:510px; margin-left:55px; background:transparent url(../Images/Broward-County-Housing-Authority-Logo-40Years.gif) top no-repeat; text-indent:-234234px; float:left; }

	    #utilityBox { float:right; width:326px; margin-top:50px }
    		
		    /*the Language Translation, Sitemap, and Contact us styles are at the bottom of content.css*/
    		
		    #searchBox { padding:0 0 0 17px; }
		    input.inputSearch {
			    border:1px solid #bfc1c4;
			    float:left;
			    height:22px;
			    margin:1px -4px 0 0;
			    width:210px;
		    }
		    input.btnSearch { margin-top:1px; height:26px; width:81px;}

/*
Primary Navigation
---------------------------------------*/
    #primaryNav { height:41px; background:url(../images/bgPrimaryNav.gif) 0px 0px no-repeat; }


/*
Bread Crumbs
---------------------------------------*/
	#breadCrumbs {
		color:#aaa;
		font-size:9px;
		letter-spacing:1px;
		text-transform:uppercase;
		height:28px;
		overflow:hidden;
		line-height:28px;
		background:#fff url(../Images/bgBreadCrumbBox.gif) top no-repeat;
		padding: 0 18px;
		margin:0 0 18px 0;
	}
	
	#breadCrumbs a { float:left; position:relative; margin:0; color:inherit; font-weight:inherit; text-decoration:none;}
	#breadCrumbs a:hover { color:#ff0033; }
	
	#breadCrumbs span {
		background:transparent url(../Images/bgBreadCrumbItem.gif) 0 0 no-repeat;
		float:left;
		height:0;
		margin:1px 10px 0 8px;
		overflow:hidden;
		padding-top:28px;
		position:relative;
		width:12px;
	 }
	
	#breadCrumbs span.first { display:none; }
	
	#breadCrumbs a.bcTitle,
	#breadCrumbs span.bcTitle { width:180px; font-weight:bold; text-align:right; margin:0 23px 0 0; height:auto; padding:0; background:transparent; position:relative; color:#aaa; }

/*
Content Wrapper
---------------------------------------*/
    #outerContentWrap { background:#fff; padding:18px 0 0;  }

	    #innerContentWrap {}
    	
	    /*
	    Two Column Layouts
	    -------------------------------*/
	    .twoColLeft,
	    .twoColRight { float:left; }
	
	    ul.pdfList li { background:transparent url(../App_Themes/Public/Images/iconPDF.gif) 0px 5px no-repeat; }
	    ul.addressList li { background:transparent url(../App_Themes/Public/Images/iconContact.gif) 0px 5px no-repeat; }
    		
	    ul.nbfTwoColList li.last { margin-right:0; }
    	
	    ul.nbfTwoColList li small { display:block; padding:3px 0 0 0; }
	    ul.nbfTwoColList li a { font-weight:bold;  }
	
/*
HOME PAGE STYLES
---------------------------------------*/
	#outerContentWrap.homePage { background:#cdcfd3;  }
	
	#innerContentWrap.homePage 				{ background:url(../Images/bgTwoColHome.png) top repeat-y; padding:0 20px;  }
	#innerContentWrap.homePage .twoColLeft	{ width:597px; height:332px; margin-right:20px; padding:0 18px 0 0; }
	#innerContentWrap.homePage .twoColRight { width:284px; height:332px; }
	
	#innerContentWrap.homePage .twoColLeft	h1 { text-indent:-23432px; background:url(../Images/itOurMission.jpg) 375px 0 no-repeat; margin-top:23px; }
	
	/*
	Photo Box
	---------------------------------------*/
	#flashPhotoHolder { float:left; height:332px; width:357px; margin-right:18px; }
	#flashPhotoHolder img { margin-bottom:0; display:none; }
	
	
	
	/*
	Housing Options Slider
	---------------------------------------*/
	h2.itHousingApplications { height:102px; width:284px; margin:0 0 10px; padding:0; background:url(../Images/bgHousingApplications.jpg); text-indent:-32342px; }
	
	#sliderHolder { height:238px; }
	.d-content { color:#47547c; font-size:10px; }
	
	.drawer h3 { height:25px; margin:0; font-size:12px; font-weight:bold; padding:5px 0 0; text-indent:44px; cursor:pointer; }	
	.drawer h3.d-handle { background:transparent url(../Images/bgDrawerHandle.jpg) 0px -30px no-repeat; }
	.drawer h3.open { background:transparent url(../Images/bgDrawerHandle.jpg) 0 0 no-repeat; }
	
	.drawer p { margin:0; padding:0 30px; }
	
	    #d-HousingChoiceVouchers { height:98px; }
	    #d-HousingChoiceVouchers p { color:#ff0000; font-weight:bold; padding:5px 36px; }
    	
    	#d-BCHAPortfolio {}
	    #d-BCHAPortfolio ul { margin: 10px 0 0 36px; padding: 0 18px; overflow: hidden; font-weight:bold; height:98px; display:block; font-size:1.2em; }
	    #d-BCHAPortfolio ul li {}
    	
	    #d-AffordableHousing {}
	
	/*
	Hot Topics
	-------------------------------*/
	#htWrapper { background:#cdcfd3; padding:20px 0 0 0; }
	#hotTopicsBox { padding:2px 2px 18px 2px; background-color:#fff; margin: 0 0 0;  }
	#hotTopicsBox h3 { 
		background:transparent url(../Images/bgHotTopicsHeader.gif) top repeat-x; 
		height:40px;
		text-transform:uppercase;
		text-align:center;
		font-size:1.5em;
		margin-bottom:0;
		color:inherit;
	}
	#hotTopicsBox h3 img { display:inline; padding:5px; margin-bottom:-10px; }
	
	ol.olHotTopics { padding:0px 18px; }
	ol.olHotTopics li { 
		list-style-type:none; 
		float:left; width:240px; 
		margin:0 18px 18px 0px; 
		padding:0 0 0 33px; 
		background:transparent url(../Images/iconInfoBubble.gif) 0px 0px no-repeat; 
	}
	ol.olHotTopics li.last { margin:0 0 18px 0; }
	
	ol.olHotTopics h4 { 
		margin-bottom:0px; 
		font-size:1em; 
		font-weight:bold;
	}

/*
SUB PAGE STYLES
---------------------------------------*/

#innerContentWrap.subPage 				{ background:transparent url(../Images/bgSubPageInnerContent.gif) repeat-y; padding:0; background-repeat:repeat-y;  }
#innerContentWrap.subPage #twoColLeft	{ width:202px; margin-right:20px; float:left;  }
#innerContentWrap.subPage #twoColRight	{ width:718px; float:left; padding:0 18px 18px 0; text-align:justify; }

#innerContentWrap.subPage #twoColLeft .topCap { background:transparent url(../Images/bgSubNavTopCap.gif) 0 0 no-repeat; font-size:1px; height:5px; }
#innerContentWrap.subPage .contentCap	{ clear:both; background:transparent url(../Images/bgSubPageBottomCap.gif) 0 0 no-repeat; font-size:1px; height:5px; }

    /*
	Two Column Layout (goes inside of .twoColRight)
	----------------------------------------------*/
	.pcTwoColRight,
	.pcTwoColLeft	{ float:left; }
	
	.pcTwoColLeft	{ width: 438px; padding:0 18px; margin:0 18px 0 0; }
	.pcTwoColRight	{ width: 202px; margin:0; text-align:left;  }
	

/*-------------------------------------*/
/*Content Styles located in content.css*/
/*-------------------------------------*/

/*
Footer
---------------------------------------*/
#footer { padding:19px; color:#fff; background:#cdcfd3; }

#footer p { font-size:inherit; background:url(../Images/bgFooterText.gif) top repeat-x; margin:0; padding:10px 18px; }


#footer a { color:#fff; }
#footer a:hover {  }

#footerCap { font-size:1px; height:6px; background:url(../Images/bgFooterCap.gif) top no-repeat; }

/*
Translate Menu
---------------------------------------*/
#dropmenudiv {
-x-system-font:none;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 0;
font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
position:absolute;
z-index:900;
}

#dropmenudiv a {
border-bottom:1px solid #CCCCCC;
display:block;
padding:1px 0;
text-decoration:none;
text-indent:3px;
width:100%;