/* border: solid 1px #f00; For Testing*/

/* basic elements */
body { 
	font: 14px "Trebuchet MS", Arial, Sans-Serif;
	color: #333366; 
	background-color:#339900;
	margin:0px;
	padding:0px;
	}
p { 
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	margin-top: 0px;
	}
	
.tag {
	font-size: 12px;
	font-weight: bold;
	color: #060;
	}
h3 { 
	font:bold 170% "Trebuchet MS", Arial, Sans-Serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #333366;
	}
h2 { 
	font:bold 135% "Trebuchet MS", Arial, Sans-Serif;
	letter-spacing: 1px; 
	line-height: 150%;
	margin-bottom: 0px; 
	color: #000066;
	}
	
.headline { 
	font:bold 135% "Trebuchet MS", Arial, Sans-Serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000066;
	}
	
.headline2 { 
	font:bold 155% "Trebuchet MS", Arial, Sans-Serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000066;
	text-align: center;
	}
	
.headline3 { 
	font: bold 115% "Trebuchet MS", Arial, Sans-Serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000066;
	text-align: center;
	}
	
#news { 
	margin-left:185px;
	padding-right:20px;
	}
	
.tiny {
	font: 11px "Trebuchet MS" Arial, sans-serif;
	font-weight: normal;
    color: #333366;
    text-align: center;
	}
	
a:link { 
	font-weight: bold; 
	color: #333366;
	text-decoration:underline;
	}
a:visited { 
	font-weight: bold; 
	color: #333366;
	}
a:hover, a:active { 
	text-decoration:none;
	color: #339933;
	}
	
#formsinput {
	display: none;
	}


/* specific divs */
#container { 
	position:absolute;
	left:50%;
	top:0px;
	width:760px;
	margin-left: -380px ;
	background-color:#fff;
	text-align:left;
	}

#intro { 
	}
#pageHeader {
	background: transparent url(masthead.jpg) no-repeat top left; 
	height:176px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat bottom left;
	float:right;
	width:410px;
	height:120px;
	color:#CCCCFF;
	margin:0px;
	}
#pageHeader h1 span {
	display:none
	}

#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left;
	float:right;
	width:410px;
	height:36px;
	color:#000000;
	}
#pageHeader h2 span {
	display:none;
	}
#quicksummary {
text-indent:350px;
}

#quickSummary p {
	font-family: "Trebuchet MS" Arial, , sans-serif;
	font-size : 75%;
	line-height : 100%;
	background-color:transparent
	}
#quickSummary p.p1 {
	position:absolute;
	width:760px;
	top:15px;
	
	color:#EEEEEE;
	}

#bravefourhundred {
	margin: 0;
	padding: 15px 25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

	
/* PAGE HEADINGS */
#welcome {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#welcome h3 {
	background: transparent url(h3_welcome.gif) no-repeat top left;
	height:70px;
}
#welcome h3 span{
	display:none;
}

#buying {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#buying h3 {
	background: transparent url(h3_buying.gif) no-repeat top left;
	height:70px;
}
#buying h3 span{
	display:none;
}

#selling {
	margin-left:210px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#selling h3 {
	background: transparent url(h3_selling.gif) no-repeat top left;
	height:70px;
}
#selling h3 span{
	display:none;
}

#area {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#area h3 {
	background: transparent url(h3_area.gif) no-repeat top left;
	height:70px;
}
#area h3 span{
	display:none;
}

#contact {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#contact h3 {
	background: transparent url(h3_contact.gif) no-repeat top left;
	height:70px;
}
#contact h3 span{
	display:none;
}

#listings {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#listings h3 {
	background: transparent url(h3_properties.gif) no-repeat top left;
	height:70px;
}
#listings h3 span{
	display:none;
}

#sales {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#sales h3 {
	background: transparent url(h3_sales.gif) no-repeat top left;
	height:70px;
}
#sales h3 span{
	display:none;
}

#find h3 {
	background: transparent url(h3_find.gif) no-repeat top left;
	height:70px;
}
#find h3 span{
	display:none;
}
#worth h3 {
	background: transparent url(h3_worth.gif) no-repeat top left;
	height:70px;
}
#worth h3 span{
	display:none;
}

#thanks {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#thanks h3 {
	background: transparent url(h3_thanks.gif) no-repeat top left;
	height:70px;
}
#thanks h3 span{
	display:none;
}

#license {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#license h3 {
	background: transparent url(h3_license.gif) no-repeat top left;
	height:70px;
}
#license h3 span{
	display:none;
}

#privacy {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#privacy h3 {
	background: transparent url(h3_privacy.gif) no-repeat top left;
	height:70px;
}
#privacy h3 span{
	display:none;
}

#terms {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#terms h3 {
	background: transparent url(h3_terms.gif) no-repeat top left;
	height:70px;
}
#terms h3 span{
	display:none;
}

#links {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#links h3 {
	background: transparent url(h3_links.gif) no-repeat top left;
	height:70px;
}
#links h3 span{
	display:none;
}

#error {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#error h3 {
	background: transparent url(h3_error.gif) no-repeat top left;
	height:70px;
}
#error h3 span{
	display:none;
}

#benefits h3 {
	background: transparent url(h3_benefits.gif) no-repeat top left;
	height:70px;
}
#benefits h3 span{
	display:none;
}
#requirements h3 {
	background: transparent url(h3_requirements.gif) no-repeat top left;
	height:70px;
}
#requirements h3 span{
	display:none;
}

#fairfax {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}

#fairfax h3 {
	background: transparent url(h3_fairfax.gif) no-repeat top left;
	height:70px;
}
#fairfax h3 span{
	display:none;
}

#arlington {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}

#arlington h3 {
	background: transparent url(h3_arlington.gif) no-repeat top left;
	height:70px;
}
#arlington h3 span{
	display:none;
}

#reston {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}

#reston h3 {
	background: transparent url(h3_reston.gif) no-repeat top left;
	height:70px;
}
#reston h3 span{
	display:none;
}

#ashburn {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}

#ashburn h3 {
	background: transparent url(h3_ashburn.gif) no-repeat top left;
	height:70px;
}
#ashburn h3 span{
	display:none;
}

#sterling {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}

#sterling h3 {
	background: transparent url(h3_sterling.gif) no-repeat top left;
	height:70px;
}
#sterling h3 span{
	display:none;
}

#calculators {
	margin-left:185px;
	padding-right:20px;
	background-color:#FFFFFF;
	}
#calculators h3 {
	background: transparent url(h3_calculators.gif) no-repeat top left;
	height:70px;
}
#calculators h3 span{
	display:none;
}



#footer { 
	font-size: 12px;
	text-align: center;
	background-color:#333366;
	}
#footer a:link, #footer a:visited { 
	margin-right: 5px;
	color:#FFFFFF;
	}
	
.footer {
	font: 12px "Trebuchet MS" Arial, , sans-serif;
	font-weight: bold;
    color: #333366;
    text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
a.footer:link {
	font-weight : bold; 
 	color: #333366;
	text-decoration:underline;
	}

a.footer:visited {
 	font-weight : bold; 
	text-decoration : none;
	color: #E03636;
	background: transparent; 
	}

a.footer:hover {
 	font-weight : bold; 
	text-decoration : underline;
	color: #6666FF;
	background: transparent; 
	}

/* NAVIGATION LAYERS */

#linkList {
	position: absolute; 
	top: 230px;
	width:190px;
	background-color:#FDFDE8;
	border-right:1px #333366 dashed;
	}
#linkList2 { 
	font: 12px verdana, sans-serif; 
	width: 190px;
	}

#linkList h3.select { 
	background: transparent url(h3_select.gif) no-repeat top left; 
	margin: 0px;
	width:190px;
	height:20px;
	text-indent:-800px;
	}


#linkList ul {
	margin: 0px;
	padding-left: 70px;
	}
#linkList li {
	line-height: 110%; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #333366;
	}
#linkList li a:visited {
	color: #333366;
	}
	
/* INCIDENTALS */

#extraDiv1 { 
	background: transparent url(house.gif) no-repeat top left;  
	position: absolute;
	filter: alpha(Opacity=40);
	top: 656px; 
	left: 51%;
	margin-left:-380px;
	width: 148px; 
	height: 110px;
	z-index:1;
	}
	
#extraDiv7 { 
	background: transparent url(house.gif) no-repeat top left;  
	position: absolute;
	filter: alpha(Opacity=40);
	top: 980px; 
	left: 51%;
	margin-left:-380px;
	width: 148px; 
	height: 110px;
	z-index:1;
	}
	
	/*  Form layout */ 

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }
  
div.row span.labelrequired {
 float: left;
  width: 100px;
  text-align: right;
  color: #006600;
  font-weight: bold;
  }

div.row span.input {
  float: right;
  width: 235px;
  text-align: left;
  }