@charset "iso-8859-1";

/* ---------------------------------------------------------------------------------------------- */
/*  Global BuildingBlocs 1.0.3 stylesheet customized for Durham Housing Authority                 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*  General styles for HTML elements & overall page structure                                     */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


body {
	text-align: center;
	margin: 0;
	padding:0;
	background: #FFF url(../imgs/bg-template.jpg) repeat-x;	
	}

form {
	margin: 0;
	padding: 0;
	}
	
#container {
	width: 750px;
	padding:0;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	height:auto;
	background-color: #FFF;
	border: 1px solid #7D7D7D;
	}

.btn {  
  	color:#404040;
  	font: bold 7pt verdana,arial,helvetica,sans-serif;
  	background:#c9c9c9 url(../imgs/inactive.gif) no-repeat;
  	border:1px solid #AEACA8;
  	padding:2px 4px 1px;
	}

a {
	color:#17467C;
	}

img {
	border:none;
	}

input, select, textarea {
	font: normal 8pt arial,helvetica,sans-serif;
	background-color: #EAEAEA;
	color:#333;
	}

/* --------------------------------------------- */
/*  Masthead                                     */
/* --------------------------------------------- */

#masthead {
	background-image: url(../imgs/template-masthead-bg.jpg);
	width:750px;
	height:121px;
	margin:0;
	}
	
#logo	{
	width:251px;
	height:auto;
	padding:23px 0 0 22px;
	float:left;
	}

#search	{
	width:448px;
	float:right;
	font: normal 8pt arial, helvetica, sans-serif;
	color:#666;
	text-align:right;
	padding: 22px 22px 0 0;
	}
	
#search p {
	margin: 0;
	padding: 0;
	}

/* IMPLEMENTATION NOTE: The A tag styling for search links are implemented down in the Homepage content section */

	
/* --------------------------------------------- */
/*  Main navigation                              */
/* --------------------------------------------- */

#nav {
	width:744px;
	height:34px;
	margin:0 3px 3px 3px;
	}
	
/* --------------------------------------------- */
/*  Main navigation drop lists                   */
/* --------------------------------------------- */

#dropmenudiv {
	position:absolute;
	border:1px solid #AEBCC8;
	border-bottom-width: 0;
	font:normal 8pt arial;
	line-height:18px;
	z-index:1;
	margin:1px 0 0 1px;
	}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 7px;
	border-bottom: 1px solid #AEBCC8;
	padding: 5px 0;
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	color: #414141;
	}

#dropmenudiv a:hover { 
	/*hover background color*/
	background-color: #FFF;
	}

/* --------------------------------------------- */
/*  Homepage content                             */
/* --------------------------------------------- */

#mainstage {
	width:744px;
	height:300px;
	padding:0 3px 0 3px;
	}

#home-image {
	width:510px;
	height:300px;
	float:left;
	/* include 3px left gutter in media files */
	}

#home-news {
	background: #FFF url(../imgs/hmpg-news-bg.jpg) no-repeat;
	width:211px;
	height:255px;
	margin-left:3px;
	padding:0;
	font: normal 8pt arial,helvetica,sans-serif;
	color:#515151;
	padding:45px 10px 0 10px;
	float:left;
	}

#self {
	background: #FFF url(../imgs/selfsuff-callout.jpg) no-repeat;
	width:452px;
	height:75px;
	text-align:left;
	padding:0;
	font: normal 8pt arial,helvetica,sans-serif;
	color:#515151;
	padding:26px 50px 0 248px;
	margin-top:3px;
	}

#impmsg {
	width:460px;
	height:83px;
	text-align:left;
	padding:0;
	font: normal 8pt arial,helvetica,sans-serif;
	color:#111;
	padding:18px 50px 0 240px;
	margin-top:3px;
	}

.im1 {background: #FFF url(../imgs/msg-callout-1.jpg) no-repeat;}
.im2 {background: #FFF url(../imgs/msg-callout-2.jpg) no-repeat;}
.im3 {background: #FFF url(../imgs/msg-callout-3.jpg) no-repeat;}
.im4 {background: #FFF url(../imgs/msg-callout-4.jpg) no-repeat;}

#substage {
	width:744px;
	margin:3px;
	padding-top:3px;
	height:auto;
	background-color:#FFF;
	border-top: 10px solid #B1882E;
	vertical-align:top;
	}

#home-quicklinks {
	width:163px;
	height:253px;
	background: #FFF url(../imgs/bg-quicklinks.jpg) repeat-y;
	vertical-align:top;
	float:left;
	padding: 11px 10px 0 10px;
	}

#home-quicklinks p, #ccol1 p {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
	border-bottom: 1px solid #C5C8BF;
  	color:#515151;
  	font:normal 8pt arial,helvetica,sans-serif;	
	}

#home-callouts {
	width:561px;
	height:264px;
	background:#FFF url(../imgs/bg-callouts.jpg) repeat-y;
	vertical-align:top;
	float:left;

	}

#home-callouts .callout {
	width:167px;
	height:244px;
	margin:0;
	float:left;
	padding:10px;
  	color:#515151;
  	text-align:left;
  	font:normal 8pt arial,helvetica,sans-serif;
	}


.callout-header {
	margin:0;
	padding:0;
  	font:bold 10pt arial,helvetica,sans-serif;
	}


/* --------------------------------------------- */
/*  Drill template content                       */
/* --------------------------------------------- */

#content-table {
	width:744px;
	height:auto;
	padding:0 3px 0 3px;
	}

#ccol1 {
	width:183px;
	height:auto;
	background: #FFF url(../imgs/bg-quicklinks.jpg) repeat-y;
	vertical-align:top;
	padding:0;
	margin:0;
	}

#ccol2 {
	width:561px;
	height:auto;
	vertical-align:top;
	padding:0;
	margin:0;
	}

#snc {
	padding: 0 10px 35px 10px;
	}

#sidebarheader {
	margin-top:10px;
	padding:0;
	}

#pagetools {
	margin-top:23px;
	padding:0;
	}

#pageheader {
	width:369px;
	height:127px;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:20px;
	text-align:left;
	font:normal 10pt arial,helvetica,sans-serif;
	}

#pageimg {
	width:184px;
	height:119px;
	border:1px solid #999;
	padding:3px;
	float:left;
	margin-bottom:20px;

	}

#content {
	width:521px;
	height:auto;
	padding:0 20px;
	font:normal 10pt arial,helvetica,sans-serif;
	line-height:14pt;
	color:#515151;
	margin-bottom:40px;
	}

#content h1 {
	font:bold 11pt arial,helvetica,sans-serif;
	color:#17467C;
	padding:0;
	margin:0;
	}

#doc-downloads, .doc-downloads {
  	width:491px;
  	height:auto;
  	background: #FFF url(../imgs/doc-download-bg.jpg) repeat-x;
    	color:#515151;
  	font:normal 8pt arial,helvetica,sans-serif;
  	line-height:16px;
  	padding:15px;
  	margin-top:20px;
  	float:left;
	}

#doc-downloads .header, .doc-downloads .header {
  	font-weight:bold;
  	color:#515151;
	}
	
#doc-downloads p {
	padding-bottom:7px;
	margin:0;
	}

#doc-downloads .info {
	font: normal 7pt verdana,helvetica,sans-serif;
	padding-top:15px;
	}

.btt {
	text-align:right;
  	font: normal 7pt verdana, arial, helvetica, sans-serif;
	color:#515151;
	padding:8px 0 20px 0;
	width:521px;
	height:auto;
	float:left;
	}
	
#logo-for-print {
	display: none;
	}

#archive {
	font:normal 8pt arial,helvetica,sans-serif;
	margin:15px 0 0 0;
	border:1px solid #CCC;
	width:491px;
	padding:14px;
	background: #FFF url(../imgs/newsarchive-bg.jpg) no-repeat;
	}

#content .commobj {
	width:521px;
	height:auto;
	padding:0 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
	float:left;
	}

#content .comm-img {
	width:124px;
	height:83px;
	padding:0 20px 0 0;
	float:left;
	}

#content .comm-label {
	width:377px;
	height:78px;
	padding:5px 0 0 0;
	float:left;
	text-align:left;
	}

#content .comm-label h2 {
	font:bold 10pt arial,helvetica,sans-serif;
	padding:0;
	margin:0;
	}

#content #comm-details-img {
	width:224px;
	height:150px;
	padding:0 20px 0 0;
	float:left;
	vertical-align:top;
	}

#content #commobj-details-container {
	width:277px;
	height:auto;
	float:left;
	margin-bottom:30px;
	}

#content #commobj-details-container #header {
	width:277px;
	height:auto;
	padding: 10px 0;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;	
	}

#content #comm-details-img #docs {
  	width:194px;
  	height:auto;
  	background: #FFF url(../imgs/doc-download-bg.jpg) repeat-x;
    	color:#515151;
  	font:normal 8pt arial,helvetica,sans-serif;
  	line-height:16px;
  	padding:15px;
  	margin-top:10px;
	}

#content #comm-details-img #docs p {
	padding-bottom:7px;
	margin:0;
	}

#content .commcats {
	width:521px;
	height:30px;
	padding:0 0 25px 0;
	background: transparent url(../imgs/divider-521-pad8.gif) repeat-x;
	float:left;
	color:#B1882E;
	font-weight:bold;
	}

.sitemap {
	width:210px;
	text-align:left;
	padding-right:25px;
	height:auto;
	float:left;
	}

.sitemap .item {
	font-size:8pt;
	}
	
.sitemap .header {
	font: bold 10pt arial,helvetica,sans-serif;
	}

.closed, .noclosed {
	font: normal 7.5pt arial,helvetica,sans-serif;
	color:#A60000;
	text-transform:uppercase;
	}
	
.noclosed {
	color:#515151;
	}

.closed-block {
	font: bold 8pt arial,helvetica,sans-serif;
	color:#FFF;
	padding:6px;
	background-color:#A60000;
	}


	
/* --------------------------------------------- */
/* LVHA for various site-wide links              */
/* --------------------------------------------- */

#search a:link,
#home-quicklinks a:link,
#ccol1 p a:link
{ text-decoration:none; background:transparent; color:#17467C; }

#search a:visited,
#home-quicklinks a:visited,
#ccol1 p a:visited
{ text-decoration:none; background:transparent; color:#17467C; }

#search a:hover,
#home-quicklinks a:hover,
#ccol1 p a:hover
{ text-decoration:underline; background:transparent; color:#17467C; }

#search a:active,
#home-quicklinks a:active,
#ccol1 p a:active
{ text-decoration:none; background:transparent; color:#17467C; }

/* --------------------------------------------- */

#footer a:link
{ text-decoration:none; background:transparent; color:#FFF; }

#footer a:visited
{ text-decoration:none; background:transparent; color:#FFF; }

#footer a:hover
{ text-decoration:underline; background:transparent; color:#FFF; }

#footer a:active
{ text-decoration:none; background:transparent; color:#FFF; }


/* --------------------------------------------- */
/* --------------------------------------------- */
/*  Footer content                               */
/* --------------------------------------------- */

#footer {
	width:732px;
	height:25px;
	background-color:#17467C;
	text-align:left;
  	padding:12px 0 0 12px;
  	font: normal 7.5pt arial,helvetica,sans-serif;
	color:#6493C9;
	margin:3px;
	clear:left;
	}

#footer .disclaimer {
  	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
	color:#878787;
	}

#subfooter {
	width: 720px;
	padding:0;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	height:auto;
	background-color: #FFF;
	font: normal 7.5pt arial,helvetica, sans-serif;
	padding:15px;
	color:#7D7D7D;
	line-height:15px;
	}

/* --------------------------------------------- */
/*  General typeface classes                     */
/* --------------------------------------------- */

.verd7pt {
  	font:normal 7pt arial,helvetica,sans-serif;
  	color:#515151;
	}

.verd8pt {
  	font:normal 8pt arial,helvetica,sans-serif;
  	color:#515151;
	}

.verd10pt {
  	font:normal 10pt arial,helvetica,sans-serif;
  	color:#515151;
	}

.verd12pt {
  	font:normal 12pt arial,helvetica,sans-serif;
  	color:#515151;
	}

/* --------------------------------------------- */
/*  Clear floats without structural markup hack  */
/* --------------------------------------------- */
	
.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 */

/*PP button example 

button.primary {
	background:#ffa822 url(btn_bg_submit.gif) left center repeat-x;
	border:1px solid #d5bd98;
	border-right-color:#935e0d;
	border-bottom-color:#935e0d;
	}


*/