/* CSS for  */

* {
	margin: 0;
	padding: 0;
}
body {
  font: 62.5% Helvetica, Arial, sans-serif;
	text-align: center;
	background: #d9d9d9;
	color: #444444;
}


/* Global Styles */

a, a:link { color: #bf2c37; text-decoration: underline; }
a:hover { text-decoration: none;  }

a.red-button {
	display: block;
	width: 222px;
	height: 41px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.8em;
	text-decoration: none;
	background: url('http://www.goodhousing.org/images/button-rollover.gif') top left;
}
a.red-button span { display: block; padding-top: 7px; }
a.red-button:hover,
a:link.red-button:hover { background-position: bottom left; text-decoration: none; }


h1 {
	color: #8287c2;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 25px 0;
}
h2 {
	color: #2c4a9f;
	font-size: 1.2em;
  padding: 0 0 5px 0;
}
h2 a, h2 a:link { color: #2c4a9f; text-decoration: none; }
h2 a:hover { color: #bf2c37; }

h3 {
	color: #444444;
	font-size: 1.1em;
  padding: 5px 0 0 0;
}

table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; color: #2c4a9f; }
textarea { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; color: #2c4a9f; }
ul, ol { margin: 10px 0 15px 35px; }
li { margin: 0 0 15px 0; line-height: 1.2em; }
p { margin: 0 0 15px 0; padding: 0; }
hr { margin: 0 0 15px 0; padding: 0; border: 0; border-bottom: 1px solid #444444; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 so we use .11 beacuse it's so different */
.large { font-size: 1.2em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

img { border: 0; }
img.l { margin: 5px 10px 0 0; border: 3px solid #8287c2; }
img.r { margin: 5px 0 0 10px; border: 3px solid #8287c2; }

.email_confirm, .hide, .hideme { display: none; }


/* Site Colors */

.black { color: #000000; }
.gray, .grey { color: #666666; }
.white { color: #FFFFFF; }
.red { color: #bf2c37; }
.blue { color: #2c4a9f; }
.light-blue { color: #8287c2; }


/* Navigation */

#nav {
	clear: both;
	float: right;
	margin: 0;
	padding: 46px 0 0 0;
	font-size: 1.5em;
	font-weight: bold; 
  position: relative;
  z-index: 999;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul li { /* all list items */
	margin: 0 15px 0 15px;
	padding: 0;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav ul li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0 0 10px 0;
	color: #bf2c37;
	text-decoration: none;
	color:#8287c2; /*purple*/

}
#nav ul li a:hover { color: #BF2C37; /*red*/}
#nav ul li.last { margin-right: 0; }

#nav ul li ul { /* second-level lists */
	position: absolute;
	background: #d9d9d9;
	width: 200px;
	left: -999em;
	padding: 0;
	margin: -10px 0 0 0 ;
	z-index: 9999;
	font-size: .89em;
	border-top: 2px solid #bf2c37;
}
#nav ul li.last ul { margin-left: -82px; }
#nav ul li ul li {
	padding: 0;
	margin: 0;
	width: 200px;
}
#nav ul li ul li a {
	color:#8287c2; 
	padding: 5px;
	margin: 0;
	color:#BF2C37;
}
#nav ul li ul li a:hover { color: #FFFFFF; background: #bf2c37; }
	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

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


#top-nav {
	float: right;
	text-align: right;
	width: 245px;
}
#top-nav ul {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	list-style-type: none;
}
#top-nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #bf2c37; 
}
#top-nav ul li a {
	margin: 0 4px 0 4px;
	padding: 0;
	color: #bf2c37;
	text-decoration: none;
}
#top-nav ul li a:hover { color: #8287c2; text-decoration: underline; }
#top-nav ul li.last { border-right: 0; }
#top-nav ul li.last a { margin-right: 0; }


#footer ul {
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style-type: none;
}
#footer ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #bf2c37; 
}
#footer ul li a {
	margin: 0 5px 0 5px;
	padding: 0;
	color: #bf2c37;
	text-decoration: none;
}
#footer ul li a:hover { color: #8287c2; text-decoration: underline; }
#footer ul li.last { border-right: 0; }
#footer ul li.first a { margin-left: 0; }


/* Layout */

.wrap {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

.padding { text-align: left; }

#header { 
	height: 172px;
	border-bottom: 1px solid #FFFFFF; 
}
.home-header { 
	background: url('http://www.goodhousing.org/images/bg-header.gif') bottom repeat-x #FFFFFF; 
}
.int-header { 
	border-bottom: 2px solid #a6aab6;
	background: #FFFFFF; 
}
#header .padding { padding: 20px 0 0 0; }

#logo {
	position: absolute;
	margin: 0 0 0 20px;
}	

#tagline {
	width: 355px;
	margin: 0 0 0 225px;
	font-size: 3em;
	color: #8287c2;
}
#phone {
	font-size: 2.4em;
	color: #8287c2;
}

#banner {
	height: 218px;
	border-bottom: 1px solid #FFFFFF;
	background: url('http://www.goodhousing.org/images/bg-banner.gif') top left repeat-x #989cc8;
}
#home-flash { 
	float: left; 
	position: relative; 
	margin-top: -67px; 
	outline: none; 
	border: 0;	
	
	}
object { 
	outline: none; 
	border: 0;
	}
	
#home-banner {
	height: 218px;
	background: url('http://www.goodhousing.org/images/banner-house.jpg') top left no-repeat;
}

#homepage-man { 
	float: left;
	position: relative; 
	width: 217px; 
	margin: -67px 0 0 200px; 
}

#quote {
	float: left;
	width: 335px;
	margin: 0 0 0 145px;
	text-align: left;
	line-height: 3em; 
}
#quote p { margin: 0; padding: 0;  }
#quote p .quote-left { 
	float: left;
	display: block;
	line-height: 48px;
	padding-right: 2px;
	font-size: 1.8em;
}
#quote p .quote-right { }
#quote p.text { 
	padding: 40px 0 0 0;
	color: #FFFFFF;
	font-size: 2.2em;
}
#quote p.author { 
	color: #cccee4; 
	font-size: 1.6em; 
	font-weight: bold; 
	padding-left: 12px;
} 

#content {
	clear: both;
	padding: 35px 0 35px 0;
	background: url('http://www.goodhousing.org/images/bg-content.gif') top repeat-x #FFFFFF;
}

#home-content {
	float: left;
	width: 390px;
	margin-right: 28px;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.6em;
}
#home-right {
	float: left;
	width: 480px;
	padding: 15px 0 0 0;
	text-align: left;
}
#home-right img { border: 0; }
#home-buttons {
	height: 65px;
	background: url('http://www.goodhousing.org/images/separator.jpg') bottom center no-repeat;
}
#home-callouts { 
	clear: both; 
	padding-top: 10px; 
	line-height: 2.4em 
}
#home-callouts h2 {
	color: #bf2c37; 
	font-size: 1.6em;
}
#home-callouts #feedback {
	float: left;
	width: 242px;
	margin: 0;
	border-right: 1px solid #b3b3b3;
}
#home-callouts #feedback a { color: #a1a1a1; font-size: 1.1em; text-decoration: none; }
#home-callouts #feedback a:hover { color: #bf2c37; text-decoration: underline; }
#home-callouts #feedback img.l { margin: 0 15px 0 0; }

#home-callouts #enewsletter {
	float: left;
	margin: 0 0 0 10px;
	width: 225px;
}
#home-callouts #enewsletter img.l { margin: 12px 5px 0 0; }
#home-callouts #enewsletter form { padding-top: 5px; }
#home-callouts #enewsletter input { float: left; }
#home-callouts #enewsletter input.text { width: 90px; border: 1px inset #555555; }
#home-callouts #enewsletter input.submit { padding: 0; margin-top: -3px; width: 58px; height: 32px; }


#int-callouts { 
	clear: both; 
	line-height: 2.4em 
}
#int-callouts h2 {
	color: #bf2c37; 
	font-size: 1.6em;
}
#int-callouts #feedback {
	float: left;
	width: 222px;
	margin: 0;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #c6c6c6;
}
#int-callouts #feedback a { color: #a1a1a1; font-size: 1.1em; text-decoration: none; }
#int-callouts #feedback a:hover { color: #bf2c37; text-decoration: underline; }
#int-callouts #feedback img.l { margin: 0 15px 0 0; }

#int-callouts #enewsletter {
	float: left;
	width: 222px;
	padding: 15px 0 15px 0;
}
#int-callouts #enewsletter img.l { margin: 12px 5px 0 0; }
#int-callouts #enewsletter form { padding-top: 5px; }
#int-callouts #enewsletter input { float: left; }
#int-callouts #enewsletter input.text { width: 90px; border: 1px inset #555555; }
#int-callouts #enewsletter input.submit { padding: 0; margin-top: -3px; width: 58px; height: 32px; }

.resources {
	float: left;
	margin-bottom: 15px; 
}
.resources-block {
	float: left;
	width: 660px;
  margin: 0 0 0 20px;
}
.resources-block div {
	float: left;
	padding: 4px;
	margin: 2px 0 2px 0;
	line-height: 1em;
	font-size: .89em;
	padding-right: 10px;
	background: #EEEEEE;
}

.resources-block .name { width: 240px; font-weight: bold; }
.resources-block .location { width: 220px; }
.resources-block .phone { width: 130px; text-align: right; }

.resources-block .wide { width: 474px; }

#int-content {
	float: left;
	width: 655px;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.6em;
}
#int-right {
	float: left;
	width: 222px;
	text-align: left;
	margin-left: 20px;
}
#int-right img { border: 0; }
#footer {
	clear: both;
	padding: 20px 0 0 0;
	color: #838383;
	font-size: 1.2em;
	background: url('http://www.goodhousing.org/images/bg-footer.gif') top repeat-x;
}
#footer p {
	clear: both;
	padding: 7px 0 0 0;
	text-align: left;
}
#bwm-copy { } /* The main content should be inside this div */

a.bwm { color: #838383; text-decoration: none; } /* Typically this should match the color of the text in the footer so it doesn't 'stand out' */
a.bwm:hover { color: #3f8aca; text-decoration: underline; } /* Blue Water Blue for hover */


h2.toggle-link {
  padding-left: 20px;
	background: url('http://www.goodhousing.org/images/plus.gif') 0px 3px no-repeat;
}
h2.active { background: url('http://www.goodhousing.org/images/minus.gif') 0px 3px no-repeat; }
.toggle-container {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	border-top: 1px solid #c6c6c6;
}
.newsletter {
  float: left;
  width: 163px;
  text-align: center;
  font-weight: bold;
}
.newsletter a { text-decoration: none; }
.newsletter a:hover { color: #2c4a9f; }
.newsletter a img { border: 3px solid #8287c2; }
.newsletter a:hover img { border: 3px solid #bf2c37; }

#blog-right { font-size: 1.2em; }

#blog-right h3 {
	color: #2c4a9f;
	font-size: 1.4em;
  padding: 0 0 5px 0;
  margin: 0;
}
#blog-right ul {
  margin: 0 0 15px 25px;
  padding: 0;
}
#blog-right ul li {
  margin: 0;
  padding: 0 0 5px 0;
}

.post { padding: 0 0 25px 0; color: #999999; }
.post .entry { color: #444444; }

.post-header { margin: 0; padding: 0 0 10px 0; }
.post-header p { margin: 0; padding: 0; }
.post-title { 
	color: #2c4a9f;
	font-size: 1.6em;
  font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0; 
}
.post-title a { color: #2c4a9f; text-decoration: none; }
.post-title a:hover { color: #bf2c37; text-decoration: underline; }

.post-date { color: #8287c2; margin: 0 0 5px 0; padding: 0; }
.post-footer { 
  clear: both;
  color: #8287c2;
  text-align: center;
  padding: 5px 0 35px 0;
  line-height: normal;
  font-size: .89em;
}
p.postmetadata { font-size: 12px; text-align: center; color: #999999; padding-top: 10px; clear: both; }
p.postmetadata small { font-size: 12px; }

.post h2 { clear: both; }
.alignleft { float: left; padding-bottom: 20px; }
.alignright { float: right; padding-bottom: 20px; }
.avatar { display: none; }

a.habla-espanol {
  display: block;
  width: 84px;
  height: 68px;
  background: url('http://www.goodhousing.org/images/habla-espanol.png') top left no-repeat;
  position: absolute;
  margin: -75px 0 0 390px;
}
a.habla-espanol img { display: none; }
a.habla-espanol:hover { background: none; }
a.habla-espanol:hover img { display: block;  }

dt {
  clear: both;
  float: left;
  width: 100px;
  margin: 0 0 3px 35px;
  font-weight: bold;
  color: #8287c2;
}
dd { float: left; margin: 0 0 3px 0; }

#board-nav {
  float: left;
  padding: 0 0 25px 30px;
  text-align: center;
}
#board-nav a {
  display: block;
  float: left;
  margin: 3px;
  padding: 2px 6px 2px 6px;
  background: #8287c2;
  color: #FFFFFF;
  font-size: .89em;
  border: 1px solid #2c4a9f;
  text-decoration: none;
}
#board-nav a:hover { background-color: #2c4a9f; }

#login label {
	clear: both;
	float: left;
	font-weight: bold;
	width: 80px;
	margin: 0 10px 5px 0;
}
#login input { float: left; margin: 0 10px 5px 0; }