/*
	Developed by Dyspersion Media Corporation, Los Angeles, CA
	in assiciation with Firefly Design, Inc., Chevy Chase, MD
	for The Housing Authority of Baltimore City, Baltimore, MD
		http://www.dyspersion.com				http://www.fireflyworks.com

	File:				common.css
	FILE VERSION:		V2.0
	CREATION DATE:		8/26/2008 12:22 PM
	OBJECT NAME:		N/A
	DESCRIPTION:		base CSS shared by pages on baltimorehousing.org
	MODIFICATION HISTORY:
	08/26/2008 - sab - created file
*/


html		{ background-color: #F7F1E5; height:100%; }
body		{ height:100%; }

.red		{ color:red; }
.big		{ font-weight:bold; }

	/* SET THE BASE LEVEL FONT FOR ALL PAGES -- This is equivalent to the old "bodytext" class only now everything defaults to bodytext without us having to specify it. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,table,a,a:hover	{ font-family: Trebuchet, Verdana, Arial, Helvetica; font-size:11px; color:#163149; }
input	{ margin:4px; }
	/* Set the base level LINK style -- Equivalent of "contentlink" -- this sets this style as the default for all anchor tags so we don't have to specify it manually each time */
a, a:hover		{ text-decoration: none; font-size : 11px; color:#825E01; font-weight: bold;}
a:hover			{ color:black; }
.blocklinks a	{ display:block; margin-bottom:1em; }
em				{ font-style:italics; }											/* for some reason, this doesn't seem to be taking in Safari or Firefox */

	/* Set title styles */
h2			{ font-size:17px; color:#0B1828; font-weight:bold; margin-bottom:0.5em; }
h3			{ font-size:14px; color:#0B1828; font-weight:bold; margin-bottom:0.5em; }			/* used for what was "subtitle" */
h3 a		{ font-size:14px; color:#825E01; font-weight:bold; text-decoration:none; }			/* used for what was "subtitlelink" */
h3 a:hover	{ color:#000000; text-decoration:none; font-size:14px; }
h4			{ font-size:12px; color:#0B1828; font-weight:bold; margin-bottom:0; }

	/* Give our paragraphs a bottom margin so they don't crowd each other */
p			{ margin-bottom:1em; }
strong		{ font-weight:bold; }
.strong		{ font-weight:bold; }


	/* common YUI page layouts */
#custom-doc	{ width:852px; *width:832px; min-width:852px; margin:auto; text-align:left; }



	/* all specific page types will define their own background (with bg picture) in their own css files */
#header									{ position:relative; width:852px; background:#FFFFFF url('http://static.baltimorehousing.org/img/site/home_header_bg.jpg') no-repeat; text-align:right; }
#header form							{ padding:1em; margin-top:1em; margin-right:2em; }
#menunav								{ margin-right:3em; }
#header .homelink						{ position:absolute; left:0; top:40px; }					/* the positioning of the blank "spacer" image on top of the HABC logo */

#header .topnav							{ width:100%; padding-top:22px; }
#header .topnav, #header .topnav a		{ color:gray; text-decoration:none; font-weight:normal; }
#header .topnav a:hover					{ color:black; font-weight:normal; }


	/* SPLASH AND MIDDLE NAV SECTIONS */
#content			{ border-bottom:1px solid #8195A2; width:850px; }
#splash, #content	{ border-left:1px solid #8195A2; border-right:1px solid #8195A2; }
#splash				{ height:195px; }

#middle_nav			{ height:115px; border:1px solid #8195A2; margin:0; padding:0; }
#middle_nav ul		{ width:100%; margin:0px; padding:0; margin-left:4px; border:none; }

#middle_nav ul li	{ display:inline; margin-left:-4px; padding:0; width:213px; }
#middle_nav ul li img, #middle_nav ul li a		{ margin:0; padding:0; }


	/* Breadcrumbs */
.breadcrumbs		{ position:absolute; top:0; left:0; margin:1em; }
.breadcrumbs a		{ display:inline; }


	/* content styles -- keep it to a minimum here and let the sub pages define their particulars */
#content .interior	{ padding:1em; }											/* use an interior div if you need padding inside a container.  Don't try to pad a div being used for layout because some browsers adjust div sizes based on padding */
.textwrapright		{ float:right; clear:right; height:1em; }					/* little 1em tall divs for wrapping text around an image */

#content img.left	{ float:left; }
#content img.right	{ float:right; }

	/* style for ALL unordered lists (ul) in the content section */
#content ul				{ overflow:hidden; }
#content ul li			{ list-style-position:inside; margin:0; padding:0; }
#content ul li.clip		{ list-style-image: url('http://static.baltimorehousing.org/img/site/clip.gif'); }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */
#content ul li.prsrel	{ list-style-image: url('http://static.baltimorehousing.org/img/site/print.gif'); }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */
#content ul li.video	{ list-style-image: url('http://static.baltimorehousing.org/img/site/video.gif'); }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */

#content ul.generic		{ margin-bottom:1em; }
#content ul.generic li	{ list-style-position:inside; list-style-type:disc; margin-left:1em; }

	/* different style for the unordered list in the archive section of the main index page */
#content ul.alternatinglines				{ list-style-image:none; list-style-type:none; }
#content ul.alternatinglines li				{ width:100%; margin:4px; padding:2px; }
#content ul.alternatinglines li.odd			{ background-color:#E4E2DD; }
#content ul.alternatinglines li.even		{ background-color:#F0EEE6; }

	/* different style for the unordered list in the press room section */
#content ul.bulletseparator li{ background:url('http://static.baltimorehousing.org/img/site/li_separator_greydot.png') 1em 0 repeat-x; margin:-4px 0 4px 0; padding:0.9em 0em 4px 0em; }


	/* horizontal nav list */
.horizontalnav							{ width:100%; font-weight:bold;}
.horizontalnav li						{ display:inline; padding-right:0.5em; border-right:1px solid gray; }
.horizontalnav li.last					{ border:none; }
.horizontalnav li.first					{ float:left; margin-left:2px; border:none; }

	/* horizontal nav list */
#content ul.horizontalnav							{ width:100%; font-weight:bold;}
#content ul.horizontalnav li						{ display:inline; padding-right:0.5em; border-right:1px solid gray; }
#content ul.horizontalnav li.last					{ border:none; }
#content ul.horizontalnav li.first					{ float:left; margin-left:2px; border:none; }


	/* the banner style basically mimics the h2 style, only with white text on a 100%-wide background color behind it */
.banner, .banner_small	{ width:100%; color:white; background-color:#8195A2; font-size:15px; font-weight:bold; text-align:center; text-transform:capitalize; line-height:22px; clear:both; }
.banner_small	{ clear:none; }		/* so we can have a banner that's not 100% wide next to a floating image */


	/* table style to mimic those columns we have in the old site design */
table.columntable						{ width:100%; border-top:1px solid #8195A2; border-left:none; border-right:none; table-layout:fixed; clear:both; }
table.columntable td					{ padding:1em; }						/* stick a 1em padding on the interior of each td */
#content .interior table.columntable	{ border:1px solid #8195A2; }			/* if the column table is inside an "interior" div, then it will have a 1em padding around it and will need a border */
table.columntable td				{ border:1px solid #8195A2; vertical-align:text-top; }	/* populate every cell with borders */
table.columntable tr.footerrow td	{ border-bottom:none; }									/* except the last row's bottom border */
table.columntable td.first			{ border-left:none; }						/* no borders for the left and right of a table not in an interior (full width) */
table.columntable td.last			{ border-right:none; }						/* no borders for the left and right of a table not in an interior (full width) */
table.columntable tr.headerrow	td, table.columntable tr.headerrow	th	{ font-size:13px; color:#0B1828; background-color:#F0EEE6; font-weight:bold; line-height:22px; text-align:center; padding:0; }	/* margin-bottom:0.5em; text-align:center; padding:0.5em; } */


#pressroomlist							{ margin-top:-8px; padding-bottom:1em; }
#pressroomlist li ul.prclist			{ margin-bottom:2px; list-style-position:inside; }
#pressroomlist li ul.prclist li			{ display:inline; padding-left:0.5em; padding-right:0.5em; border-left:1px solid gray; background:none; }
#pressroomlist li ul.prclist li.first	{ border:none; }
#pressroomlist li ul.prclist li.clip	{ list-style-image: none; }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */
#pressroomlist li ul.prclist li.prsrel	{ list-style-image: none; }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */
#pressroomlist li ul.prclist li.video	{ list-style-image: none; }		/* NOTE: list-style-images don't show in inline list items.  This line is kept for sake of documentation. */
#pressroomlist .prclist li img			{ float:none; margin:0; }		/* we have to counterract some of the styles that are inherited if the prclist appears in a feature block */

	/* FOOTER */
#footer						{ height:70px; width:852px; }
#footer .logo				{ float:right; }
#footer .left				{ position:relative; color:#163149; float:left; top:23px; }
#footer .left a				{ color:#958D7D; }
#footer .left a:hover		{ color:#000000; }
#footer .right				{ float:right; height:120px; width:366px;  background:url('http://static.baltimorehousing.org/img/site/footer_mayor.png') no-repeat; text-align:right; }
#footer .right a			{ position:relative; color:#958D7D; top:30px; margin-right:5em; }
#footer .right a:hover		{ position:relative; color:#000000; top:30px; margin-right:5em; }

#footer_fade				{ width:852px; height:24px; background:url('http://static.baltimorehousing.org/img/site/footer_fade.jpg') repeat-x; }
#footer .horizontalnav a	{ color:#958D7D; text-decoration:none; font-size:10px; font-weight:bold; }
#footer .horizontalnav a:hover	{ color:#000000; text-decoration:none; font-size:10px; font-weight:bold; }





.dyslib_notifications		{ color:red; }										/* old dyslib notification style */


/* New dyslib notification styles as of March 2010 */
#dyslibnotification			{ border:1px solid #e2c822; color:#000000; background-color:#fff9d7; width:95%; padding:1em; text-align:left; margin-top:0.5em; margin-bottom:0.5em; margin-right:auto; margin-left:auto; }
#dyslibnotification.error	{ border:1px solid #DD3C10; background-color:#FFEBE8; }
#dyslibnotification.success	{ border:1px solid #10dd1e; background-color:#e8ffea; }



/* TABLES USED INSIDE FORM TAGS */
/*table.formtable td.headercell		{ font-weight:bold; background-color:#DCDCDC; text-align:right; padding-right:4px; padding-top:5px; }*/
table.formtable td.headercellleft	{ font-weight:bold; background-color:#DCDCDC; text-align:left; padding-right:4px; height:20px; padding-top:5px; }
table.formtable td.sectionheader	{ font-size:14px; color:#0B1828; font-weight:bold; margin-bottom:0.5em; padding-top:2em; border:none; }
table.formtable td.headercell		{ vertical-align:top; font-weight:bold; background-color:#EFEFEF; text-align:right; padding-right:4px; padding-top:5px; width:50%; border:1px solid #FFFFFF; }
table.formtable textarea			{ margin:4px; }
table.formtable						{ border:none; background-color:none; }


#content .planreportlist	{ margin:0; padding:0; padding-top:4em; }

.planreportitem			{ width:100%; }
.planreportitem .interior	{}
.planreportitem img		{ float:right; }
.planreportitem .banner	{ font-size:13px; color:#0B1828; background-color:#F0EEE6; font-weight:bold; line-height:22px; text-align:center; padding:0; border-bottom:1px solid #8195A2; border-top:1px solid #8195A2; }


#jobapp .rightmsg		{ position:absolute; top:85px; right:10px; width:220px; border:1px solid black; text-align:center; }
#jobapp .heading		{ margin-bottom:2em; text-align:center; }
#jobapp .sectionheader	{ font-size:14px; color:#0B1828; font-weight:bold; margin-bottom:0.5em; padding-top:2em; border:none; }
#jobapp .headercell		{ vertical-align:top; font-weight:bold; background-color:#EFEFEF; text-align:right; padding-right:4px; padding-top:5px; width:50%; }
#jobapp textarea		{ margin:4px; }
#jobapp em				{ font-weight:bold; text-decoration:none; font-style:normal; }