/* ------------------------- 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 {
	padding: 0;
	width: 745px;
	position : relative;
	height : 100px; 
	background: #fff;
	z-index: 5; 
}

#content_left {
	float: left;
	width: 520px;
}

#content_right {
	float: right;
	width: 225px;
	text-align: left;
}



/* ---- =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;
}

blockquote > p:first-child {
	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 {
	position: relative;
	text-align: left;
	height: 474px;
	width: 745px;
	background: url(../images/divphotos_bck.jpg) top left repeat-x;
}

#photo .homeimages {
	position: absolute;
	top: 10px;
	left: -35px;
	height: 311px;
	width: 818px;
}


	
/* ---- =NAVIGATION ---- */

#nav_main { 
	position : relative;	
	width: 745px;
	height : 20px;
	background:#FFFFFF;
	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 : absolute;
	left: 0px;
	top: 122px;
	width: 745px;
	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) ---- */

#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 : relative ;
	width: 100%
}
	
#briefs li { 
	position : relative; 
	width : 95%; 
	padding-bottom : 15px; 
}
	
#briefOne, #briefTwo, #briefThree {
	margin-left: 20px;
}

#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_right h4 {
	text-align: center;
	
}

#content_right h4 img{
	padding-bottom: 5px;
	border-bottom: solid 1px #DEDEDE;
}

.callout_two {
	text-align: center;
	
}
.callout_two img {
	border-bottom: solid 1px #DEDEDE;
	padding: 5px 0 5px 0;
}

.callout_three, .callout_three_bot {
	text-align: center;
}

.callout_three {
	padding-top: 5px;
	padding-bottom: 10px;
}

.callout_three_bot {
	padding-top: 5px;
	padding-bottom: 30px;
}


/* ---- =FOOTER ---- */ 

#footer {
	clear: both;
	height: 60px;
	background-color: #C6C49B;
	width: 100%;
}


#flogos {
	position: relative;
	top: 0px;
	left: 10px;
	width: 300px;
}

#flogos li {
	display: inline;
}


#footer p {
	font-size: 90%;
	text-align: right;
	position: relative;
	top: 5px;
	right: 10px;
}