/* Layout Styles for NeighborhoodInfo DC Housing Monitor pages */ 

body {
background-color: #fff; 
margin: 0;
padding: 0;
} 

#container
{
margin: 0 0 25px 0;
width: 780px;
color: #333;
text-align: left;
background-color: #fff; 
line-height: 130%;
} 

#banner
{
height: 75px;
border-bottom: 1px solid #fff;
}

#navbar {
background-color: #99565F;
padding: 0;
margin: 0;
text-align: left;
height: 22px;
}

#navbar a {
padding: 5px 20px 5px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #fff;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border-right: 1px solid #fff;
}

#navbar a.no_pipe {
padding: 5px 20px 5px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #fff;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border-right: none;
}

#navbar a.highlight {
padding: 5px 20px 3px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #8C2C39;
background: #C98D95;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border-right: 1px solid #fff;
}

#content { 
margin: 0 10px 40px 0; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
padding: 10px;
}

#content p { line-height: 130%; }

#footer
{
clear: both;
margin-top: 10px;
padding: .5em;
color: #000;
font: normal 11px Geneva, Arial, sans-serif;
}

#footer td {
font: normal 11px Geneva, Arial, sans-serif;
}

.Table {
  border-width: 3px;
}

p {
font-size: .8em;
font-family: Arial, Geneva, sans-serif;
line-height: 130%;
}

p.note { 
font-style: italic;
}

td {
font-size: .8em;
font-family: Arial, Geneva, sans-serif;
vertical-align: top;
}

th {
font-size: .8em;
font-family: Arial, Geneva, sans-serif;
vertical-align: top;
}

li {
font-size: .8em;
font-family: Arial, Geneva, sans-serif;
line-height: 130%;
margin-bottom: 10px;
}

h1 {
font: bold 1.5em Arial, Geneva, sans-serif;
color: #752933;
}

h2 {
font: bold 1.2em Arial, Geneva, sans-serif;
color: #752933;
}

h3 {
font: italic 0.85em Arial, Geneva, sans-serif;
color: #752933;
}

h4 {
font: 0.8em Arial, Geneva, sans-serif;
color: #752933;
}

dd {
font-size: .8em;
font-family: italic Arial, Geneva, sans-serif;
line-height: 130%;
}

.small {
font-size: 0.7em;
}

.center_small {
font-size: 0.7em;
text-align: center;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.top_stacked_value
{
  padding-bottom: 1px;
}
.middle_stacked_value
{
  padding-top: 1px;
  padding-bottom: 1px;
}
.bottom_stacked_value
{
  padding-top: 1px;
}

.table_title { 
  font: bold 0.9em Arial, Geneva, sans-serif;
  padding-bottom: 4px;
 }

.table_footer { 
  font: italic 0.7em Arial, Geneva, sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 
 a.toc:link {
   text-decoration: none;
   color:#0000FF;
 }
 
 a.toc:visited {
   text-decoration: none;
   color:#0000FF;
 }
 
 a.toc:hover {
   text-decoration: underline;
   color:#0000FF;
 }
 
.l {text-align: left }
.c {text-align: center }
.r {text-align: right }
.d {text-align: "." }
.t {vertical-align: top }
.m {vertical-align: middle }
.b {vertical-align: bottom }
.stacked_cell{padding: 0 }
