/* ------------------------- the Housing Partnership - the cORe - www.thehousingpartnership.org ------------------------- */

/* ---- =RESET ---- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0;}


/* ---- =STRUCTURE ---- */


body { 
	background: #fff url(../images/body_back.jpg) top center repeat-y ;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align : center;
}

	
#container {
	padding:0;
	margin: 0 auto;
	width: 745px;
	text-align:left;
	position:relative; /**/
}

#wrapper {
	background: #fff;
}

#branding {
	width: 100%;
	position : relative;
	height : 100px; 
	z-index : 5; 
}

#content {
	position : relative;
	text-align: left;
	width : 100%;
}
	
#inner_content { 
	position : absolute;
	height: 500px; /* min */
	top: 342px;
	left: 0px; 
	width : 745px;
	background: url(../images/inner_copy_bgrd.jpg) repeat-x;
}

#inner_content_sales { 
	position : absolute;
	height: 500px; /* min */
	top: 322px;
	left: 0px; 
	width : 745px;
	background: #fff url(../images/inner_copy_bgrd.jpg) repeat-x;
}

#content {
	position : relative;
	text-align: left;
	width : 100%;
}

#content_main {
	left : 0; 
	width : 70%; 
}
  
#content_sub { 
	left : 70%;  
	width : 30%; 
	padding : 0; 
}

	
#inner_main {
	 left:0;
	width : 65%;
	margin-top: 20px;
}
  
#inner_sub { 
	left : 65%;  
	width : 35%;
	text-align:left;
	padding-top: 20px;
}

/* ---- =CLEAR_CHILDREN ---- */

.pc,.sc { 
	position : absolute;
	top: 0;
	left: 0; 
	}
.clear_children,.cc_tallest { 
	position: relative; 
	} /*\*/
* html .clear_children {
	display: inline;}/**/
.cc_tallest:after { 
	content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


/* ---- =LINKS ---- */

a:link, a:visited { 
	color: #000; 
}
	
a:hover { 
	color: #CC0000; 
	text-decoration: none;
}

/* ---- =TYPOGRAPHY ---- */

h1 {
	position: relative;
	top:0px;
	left: 0px;
	width: 200px;
	height: 100px;
	background: transparent url(../images/brand.gif) no-repeat 0 0;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}


h2 {
	position: relative;
	width: 224px;
	font: bold 100% Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	
}

h3 {
	position: relative;
	font: bold 130% Georgia, Verdana, sans-serif;
	color: #000000;	
}

blockquote {
	padding-left:10px;
	padding-right:15px;
	background: transparent url(../images/blockquote.gif) no-repeat 10px 2px;
	font: italic 150%/1.5 Georgia, Verdana, sans-serif;
	color:#000;
}

.first {
	text-indent: 22px;
}

.lastwrd {
	padding: 0 22px 0 0;
	background: transparent url(../images/blockquote_end.gif) no-repeat right top;
}

.super {
	font-size: 80%;
	vertical-align: super;
}

.itilac {
	font: italic 100% Verdana, Arial, Helvetica, sans-serif;
}

/* ---- =HEADER ---- */

#global {
	position : absolute;
	top: 10px;
	right: 10px;
	z-index : 10;
	color:#A6B899;
	text-align:right;
	font-size: 90%;
}

#global a:link, #global a:visited {
	text-decoration: none;
	color:#A6B899;
}
	
#global a:hover {
	text-decoration: none;
	color:#000;
}	
	
span.about {
	padding-right: 10px;
}

span.news {
	padding-right: 10px;
}

#donate { 
	position : absolute;
	top : 35px;
	right : -50px;
	width: 95px;
	height: 95px;
	background : transparent url(../images/donate_but.png) no-repeat; 
	text-indent : -9999px; 
}

#donate a {
	display:block;
	width: 95px;
	height: 95px;
	text-decoration: none;
}
	 
	
/* ---- =HOME PHOTO ---- */
#photo .homeimages {
	position: absolute;
	top: 10px;
	left: -35px;
	height: 311px;
	width: 818px;
}


	
/* ---- =NAVIGATION ---- */

#nav_main { 
	position : relative;	
	width: 100%;
	height : 20px;
	background : #fff;
	border-bottom: 1px solid #DEDEDE;
	border-top:1px solid #DEDEDE;
}
	
#nav_items {
	position : absolute;
	top: 3px;
	left: 20px;
	margin: 0; 
}
	
#nav_items li{
	display:inline;
	text-align:left;
	padding-right: 15px;
}

#nav_items .active a{
	text-decoration: none;
	color: #CC0000;
}

#rehab, #rehab a:link, #rehab a:visited, #hcenter, #hcenter a:link, #hcenter a:visited, 
#forsale, #forsale a:link, #forsale a:visited, #community, #community a:link, #community a:visited,
#multi, #multi a:link, #multi a:visited, #nav_items {
	text-decoration: none;
} 

	
/* ---- =SECONDNAV ---- */


#nav_sub { 
	position : relative;
	width: 100%;
	height : 20px;
	background : #CDCD9A;
}
	
#sub_items {
	width: 90%;
	position : absolute;
	top: 3px;
	left: 20px;
	margin: 0; 
}
	
#sub_items li{
	display:inline;
	text-align:left;
	padding-right: 15px;
}
	
#sub_items .active a {
	color: #63634F;
}

#item1, #item1 a:link, #item1 a:visited, #item2, #item2 a:link, #item2 a:visited,
#item3, #item3 a:link, #item3 a:visited, #item4, #item4 a:link, #item4 a:visited,
#item5, #item5 a:link, #item5 a:visited, #item6, #item6 a:link, #item6 a:visited,
#sub_items .active a {
	text-decoration: none;
}
	


/* ---- =TARGETS (HOMEPAGE) ---- */

#photo {
	position: relative;
	height: 474px;
	background: transparent url(../images/divphotos_bck.png) no-repeat 0 0;
}


#targets {
	position : absolute;
	top: 330px;
	width: 100%;
	margin: 0;
}

#targetOne {
	background: transparent url(../images/paint.png) no-repeat;
	position:absolute;
	left:10px;
	top: 0px;
	height:127px;
	width: 224px;
}

#targetTwo {
	background: transparent url(../images/homeowner.png) no-repeat;
	position:absolute;
	left:260px;
	top: 0px;
	height:127px;
	width: 224px;
}

#targetThree {
	background: transparent url(../images/sale.png) no-repeat;
	position:absolute;
	right:10px;
	top: 0px;
	height:127px;
	width: 224px;
}

#targetOne h2, #targetTwo h2, #targetThree h2 {
	font: bold 140% Georgia, "Times New Roman", Times, serif;
	padding: 10px 0px 5px 10px;
}

#targetOne p, #targetTwo p, #targetThree p {
	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px 10px 10px;
}

#targetOne a, #targetTwo a, #targetThree a {
	text-decoration: none;
	font-weight: bold;
}


/* ---- =BRIEFS HOME---- */


#briefs { 
	position : absolute;
	width: 100%
}
	
#briefs li { 
	position : relative; 
	width : 90%; 
	padding-bottom : 15px; 
}
	
#briefOne, #briefTwo, #briefThree {
	margin-left: 20px;
	margin-right: 10px;
}

#briefOne h3, #briefTwo h3, #briefThree h3 {
	padding-bottom: 10px;
}

#briefOne img, #briefTwo img, #briefThree img {
	top : 28px;
	left : 0px;
}

#briefs img {
	position:absolute;
}

#briefOne p, #briefTwo p, #briefThree p {
	 margin-right : 0;
	 padding-left : 115px;
}

#briefOne a, #briefTwo a, #briefThree a {
	 text-decoration: none;
	 font-weight: bold;
}

/* ---- =CALL OUTS HOME---- */

#content_sub {
	position: relative;
	width:204px;
	text-align:center;
}

#content_sub h4 {
	border-bottom: solid 1px #DEDEDE;
}

#content_sub h4 img{
	padding: 5px 0;
}

#content_sub p img{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
}


/* ---- =INtPHOTO ---- */

#inner_photo {
	height: 200px;
}

/* ---- =INtLAYOUT ---- */


#inner_main p {
	color: #656551;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom:15px;
	font: 110%/1.75 Verdana, Arial, Helvetica, sans-serif;
}

#inner_main h2 {
	font: bold 150% Georgia, Arial, Helvetica, sans-serif;
	width: 90%;
	padding-bottom: 7px;
	margin-left: 20px;
} 

#inner_main h3 {
	font: bold 130% Georgia, Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
	padding-top:10px;
	margin-left: 20px;
	color:#660000;
} 

/* ---- =SALES ---- */

#inner_photo_sales{
	position: absolute;
	left:0px;
	top: 122px;
	height: 200px;
}

/* --- =HMOD ---- */

.hmod_photos {
	margin-left: 20px;
	padding-bottom:25px;
}

.hmod_photos li {
	display: inline;
	padding-right: 5px
}

/* --- =PTT ---- */

.ptt_photos {
	margin-left: 3px;
	padding-bottom:10px;
}

.ptt_photos li {
	display: inline;
	padding-right: 5px
}

.galTitle h4{
	color:#86856A;
	font: 160% Georgia, Verdana, sans-serif;
	padding-bottom: 10px;
	font-weight:normal;
}

.partners {
	margin-left: 20px;
	padding-bottom:10px;
}

.partners li {
	padding-bottom: 5px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #656551;
}

#banner {
	padding: 10px 0 10px 0;
	text-align: center;
}

/* --- =NONQUOTE ---- */

.pullTitle {
	color:#86856A;
	font: 160% Georgia, Verdana, sans-serif;
	padding-bottom: 20px;
	padding-left: 5px;
}

#pullnon li{
	font: 130% Georgia, Verdana, sans-serif;
	color:#000;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-left: 5px;
}

#pullnon li a{
	text-decoration: none;
}

/* --- =ELIGIBLE ---- */

#eligible {
	border: 0;
	margin-left:20px;
	margin-bottom:10px;
	width: 230px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	text-align: center;
	
}

#eligible td {
	height: 20px;
	
}

.guideline {
	font-weight: bold;
	color: #000;
	text-align:left;
}

/* --- =HBEDU ---- */

#hbedu {
	border: 0;
	margin-left:20px;
	margin-bottom:10px;
	width: 320px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}

.rowtop {
	width: 120px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	
}

.month {
	width: 120px;
	text-align:left;
}

.thu {
	width: 100px;
	text-align:left;	
}

.sat {
	width: 100px;
	text-align:left;
}

#hbedu td {
	height: 20px;
	
}

.tabletitle{
	font-weight: bold;
	color:#000;
	text-align:left;
}

/* --- =ORIENT ---- */

#orient {
	border: 0;
	margin-left:20px;
	margin-bottom:10px;
	width: 220px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#656551;
	text-align: center;
	
}

#orient td {
	height: 20px;
	
}


/* --- =ABOUT ---- */

.press {
	margin-left: 20px;
	padding-bottom:20px;
}

.press li a{
	font: 110% Verdana, Arial, Helvetica, sans-serif;
}

.press li.pdate {
	font-style:italic;
	padding-bottom:3px;
}

/* ---- =MULTI ---- */
.phone {
	margin-left: 20px;
	padding-bottom:10px;
}

.phone li.pmulti {
	font-style:italic;
	padding-bottom:3px;
}

/* ---- =CONTACT ---- */ 
 #form {
 	float: left;
	margin-left: 50px;
	padding-top: 10px;
}

input, textarea {
  font-size: 12px;
}

label {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

.name {
	padding-bottom: 15px;
	font-weight:bold;
}

.address {
	
	padding-bottom: 15px;
}

.emphasis {
	font-weight:bold;
}

/* ---- =ELIGIBLE ---- */

#eform, #cform {
 	float: left;
	margin: 0 25px;
}

/* ---- =BOD ---- */

#bod {
	margin-left: 20px;
	padding-bottom:15px;
}

#bod li{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #656551;
	padding-bottom:10px;
}


/* ---- =NONPROFIT ---- */

.nonprofit_dis {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
} 

/* ---- =NONPROFIT ---- */
.hpma {
	margin-left: 70px;
	margin-bottom: 15px;
}

.nefar {
	margin: 15px 0px 10px 110px;
}