html, body {
	color: #000;
	margin: 0;
	padding: 0;
	background: #788566 url(../images/bgstripe.jpg) repeat-x top center;
	text-align: center;
}
a:active { outline: none; }
:focus { -moz-outline-style: none; }
img, div { behavior: url(iepngfix.htc); }

/* =Wrapper
-------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: transparent url(../images/contentbg.jpg) repeat-y top center;
}

/* =MastheadWrapper
-------------------------*/
#mastheadwrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0 5px;
	background: transparent url(../images/mastheadbg.jpg) no-repeat top center;
}

/* =Masthead
-------------------------*/
#masthead {
	background: transparent url(../images/mhamasthead.jpg) no-repeat top center;
	margin: 0;
	padding: 11px 0 0 0;
	height: 139px;
}

/* =Logo
-------------------------*/
#masthead a.logo {
	float: left;
	display: block;
	color: #000;
	background: url(../images/mhalogo.jpg) no-repeat left bottom;
	text-indent: -99999px;
	height: 126px;
	width: 342px;
	border: 0;
	margin: 0 0 0 18px;
}

/* =TopRightMenu
-------------------------*/
#masthead span {
	float: right;
	margin: 0 15px 0 0;
	font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif, sans;
	text-align: right;
	color: #3b3332;
}
#masthead span a {
	color: #3b3332;
	text-decoration: none;
}
#masthead span a:hover {
	text-decoration: underline;
}

/* =Menu
-------------------------*/
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */
/*.menu1 {width: 734px; padding:0 0 0 12px; margin:0 0 18px 1px; list-style:none; height:33px; background:#fff url(../images/button1.gif); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:33px; line-height:33px; color:#fff; text-decoration:none; font-size:10px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 12px 0 4px;}
.menu1 li.current a {color:#fff; background:url(../images/button3.gif);}
.menu1 li.current a b {background:url(../images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../images/button2.gif);}
.menu1 li a:hover b {background:url(../images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../images/button3.gif) no-repeat right top;}*/

.menu1 {width: 734px; padding:0 0 0 12px; margin:0 0 18px 1px; list-style:none; height:33px; background:#fff url(../images/button1.gif); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:33px; line-height:33px; color:#fff; text-decoration:none; font-size:10px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 17px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 22px 0 4px;}
.menu1 li a.long {line-height:12px;}
.menu1 li a.long b {padding-top:4px; padding-bottom:4px;}
.menu1 li.current a {color:#fff; background:url(../images/button3.gif);}
.menu1 li.current a b {background:url(../images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../images/button2.gif);}
.menu1 li a:hover b {background:url(../images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../images/button3.gif) no-repeat right top;}


/* =ContentWrapper
-------------------------*/
#contentwrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0 5px 5px 5px;
	text-align: center;
	background: transparent url(../images/contentbottom.jpg) no-repeat bottom center;
}
#contentwrapper img {
	float: left;
	display: inline;
	margin: 0 0 0 2px;
	padding: 0;
}

/* =Announcement
-------------------------*/	
span#announcement_xmas2008 {
	background: #8e9a7d url(../images/announcement_xmas2008.jpg) no-repeat top left;
	width: 746px;
	height: 69px;
	display: inline-block;
	text-indent: -99999px;
	margin: 0 0 18px 2px;
	padding: 0;
	float: left;
}

/* =InfoSection
-------------------------*/
#infosection {
	width: 227px;
	margin: 0 1px 0 0;
	padding: 0;
	float: right;
	display: inline;
	text-align: left;
}
#infosection h2 {
	width: 225px;
	height: 34px;
	text-indent: -99999px;
	display: block;
	margin: 0 0 13px 0;
	padding: 0;
}
#infosection h2.mhaproperties { background: #c4a549 url(../images/mhaproperties.jpg) no-repeat top left; }
#infosection h2.contactus { background: #c4a549 url(../images/contactus.jpg) no-repeat top left; }
#infosection h3 {
	font: bold 12px/17px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 0 44px;
	padding: 0;
}
#infosection ul {
	list-style: none inside;
	margin: 0 0 26px 0;
	padding: 0;
}
#infosection li {
	font: normal 12px/26px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	background: transparent url(../images/bullet.gif) no-repeat 0 3px;
	margin: 0 0 0 44px;
	padding: 0 0 0 18px;
}
#infosection li a {
	color: #3b3332;
	text-decoration: none;
}
#infosection p {
	font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 11px 44px;
	padding: 0;
}
#infosection p a {
	font-weight: bold;
	text-decoration: underline;
	color: #5f6b4d;
}

/* =SubMenu
-------------------------*/
#submenu {
	width: 227px;
	margin: 0 0 0 1px;
	padding: 0;
	float: left;
	display: inline;
	text-align: left;
}
#submenu h2 {
	width: 225px;
	height: 34px;
	text-indent: -99999px;
	display: block;
	margin: 0 0 13px 0;
	padding: 0;
}
#submenu h2.aboutmha { background: #c4a549 url(../images/aboutmha.jpg) no-repeat top left; }
#submenu h2.publichousing { background: #c4a549 url(../images/publichousing.jpg) no-repeat top left; }
#submenu h2.housingchoicevoucher { background: #c4a549 url(../images/housingchoicevoucher.jpg) no-repeat top left; }
#submenu h2.homeownershipprograms { background: #c4a549 url(../images/homeownershipprograms.jpg) no-repeat top left; }
#submenu h2.residentresources { background: #c4a549 url(../images/residentresources.jpg) no-repeat top left; }
#submenu h2.doingbusinesswithmha { background: #c4a549 url(../images/doingbusinesswithmha.jpg) no-repeat top left; }
#submenu h2.contactus { background: #c4a549 url(../images/contactus.jpg) no-repeat top left; }
#submenu h2.relevantlinks { background: #c4a549 url(../images/relevantlinks.jpg) no-repeat top left; }
#submenu h2.publications { background: #c4a549 url(../images/publications.jpg) no-repeat top left; }
#submenu h3 {
	font: bold 12px/17px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 0 44px;
	padding: 0;
}
#submenu ul {
	list-style: none outside;
	margin: 0 0 26px 0;
	padding: 0;
}
#submenu li {
	font: normal 12px/26px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	background: transparent url(../images/bullet.gif) no-repeat 0 3px;
	margin: 0 0 0 44px;
	padding: 0 0 0 18px;
}
#submenu li.green {
	background:#a5b193 url(../images/bulletgreen.gif) no-repeat 44px 13px;
	border-top:1px dotted #3b3332;
	border-bottom:1px dotted #3b3332;
	margin:0 0 13px 0;
	padding:8px 0 0 62px;
	font-weight:bold;
	width:163px;
}
#submenu li.orange {
	background:#F8F3D6 url(../images/bulletorange.gif) no-repeat 44px 13px;
	border-top:1px dotted #3b3332;
	border-bottom:1px dotted #3b3332;
	margin:0 0 13px 0;
	padding:8px 0 0 62px;
	font-weight:bold;
	width:163px;
}
#submenu li a {
	color: #3b3332;
	text-decoration: none;
}
#submenu li a:hover { text-decoration: underline; }
#submenu ul ul {
	list-style: disc outside;
	margin: 6px 0 12px 14px;
	padding: 0;
}
#submenu ul ul li {
	background-image: none;
	line-height: 15px;
	margin: 0 0 6px 0;
	padding: 0;
}
#submenu p {
	font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 11px 44px;
	padding: 0;
}

/* =Content
-------------------------*/
#content {
	margin: 0 1px 0 0;
	padding: 0;
	float: right;
	display: inline;
	width: 516px;
	text-align: justify;
}
#content div.info {
	background-color: #f8f3d6;
	display: block;
	margin: 0 27px 12px 18px;
	padding: 5px 10px 5px 20px;
	border: dotted #3b3332;
	border-width: 1px 0;	
}
#content h2 {
	color: #5f6b4d;
	font: bold 24px/34px Myriad, "Century Gothic", "AvantGarde Bk BT", Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 18px 0;
	padding: 0;
}
#content h3 {
	color: #5f6b4d;
	font: bold 18px/18px Myriad, "Century Gothic", "AvantGarde Bk BT", Arial, Helvetica, Verdana, sans-serif;
	margin: 18px 0 9px 0;
	padding: 0;
}
#content h4 {
	color: #5f6b4d;
	font: bold 16px/18px Myriad, "Century Gothic", "AvantGarde Bk BT", Arial, Helvetica, Verdana, sans-serif;
	margin: 9px 9px 18px 0;
	padding: 0;
}
	#content h4 a {
	text-decoration: underline;
	color: #5f6b4d;
}
#content p {
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 9px 12px 0;
	padding: 0;
}
#content p.hint {
	display: block;
	padding: 5px 10px;
	margin-bottom: 24px;
	background-color: #f8f3d6;
	border-bottom: 1px dotted #3b3332;
	border-top: 1px dotted #3b3332;
}
#content p.info {
	background: #f8f3d6 url(../images/info.jpg) no-repeat 10px 10px;
	display: block;
	margin: 0 27px 12px 18px;
	padding: 5px 10px 5px 76px;
	border: dotted #3b3332;
	border-width: 1px 0;
}
#content p.rightarrow {
	background: transparent url(../images/rightarrow.jpg) no-repeat 0 6px;
	display: block;
	margin: 0 27px 12px 18px;
	padding: 0 0 0 66px;
}
#content p.areacode {
	font-weight:bold;
	text-align: right;
	margin-right: 42px;
}
#content p.stop {
	background: transparent url(../images/stopsign.jpg) no-repeat center left;
	display: block;
	margin: 0 27px 12px 18px;
	padding: 0 0 0 66px;
}
#content p a {
	font-weight: bold;
	text-decoration: underline;
	color: #5f6b4d;
}
#content em {
	font-style: normal;
	text-decoration: underline;
}
#content q {
	display: block;
	margin: 18px 36px;
	padding: 0;
	font-weight: bold;
	font-style: italic;
}
#content q:before, #content q:after {
	content: "";
}
#content address {
	font: normal bold 12px/18px Arial, Helvetica, Verdana, sans-serif;
	display: block;
	margin: 18px 36px;
	padding: 0;
}
#content address a {
	font-weight: bold;
	text-decoration: underline;
	color: #5f6b4d;
}
#content ol {
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	color: #3b3332;
	margin: 0 36px 18px 54px;
	padding: 0;
}
#content ol li {
	margin-bottom: 9px;
}
#content ul {
	list-style: disc outside;
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	color: #3b3332;
	margin: 0 36px 18px 54px;
	padding: 0;
}
#content ul li {
	margin-bottom: 9px;
}
#content ul li a {
	font-weight: bold;
	text-decoration: underline;
	color: #5f6b4d;
}
#content ul ul {
	margin: 18px 0 18px 36px;
}
#content ol ol {
	margin: 18px 0 18px 36px;
	list-style-type: lower-alpha;
}
#content img { margin-bottom: 8px; }
#content a img { border: none; }
#content span.insidernewsletter {
	float: left;
	display: inline;
	width: 158px;
	text-align: center;
	margin: 0 12px 27px 2px;
	font: bold 10px/14px Arial, Helvetica, Verdana, sans-serif;
}
#content span.insidernewsletter img, #content span.boardofcommissioners img { padding-bottom: 9px; margin: 0 auto; }

/* =MHA Properties
-------------------------*/
.fls {
	border-top: dotted 1px #c4a549;
	width: 506px;
	padding: 10px 0;
}
.fls img { float: left; }
.fls div.flsinfo {
	width: 315px;
	margin-left: 180px;
	position:relative;
}
.fls div.flsinfo span {
	position:absolute;
	top: 0;
	right: 0;
	font: bold 10px/12px Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
	color: #5f6b4d;
	cursor: pointer;
}
.fls h4 {
	color: #5f6b4d;
	font: bold 14px/18px Myriad, "Century Gothic", "AvantGarde Bk BT", Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
}
#content table.flsdetails {
	border-top: 0;
	border-bottom: 0;
	background-color: transparent;
	padding: 0;
	margin: 40px 0 0 0;
	width: 486px;
}
#content table.flsdetails table { margin-top: 5px; margin-bottom: 0; }
#content table.flsdetails p {
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}
#content table.flsdetails2 {
	border-top: 0;
	border-bottom: 0;
	background-color: transparent;
	padding: 0;
	margin: 20px 0 0 0;
	width: 486px;
}
#content table.flsdetails2 table { margin-top: 5px; margin-bottom: 0; }
#content table.flsdetails2 p {
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

/* =Board of Commissioners
-------------------------*/
#content div#boc {
	clear: both;
}
#content span.boardofcommissioners {
	float: left;
	display:inline;
	width: 130px;
	text-align: center;
	background-color: #f8f3d6;
	margin: 11px 8px;
	padding: 10px;
	border: solid 1px #8f997e;
	font: bold 10px/14px Arial, Helvetica, Verdana, sans-serif;
}
#content div#director img {
	background-color: #f8f3d6;
	margin: 11px 0 27px 8px;
	padding: 10px;
	border: solid 1px #8f997e;
}
#content div#director p {
	margin: 18px 0;
}

/* =Available Positions
-------------------------*/
#content div.one_slide, #content div.two_slide, #content div.three_slide, #content div.four_slide, #content div.five_slide, #content div.six_slide, #content div.seven_slide, #content div.eight_slide, #content div.nine_slide, #content div.ten_slide {
	border-bottom: 1px solid #3b3332;
	background-color: #f8f3d6;
	padding: 10px;
	margin: 0 10px 18px 0;
}
#content p span.one_toggle, #content p span.two_toggle, #content p span.three_toggle, #content p span.four_toggle, #content p span.five_toggle, #content p span.six_toggle, #content p span.seven_toggle, #content p span.eight_toggle, #content p span.nine_toggle, #content p span.ten_toggle {
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #3b3332;
	padding-left: 20px;
}

/* =Table
-------------------------*/
table {
	background-color: #fff;
	border-top: 1px solid #3b3332;
	border-bottom: 1px solid #3b3332;
	margin: 0 auto 18px auto;
}
th, td {
	
	
	font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	padding: 5px;
	width: 100px;
	height: inherit;
	text-align: center;
}
th {
	background-color: #8e9a7d;
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #3b3332;
	vertical-align: bottom;
}
tr.even {
	background-color: #f8f3d6;
}
td { vertical-align: middle; }
td.location { width: 125px; }
td.date { width: 175px; }
td.contact { width: 195px; text-align: left; }
td.contactshort { text-align: left; }
td.position { width: 220px; text-align: left; }
td.phone { width: 115px; text-align: left; }

/* =Tagline
-------------------------*/	
span#tagline {
	background: #8e9a7d url(../images/tagline.jpg) no-repeat top left;
	width: 746px;
	height: 69px;
	display: inline-block;
	text-indent: -99999px;
	margin: 11px 0 18px 2px;
	padding: 0;
	float: left;
}

/* =Footer
-------------------------*/
#footer {
	margin: 0 0 0 1px;
	padding: 0 0 18px 0;
	background: #5f6b4d url(../images/dottedborder.jpg) no-repeat top left;
	width: 748px;
	clear: both;
	border-bottom: solid 1px #e6deb1;
}
#footer p#textlinks {
	color: #c4a549;
	font: normal 11px/16px Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0 0 0;
}
#footer p#textlinks a {
	color: #fff;
	text-decoration: none;
}
#footer p {
	color: #fff;
	font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	margin: 16px 0 0 21px;
	padding: 0;
}
#footer span {
	float: right;
	display:inline-block;
	width: 52px;
	height: 55px;
	text-indent: -99999px;
	margin: 14px 21px 0 0;
	padding: 0;
	background: #5f6b4d url(../images/eho.gif) no-repeat top right;
}

/* =HACKS HACKS EVIL HACKS
-------------------------*/
.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 */