@charset "utf-8";
/* CSS Document */

/* Layout Styles for NeighborhoodInfo DC home page */ 

body {
background-color: #ececec; 
margin: 0;
padding: 0;

} 

p, h1, h3 {
padding-left: 12px; padding-right: 12px; padding-top: 10px;
}


li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#container
{
margin: 0 auto ;
width: 920px;
color: #333;
text-align: left;
background-color: #fff; 
line-height: 130%;

} 

#container img {

border:none;
}

h2 a {

color:#99565F;

}

#content h2 {
	
padding-left: 12px;
	
}


#banner
{
height: 88px;
border-bottom: 1px solid #fff;
}

#navbar {
padding: 0;
margin-top: 1px;
text-align: left;
height: 23px;
}

#navbar a:link, #navbar a:visited {
padding: 5px 20px 5px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #fff;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #fff;
}



#navbar a.no_pipe:link, #navbar a.no_pipe:visited {
padding: 5px 20px 5px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #fff;
	
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-right: none;
}
#navbar a:hover, #navbar a:active, #navbar a.no_pipe:hover, #navbar a.no_pipe:active {
	
color: #8c2c39;
background-color: #FFF;	
	
}
#navbar a.highlight {
padding: 5px 20px 5px 20px; /* TOP, RIGHT, BOTTOM, LEFT padding properties */
color: #8c2c39;
background-color: #FFF;	
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #fff;
}

#navbar a.highlight:hover {
color: #8c2c39;
background-color: #FFF;	
}
	
#left-content
{
float: left;
width: 600px;
margin-top: -10px;
padding: 0.5em;
}

#right-content
{
width: 300px;
float: right;
padding: 0.3em;
border: none;

}

#right-content p
{
	font-size:12px;
	
}

#right-content h2
{
font-weight:bold;
color:#fff;
background-color: #8c2c39;
padding: 6px;
margin: 0px;

}

#right-content h2 a {

color:#FFF;

}





#bottom-content
{
margin-top: 10px;
padding: 0.3em;
}

#bottom-content h2
{
font-weight:bold;
color:#8c2c39;
display: block;
margin-top: 5px;
padding: 0.3em;
}



#footer
{
clear: both;
margin-top: 40px;
padding: .5em;
color: #000;
font: normal 11px Geneva, Arial, sans-serif;
text-align: center;
}



#footer td, #footer p {
font: normal 11px Geneva, Arial, sans-serif;
}

#datestamp
{
padding: .5em;
color: #000;
font: normal 11px Geneva, Arial, sans-serif;
}

/* Presentation Styles for NeighborhoodInfo DC home page */ 

p {
font-size: .8em;
font-family: Arial, Geneva, sans-serif;
line-height: 130%;
}

h1 {
font: bold 1.2em Arial, Geneva, sans-serif;
color: #752933;
margin-top: 0;px
}

h2 {
font: 0.95em Arial, Geneva, sans-serif;
letter-spacing: 0.1em;
color: #99565F;
padding: .2em;
margin-top: 10px;

}

h3 {
font: bold 0.95em Arial, Geneva, sans-serif;
color: #993333;
}

hr {
height: 1px; 
background: #c0c0c0; 
width: 95%;
}

.small {
font-size: 0.7em;
}

#left-content p { margin: 0 0 1em 0; }
#right-content p { margin: 0 1em 1em 0; }

a {
	color: #2C698C;
	text-decoration:none;
}

a:hover {
	
	text-decoration:underline;	
}

#main {
	
	padding: 20px 10px 10px 10px;
	
}

#anchor-menu
{
width:275px;
float:left;
margin-left: 15px;
position:fixed;
left:25px;

}

	
.right_column_box {
width: 200px;
margin: 0 12px 12px 12px;
border: solid 1px #999;
float: right;
text-align: center;
}

.tagline {
font-size: 9px;
color: #8c2c39;
font-weight: bold;
}