html	{ background:#FBF8F1 url('http://static.baltimorehousing.org/img/site/10/bg_body2.png') repeat-x 0 0; }
#header	{ width:100%; height:226px; background:url('http://static.baltimorehousing.org/img/site/10/header_bg_main.png') no-repeat 0 0; }

#content.twocolumn .leftcolumn	{ width:687px; border-right:1px solid #E5E5E5; }
#content.twocolumn .leftcolumn .top	{ text-align:left; padding-left:1em; padding-right:1em; }
#content.twocolumn .leftcolumn p	{ margin:0; margin-bottom:1em; line-height:1.5em; }
#content.twocolumn ol	{ list-style-position:inside; }

#content.twocolumn .leftcolumn .bottom	{ text-align:left; padding-left:1em; padding-right:1em; clear:both; }


#content.twocolumn .leftcolumn .org p	{ line-height:13px; margin-top:-5px;}
#content.twocolumn .leftcolumn .org img	{ margin-top:10px;}




#content.twocolumn .leftcolumn .top .right	{ float:right; margin-top:0px; margin-left:1.5em; margin-right:0px;padding-bottom:1em; border:0px; }
#content.twocolumn .leftcolumn .top .rows {width:100%; clear:both; }
#content.twocolumn .leftcolumn .top .planthumb	{ float:right; margin-top:5px; margin-left:1.5em; margin-right:0px;margin-bottom:0em; border:0px; }

#content.twocolumn .leftcolumn .pageextras h2	{ border-bottom:1px solid #E5E5E5; }
#content.twocolumn .leftcolumn .pageextras ul	{ list-style:none; width:100%; margin-bottom:0.5em; }
#content.twocolumn .leftcolumn .pageextras li	{ height:2em; }
#content.twocolumn .leftcolumn .pageextras li a	{ vertical-align:sub; }
#content.twocolumn .leftcolumn .pageextras li.odd	{ background-color:#E5E5E5; }
#content.twocolumn .leftcolumn .pageextras li.even	{ background-color:#CCCCCC; }

#content.twocolumn h1	{ font-size:21px; margin-top:1em; color:#000000; margin-bottom:30px; }
#content.twocolumn h2	{ font-size:15px; margin-top:1em; border-bottom:1px solid #E5E5E5; }
#content.twocolumn h3	{ margin-top:1.1em; margin-bottom:1em;}
#content.twocolumn h4	{ margin-top:1.1em; }
#content.twocolumn h5	{ font-size:15px; margin-top:1em; border-bottom:1px solid #D6D4D4; }

#bottom.twocolumn .leftcolumn	{ width:687px; text-align:left; }
#bottom.twocolumn .leftcolumn h2	{ font-size:12px; border-bottom:1px solid #E5E5E5; width:663px; text-align:left; margin:0; margin-bottom:0.5em; }

/* #these are content columns -4 */

div.headerrow	{ width:100%; left:0%; padding-bottom:10px; padding-top:15px; border-bottom:1px solid #E5E5E5; }
.colmask	{ width:100%; left:-15px; }
.colmid		{ right:25% }
.colin		{ right:25% }
.colleft	{ right:25% }
.col1	{ width:23%; left:101%}
.col2	{ width:23%; left:53%}
.col3	{ width:23%; left:80%}
.col4	{ width:23%; left:82%}
.footer	{ width:100%; left:0%}
div.headerrow	{ clear:both; float:left; position:relative;}
.colmask	{ clear:both; float:left; overflow:visible; position:relative; }
.colmid		{ float:left; width:100%; position:relative; }
.colin		{ float:left; width:100%; position:relative; }
.colleft	{ float:left; width:100%; position:relative; }
.col1	{ padding:5px 0px 1em 8px; overflow:hidden; height:250px; float:left; position:relative; border-left:1px solid #E5E5E5; }
.col2	{ padding:5px 0px 1em 0px; overflow:hidden; height:250px; float:left; position:relative; }
.col3	{ padding:5px 0px 1em 8px; overflow:hidden; height:250px; float:left; position:relative; border-left:1px solid #E5E5E5; }
.col4	{ padding:5px 0px 1em 8px; overflow:hidden; height:250px; float:left; position:relative; border-left:1px solid #E5E5E5; }

/* #end content columns -4 */



/* #these are content columns -3 */
.columns-float	{ float:left; width:66%; margin-bottom:10px; }
.column-one		{ width:45%; float:right; padding-left:10px; overflow:hidden; position:relative; padding-top:10px; } 
.column-two		{ width:50%; float:left;overflow:hidden; position:relative; border-right:1px solid #E5E5E5; padding-right:5px;padding-top:10px; } 
.column-three	{ width:30%; float:right;overflow:hidden; position:relative; padding-left:10px;border-left:1px solid #E5E5E5;padding-top:10px; } 
.box-footer		{ clear:both; }

/* #end content columns -3 */

/* #these are content columns -2 */

.2cols		{ width:100%; background-color:#000; left:-15px; }
.leftcol	{ float:left; width:45%; padding-right:10px;border-right:1px solid #E5E5E5;padding-top:10px; list-style-type:none; }
.rightcol	{ width:50%; float:right; padding-top:10px; padding-right:10px; list-style-type:none; }

/* #end content columns -2 */



	/* vacants to value */

.vacantstovalue {width: 100%; margin-top:20px; }
.vacantstovalueimage {float:right; right:0px;border:none;}

.vacantstovalue .leftcol {width: 440px; float:left; border-right:1px solid #E5E5E5; margin-right:10px; padding-right:10px;padding-left:0px; margin-left:0px; margin-bottom:2em; } 
.vacantstovalue .rightcol {width: 195px; float:right; display:block; margin-top:0px; padding:0px;}
.vacantstovalue .homelistings img	{ border:1px solid gray; padding:2px; margin-right:0.5em; }

.vacantstovalue .rightcol .propsearch {width: 195px; border:1px solid #C8C8C8; background-color:#F0F0F0; display:block; margin-top:0px; padding:0px;}
.vacantstovalue .rightcol .propsearch .head {background-color:#C8C8C8; display:block; padding:10px; font-size: 19px; font-weight:bold; }
.vacantstovalue .rightcol .propsearch .formitem {padding-left:10px; margin-bottom: 0px; padding-bottom:0px;}
.vacantstovalue .rightcol .propsearch .formlinks {padding-left:15px; margin-bottom: 0px; padding-bottom:10px; padding-top:20px; font-weight:bold; }

.vacantstovalue .rightcol .bottomlinks {width: 175px; border:1px solid #C8C8C8; display:block; margin-top:10px; padding:10px; font-weight:bold;}



.vacantstovalue .homelistings ul {list-style:none; width:100%; padding-left:0px; margin-left:0px; margin-top:10px;} 
.vacantstovalue .homelistings li {margin-bottom:10px; clear:both; padding-top:0px;margin-top: 0px;} 
.vacantstovalue .homelistings li .title {margin-bottom: 0px; margin-top: -10px; font-weight:bold; font-size:13px;} 
.vacantstovalue .homelistings li .neigh {margin-bottom: 0px; font-weight:bold;font-size:13px;} 

.vacantstovalue .homelistings li img{float:left; margin-right:1em; display:block; margin-bottom:1em; padding:2px;} 

.vtovlogin {float:right; margin-right: 0px; padding:10px; margin-top:-20px; }

.vacantstovalue .donate {width: 100%; border:1px solid #C8C8C8; background-color:#F0F0F0; display:block; margin-top:0px; padding:0px;}
.vacantstovalue .donate .head {background-color:#C8C8C8; display:block; padding:10px; font-size: 19px; font-weight:bold; }
.vacantstovalue .donate .formitem {padding-left:10px; margin-bottom: 0px; padding-bottom:0px;}
.vacantstovalue .donate .formlinks {padding-left:15px; margin-bottom: 0px; padding-bottom:10px; padding-top:20px; font-weight:bold; }








#content .v2v_propsearch	{ width:195px; border:1px solid #C8C8C8; background-color:#F0F0F0; display:block; }
#content .v2v_propsearch h1	{ margin:0; background-color:#C8C8C8; padding:10px; font-size: 19px; font-weight:bold; }
#content .v2v_propsearch form	{ padding-left:10px; }
#content .v2v_propsearch form label	{ display:block; }
#content .v2v_propsearch form select	{ width:175px; }

#content .v2v_homebuyerpropsearch form input	{ display:inline; }
#content .v2v_homebuyerpropsearch form input#f_v2v_search_ff_key	{ width:110px; }

#content .v2v_proplist ul			{ list-style:none; }
#content .v2v_proplist ul li		{ margin-bottom:1.5em; clear:both; }
#content .v2v_proplist ul li img	{ float:left; margin:0; padding:2px; border:1px solid #DCDCDC; margin-right:1em; margin-bottom:1em; }
#content .v2v_proplist ul li p		{ line-height:1.5em; padding-bottom:1em; }
#content .v2v_proplist ul li .mlsid, #content .v2v_proplist ul li .price		{ float:right; }
#content .v2v_proplist ul li .price	{ font-weight:bold; }

#content .v2v_proplist .address			{ margin-bottom:0px; margin-top:-10px; font-weight:bold; font-size:13px; }
#content .v2v_proplist .address a		{ text-transform:capitalize; }
#content .v2v_proplist .neighborhood	{ margin-bottom:0px; font-weight:bold; font-size:13px; text-transform:capitalize; }
#content .v2v_proplist p.description	{ margin-top:0; }

#content .v2v_propdetail .address	{ font-size:16px; font-weight:bold; color:#6F7E16}

#content .v2v_f_donate	{ width:100%; border:1px solid #C8C8C8; background-color:#F0F0F0; margin-top:0px; }
#content .v2v_f_donate form	{ padding:1em; }
#content .v2v_f_donate h1	{ background-color:#C8C8C8; padding:10px; font-size: 19px; font-weight:bold; margin:0; }


.v2v_propdetail p em		{ font-style:normal; font-weight:bold; }
.v2v_propdetail img.detail	{ float:right; border:1px solid #DCDCDC; padding:2px; margin:0; margin-left:1em; margin-bottom:1em; }
.v2v_description			{ line-height:1.5em; }

/* #end vacants to value */



ul.breadcrumbs	{ display:block; margin-bottom:2em; }
ul.breadcrumbs li	{ display:inline; padding-right:3px; border-right:1px solid #E5E5E5; margin-right:3px;}
/* ul.breadcrumbs li a:after	{ content:' > '} */


ul.searchresults { list-style-type:none; }
ul.searchresults li	{ margin-bottom:2em; }
ul.searchresults li p em	{ font-weight:bold; }
#content.twocolumn .leftcolumn ul.searchresults li p	{ margin:0; }

/* styles for tables inside forms that contain field names and field value (or input) cells */
table.form				{ width:100%; }
table.form td			{ margin-bottom:6px; padding:2px; }
table.form td.header	{ background-color:#DCDCDC; text-align:center; font-weight:bold; }
table.form td.fieldname		{ font-weight:bold; text-align:right; background-color:#DCDCDC; }
table.form td.fieldvalue	{ text-align:left; }
table.form td.buttons		{ text-align:right; }
table.form td.failuretext	{ color:red; }


table.datagrid	{ width:100%; }
table.datagrid tr.headerrow td	{ padding:0.5em; font-weight:bold; font-size:13px; background-color:#E5E5E5; }
table.datagrid tr.headerrow th	{ padding:0.5em; font-weight:bold; font-size:13px; background-color:#E5E5E5; }
table.datagrid td	{ border:1px solid #E5E5E5; padding:0.5em; }
table.datagrid tr.evenrow	{ background-color:#ECECEC; }



	/* table style to mimic those columns we have in the old site design */
	/* Jun182011 -- updated so these styles only affect tables with class="columntable" and not any child tables of those tables */
table.columntable						{ width:100%; border-top:1px solid #8195A2; border-left:none; border-right:none; table-layout:fixed; clear:both; }
table.columntable > tbody > tr > 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 > tbody > tr > td		{ border:1px solid #8195A2; vertical-align:text-top; }	/* populate every cell with borders */
table.columntable > tbody tr.footerrow > td		{ border-bottom:none; }						/* except the last row's bottom border */
table.columntable > tbody > tr > td.first		{ border-left:none; }						/* no borders for the left and right of a table not in an interior (full width) */
table.columntable > tbody > tr > td.last		{ border-right:none; }						/* no borders for the left and right of a table not in an interior (full width) */
table.columntable > tbody > tr.headerrow > td, table.columntable > tbody > 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; } */


div.plansreports_single		{ margin-bottom:2em; clear:both; line-height:1.5em; }
div.plansreports_single img	{ float:right; margin-left:1em; margin-bottom:1em; }
div.plansreports_single div.blocklinks		{ margin-top:2em; }
div.plansreports_single div.blocklinks h3	{ font-size:12px; border:none; }



#dn_f_contact input[type="text"]	{ width:20em; }




/* LEGACY STYLES TO SUPPORT OLD CLASSIC ASP PAGES LIKE THE SECTION 8 LANDLORD SECTION */
#content.legacy div.bottom	{ clear:both; }
#content.legacy ul.horizontalnav li	{ display:inline; border-right:1px solid #E5E5E5; padding-left:1em; padding-right:1em; }
#content.legacy ul.horizontalnav li.first	{ padding-left:0px; }
#content.legacy ul.horizontalnav li.last	{ border:none; }

#content.twocolumn div.fullwidth	{ width:100%; }



/* Mailing List Signup Form */
.ml_itemlist .ml_item	{ margin-bottom:2em; }
.ml_item p	{ margin:0 !important; }

input[type="checkbox"] { width:1.5em; height:1.5em; padding:0; margin:0; margin-right:0.5em; vertical-align:bottom; position:relative; top:-1px; *overflow:hidden; }
.ml_item label	{ display:block; padding-left:2em; text-indent:-2em; line-height:1.5em; }




.hcvpmenu ul	{ list-style-position:inside; list-style:none; text-align:left; margin:0; padding:0; }
.hcvpmenu ul li.header	{ background-color:#DCDCDC; font-weght:bold; border-bottom:1px solid #DCDCDC; line-height:2em; }
.hcvpmenu ul li	{ line-height:1.5em; margin:0; padding:0; }



/* one-column formatting styles */
#content.onecolumn .leftcolumn	{ width:100%; text-align:left; }
#content.onecolumn .leftcolumn .interior	{ padding:1em; }