@charset "utf-8";
/* navigation.css 
   Styles the main navigationigation banner and defines the interaction.
   Concept was originally scripted by  in "A List Apart"
   http://www.alistapart.com/articles/hybrid/ 
   
   Created: 04.08.08 
   Author: Chris Fannon [chris@christopherfannon.com] */
   
#nav_container {
	position:relative;
	/*width: 795px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*Set the baseline font size. Only need to change this size 
	for main nav. The options should adjust accordingly.*/
	font-size:13px; 
	width: 100%;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 90px;
	/*border: 1px solid;*/
}
   
#navigation {
	font-size:100%;
	color: #344da1;
	position:relative;
	margin: 0 auto;
	padding: 0;
	/*
		Change the widt to center the navigation
	*/
	/*width: 785px;*/
	width: 840px;
	/*border: 1px solid #00CCCC;*/
	/*
		top: 55px;
		height: 80px;
		width: 800px;*/
}

#navigation li ul, #navigation li ul {
	margin: 0;
	padding: 0;
}

#navigation a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#344da1;
	text-decoration:none;
}

#navigation a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
}

#navigation a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
}

#navigation li { /*float the main list items*/
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	/*border: 1px solid;*/
	/*padding-right: 20px;*/
}

#navigation li ul {
		display: none;
}

#navigation li.off ul, #navigation li.on ul  { 
		position: absolute;
		top: 23px;
		left: 0;
		margin:0;
		padding:0;
		background: #fff;
		/*width: 100%;*/
		width:900px;
		/*border: 1px dotted  #99FF00;*/
}


#navigation li.on ul {
		background:#ffffff;
}

#navigation li.on:hover ul, #navigation li.over ul { /*for ie*/
		background:#ffffff;
}

#navigation li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		padding: 0 20px 12px 20px;
		margin:0;
		/*border: 1px solid;*/
}

#navigation li ul li {
float:left;
	font-size:85%;
	padding: 0;
	margin: 0;
	/*border: 1px solid;*/
}

/* An 'O-so-unforgivable hack that psuedo-centers the subnav under the main navigation */
#navigation li ul.about { width:900px;padding-left:20px;margin-left:-35px; }
#navigation li ul.retail { width:8000px;padding-left:25px;margin-left:-55px; }
#navigation li ul.realestate { width:875px;padding-left:65px;margin-left:-26px; }
#navigation li ul.classified { width:900px;padding-left:46px;margin-left:-26px; }
#navigation li ul.ask { width:925px;padding-left:55px;margin-left:-100px; }
#navigation li ul.sales { width:900px;padding-left:75px;margin-left:-75px; }
#navigation li ul.org { width:900px;padding-left:0px;margin-left:-105px; }
#navigation li ul.beyond { width:666px;padding-left:600px;margin-left:-26px; }
#navigation li ul.fastfacts { width:700px;padding-left:75px;margin-left:-26px; }
#navigation li.on a {
		color: #97b13e;
}

#navigation li.on ul a, #navigation li.off ul a {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;*/
		border: 0;
		/*float: left;*/ /*ie doesn't inherit the float*/
		color: #344da1;
		width: auto;
		margin: 0 12px;
		padding: 0;
}

#navigation li.on:hover ul a, #navigation li.over ul li a { 
	/*for ie - the specificity is necessary*/
	background: #ffffff;
}

#navigation li.on ul {
		display: block;
}

#navigation li.off:hover ul, #navigation li.over ul {
		display: block;
		z-index: 6000;
}

#navigation li.off a:hover, #navigation li.on a:hover {
	background: #FFFFFF; 
	color: #97b13e;
}   
   
/*subnavigation formatting*/

#navigation li.off ul a, #navigation li.on ul a {
	display: block;
	background: #fff;
	/*font-size: xx-small;*/
	padding: 0 0 12px 0;
}		

#navigation li.on ul a {
	background: #fff;
}