@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;

}

.systemtitle2 {
	
	font-size: 17px;
	
}

.systemtitle5 {
	
	font-size: 1.05em;
	color: #752933;
	
}

.systemtitle6 {
	
	font-size: 17px;
	
}

.systemtitle7 {
	
	color: #752933;
	
}