@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; background-image: url('../images/background.jpg'); background-position: top center; background-repeat: repeat-y;background-color: #333; /* This next one is for IE6 */ background-attachment: fixed; font-family: Verdana, Geneva, sans-serif; font-size: 12px;}

h1 {font-size: 22px; color: #006699; margin: 0 0 0 10px; padding: 0; line-height: 50px; font-weight: normal;}
h2 {font-size: 18px; color: #5CBC51; margin: 0; padding: 0; font-weight: normal;}
h3 {font-size: 16px; color: #5CBC51; margin: 0; padding: 0 0 0 10px; line-height: 24px; font-weight: bold;}
h4 {font-size: 14px; color: #006699; margin: 0; padding: 0 0 0 12px; line-height: 22px; font-weight: bold;}

p, a {margin: 0; padding: 0;}

div.hr_01 {display: block; float: left; width: 100%; height: 5px; margin: 0 0 10px 10px; padding: 0; background-color: #5CBC51;}
div.hr_02 {display: block; float: left; width: 95%; height: 5px; margin: 0 0 10px 10px; padding: 0; background-color: #5CBC51;}
div.hr_03 {display: block; float: left; width: 100%; height: 1px; margin: 15px 0 10px 10px; padding: 0; background: url('../images/hr_03.gif') repeat-x top left;}

#head {width: 100%; height: 200px; margin: 0 auto; padding: 0; background-image: url('../images/head-trans.png'); background-repeat: repeat-x;}
#header {width: 860px; height: 150px; margin: 0 auto; padding: 0;}
#header img {border: 0;}

#container {width: 860px; height: auto; margin: 0 auto; padding: 0;}
#content-top {width: 860px; height: 25px; background-image:url('../images/content_top-trans.png'); background-repeat:no-repeat; margin: 0; padding: 0; float: left; display: inline;}
#content-mid {width: 860px; height: auto; background-image:url('../images/content_mid-trans.png'); background-repeat:repeat-y; margin: 0; padding: 0; float: left; display: inline; }
#content-bottom {width: 860px; height: 25px; background-image:url('../images/content_bottom-trans.png'); background-repeat:no-repeat; margin: 0; padding: 0; float: left; display: inline; }

#leftColumn {width: 580px; margin: 0 0 0 15px; padding: 0; float: left; display: inline;}
#leftColumn a {color: #006699; font-weight: normal;}
#leftColumn a:hover {color: #5CBC51;}

#leftColumn_internal {width: 800px; margin: 0 0 0 15px; padding: 0 0 5px 0; float: left; display: inline;}
#leftColumn_internal a {color: #006699; font-weight: normal;}
#leftColumn_internal a:hover {color: #5CBC51;}
#leftColumn_internal h3 a {font-weight: bold; color: #5CBC51; text-decoration: none;}
#leftColumn_internal h3 a:hover {font-weight: bold; color: #006699; text-decoration: none;}

#leftColumn_internal a img {border: none; padding: 10px;}

#leftColumn_internal p {margin: 0; padding: 0 0 15px 12px; line-height: 18px;}
#leftColumn_internal span.picWrap_R {display: inline; float: right; width: auto; height: auto; margin: 0; padding: 0 0 10px 18px; text-align: left; font-size: 10px; color: #006699;}
#leftColumn_internal span.picWrap_R img {margin: 0 0 3px 0; padding: 3px; border: 2px solid #006699;}
#leftColumn_internal span.picWrap_L {display: inline; float: left; width: auto; height: auto; margin: 0; padding: 0 18px 10px 0; text-align: left; font-size: 10px; color: #006699;}
#leftColumn_internal span.picWrap_L img {margin: 0 0 3px 0; padding: 5px; border: 2px solid #006699;}
#leftColumn_internal ul {margin: 0 0 0 20px; padding: 0 0 0 12px; line-height: 18px; list-style-type: disc;}
#leftColumn_internal ul li {margin: 0; padding: 0;}
#leftColumn_internal ul li ul {list-style-type: circle;}
#leftColumn_internal ul li ul li ul {list-style-type: square;}

#leftColumn_internal ol {margin: 0 0 0 40px; padding: 0 0 0 12px; line-height: 18px;}
#leftColumn_internal ol li {margin: 0; padding: 0;}

#leftColumn_internal table.chart {margin: 10px 0 0 15px; padding: 0; border: 1px solid #E5E5E5;}
#leftColumn_internal table.chart tr.highlight {background-color: #E5E5E5;}
#leftColumn_internal table.chart tr.highlight_2 {background-color: #EBF8FF;}
#leftColumn_internal table.chart td {padding: 5px;}

#leftColumn_internal table.chart_2 {margin: 10px 0 0 40px; padding: 0; border: 0 solid #E5E5E5;}
#leftColumn_internal table.chart_2 tr.highlight {background-color: #EBF8FF;}
#leftColumn_internal table.chart_2 td {padding: 4px;}

#leftColumn_internal div.half_width {display: block; float: left; width: 50%; height: auto;}

div.googleMap {display: block; float: left; width: auto; height: auto; margin: 10px 0 30px 35px; padding: 5px; border: 1px solid #5CBC51;}

/* Donate Button */
a#donate_header {display: block; float: right; width: 256px; height: 66px; margin: 50px 0 0 0; padding: 0; background: url('../images/donate_button-trans.png') no-repeat top left;}
a:hover#donate_header {background-position: bottom left; cursor: pointer;}
a#donate_body {display: block; width: 256px; height: 66px; margin: 15px 0 0 0; padding: 0; background: url('../images/donate_button-trans.png') no-repeat top left;}
a:hover#donate_body {background-position: bottom left; cursor: pointer;}
/* Restore Button and HH(home) Button */
a#restore_button {display: block; float: right; width: 325px; height: 89px; margin: 68px 50px 0 0; padding: 0; background: url('../images/restore_button-trans.png') no-repeat top left;}
a:hover#restore_button {cursor: pointer;}
a#home_button {display: block; float: left; width: 364px; height: 72px; margin: 81px 0 0 0; padding: 0; background: url('../images/home_button-trans.png') no-repeat top left;}
a:hover#home_button {cursor: pointer; background-position: top right;}

/* Restore Section Navigation */
#restoreNav {width: 100%; height: auto; margin: 0; padding: 0;}
#restoreNav ul {display: block; float: right; width: auto; height: auto; margin: 8px 6px 0 0; padding: 0; list-style: none;}
#restoreNav ul li {display: block; float: right; width: auto; height: auto; margin: 0; padding: 0 0 10px 0;}
#restoreNav ul li a {
	display: block; float: right; width: 240px; height: auto; margin: 0; padding: 10px 0 8px 0; border: 1px solid #D9D9D9; background-color: #F1F2F3;
	color: #5CBC51; font-size: 22px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none;}
#restoreNav ul li a:hover {text-decoration: none; cursor: pointer; color: white; background-color: #5CBC51;}
#restoreNav ul li a.current {background-color: #006699; color: white;}
#restoreNav ul li a.current:hover {text-decoration: none; cursor: pointer; color: white; background-color: #5CBC51;}

/* Restore Section Styles */
#leftColumn_restore {width: 580px; margin: 0 0 0 15px; padding: 0 0 20px 0; float: left; display: inline;}
#leftColumn_restore a {color: #006699; font-weight: normal;}
#leftColumn_restore a:hover {color: #5CBC51;}
#leftColumn_restore p {margin: 0; padding: 0 25px 15px 12px; line-height: 18px;}
#leftColumn_restore h3 a {font-weight: bold; color: #5CBC51; text-decoration: none;}
#leftColumn_restore h3 a:hover {font-weight: bold; color: #006699; text-decoration: none;}
#leftColumn_restore ul {margin: 0 0 0 20px; padding: 0 0 0 12px; line-height: 18px; list-style-type: disc;}
#leftColumn_restore ul li {margin: 0; padding: 0 25px 0 0;}
#leftColumn_restore ol {margin: 0 0 0 40px; padding: 0 0 0 12px; line-height: 18px;}
#leftColumn_restore ol li {margin: 0; padding: 0;}
#leftColumn_restore div.half_width {display: block; float: left; width: 50%; height: auto;}
#leftColumn_restore div.half_width p {margin: 0; padding: 0 0 10px 10px; font-size: 10px; line-height: 14px;}

div.rotPicture {display: block; float: left; width: 570px; height: 370px; margin: 0; padding: 0; background: url('../images/rotImgBG.jpg') no-repeat top left; z-index: 0;}
div.rotPicture img {margin: 10px 0 0 10px; padding: 0;}

#howToHead {width: 572px; height: 50px; margin: 0; padding: 0 0 0 8px; background-image: url('../images/howToHeader.jpg'); background-repeat:no-repeat; float: left; display: inline;}
#howToMid {width: 572px; height: auto; margin: 0; padding: 0 0 0 8px; float: left; display: inline; }
#howToMid p {margin: 0 10px 0 10px; padding: 0; color: #666666; font-size: 11px; line-height: 18px;}
#howToFoot {width: 572px; height: 50px; margin: 0; padding: 0 0 0 8px; background-image: url('../images/howToFooter.jpg'); background-repeat:no-repeat; float: left; display: inline;}
#howToFoot a {margin: 0; padding: 0 15px 10px 0; line-height: 40px; color: #5CBC51; font-weight: bold; text-decoration: underline; float: right;}
#howToFoot a:hover {color: #006699;}
#column1  {width: 185px; float: left; margin: 0; padding: 0;}
#column2  {width: 185px; float: left; margin: 0; padding: 0;}
#column3  {width: 185px; float: left; margin: 0; padding: 0;}
#rightColumn {width: 250px; height: auto; margin: 5px 15px 0 0; padding: 0; float: left; display: inline; }
#newsEvents {width: 100%; height: 370px; margin: 0; padding: 0;}
#newsEvents a {color: #006699; font-weight: bold;}
#newsEvents a:hover {color: #5CBC51;}
#newsEvents p {margin: 10px 15px 0 0; padding: 0; color: #666666; font-size: 11px; line-height: 18px;}
#restore {width: 100%; margin: 0; padding: 0;}
#restore .img {border: none; margin: 50px 0 0 0; padding: 0;}

#footer {width: 860px; height: 100px; margin: 0 auto; padding: 0;}
#footer .left {float: left; margin: 0 0 10px 0; padding: 0;}
#footer p {color: #fff; font-size: 11px; text-decoration: none; line-height: 14px; margin: 0 0 0 15px; padding: 0; }
#footer a {color: #fff; font-size: 11px; text-decoration: none; line-height: 14px; margin: 0; padding: 0;}
#footer a:hover {color: #fff; font-size: 11px; text-decoration: underline; line-height: 14px; margin: 0; padding: 0;}
#footer .img {float: right; margin: 0 15px 0 10px; padding: 0; border: none;}

/* Equal Housing Opportunity Logo */
div#eho_logo {display: block; width: auto; min-width: 82px; height: auto; min-height: 55px; margin: 0; padding: 0; font-size: 10px; font-weight: bold; text-align: center; color: #5CBC51; text-transform: uppercase;}

div#navigation {width: 860px; height: 50px; background-image: url('../images/navigation_2-trans.png'); background-repeat: no-repeat; margin: 0 auto; padding: 0; text-transform: uppercase;}

/* Begin CSS Popout Menu */
div#navigation ul {display: block; float: left; width: auto; margin: 0; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; z-index: 100;}
div#navigation ul li {display: inline; float: left; position: relative; width: auto; height: 26px; margin: 2px 0 0 0; padding: 14px 0 0 0; border: 1px solid #CCCCCC; border-width: 0 1px 0 0; z-index: 200;}
div#navigation ul li a {margin: 0; padding: 0 11px 0 11px; color: #2072A5; text-decoration: none;}
div#navigation ul li a:hover {color: #5CBC50; text-decoration: none;}
div#navigation ul li#last {border: 0 solid #CCCCCC;}
div#navigation ul li#last a {color: white; text-transform: none; padding-left: 33px;}
div#navigation ul li#last a:hover {color: #5CBC50;}
div#navigation ul li#first a {padding-left: 14px;}
div#navigation ul ul {display: none; position: absolute; top: 41px; left: 0; width: 230px; height: auto; margin: 0; padding: 0; z-index: 300;}
div#navigation ul ul li {display: block; float: left; width: 230px; height: auto; margin: -1px 0 0 0; padding: 12px 0 12px 0; border: 1px solid #CCCCCC; background-color: #F1F2F3; z-index: 400;}
div#navigation ul ul li a {color: #2072A5; text-decoration: none;}
div#navigation ul ul ul {top: 0; left: 100%; z-index: 500;}
div#navigation ul ul ul li a {color: #2072A5; z-index: 600;}
div#navigation ul ul ul li a:hover {color: #5CBC50;}
div#navigation li:hover ul ul, div#navigation li li:hover ul ul, div#navigation li li li:hover ul ul, div#navigation li li li li:hover ul ul {display: none;}
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li li li li:hover ul {display: block;}
/* End of non-anchor hover selectors */