/**
 *  --------------------------------------------------------------------------------------
 *  Navigation CSS
 *  ----------------------------------------------------
 *  Modified	October 14, 2008 by Bree
 *  @version	3.0.1
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	Main Navigation Styles
 *  2.  Navigation Buttons
 *  3.	Main Navigation Dropdown
 *  4.	Main Navigation Fly Out
 *  --------------------------------------------------------------------------------------
 */

/* Main Navigation Styles
--------------------------------------------------------------------------------------- */
.navigation {
	font-size:			9px;
	list-style:			none;
	width:				915px;
	height:				27px;
	margin:				0 auto 0 auto;
	padding:                        0 0 0 0;
	display:			block;
	position:			relative;
	z-index:			20;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
	background:			url(../images/interface/nav.gif) no-repeat;
}

.navigation li {
	position:			absolute;
	top:				0px;
	z-index:			30; /* ensure submenus appear above other page items.*/
}
.navigation li span {
	display:			none;
}
.navigation li a { 
	height:				27px;
	display:			block;
}
/* Navigation Buttons
--------------------------------------------------------------------------------------- */
.home       { left:211px;	width:58px;}
.business   { left:270px; 	width:122px;}
.tools 		{ left:393px;	width:95px;}
.links      { left:489px;	width:92px;}
.walk      	{ left:582px;	width:129px;}
.visit      { left:712px;	width:203px;}


.home a:hover, .home .selected        	{ background: transparent url(../images/interface/nav.gif)  -211px -27px no-repeat;}
.business a:hover, .business .selected  { background: transparent url(../images/interface/nav.gif)  -270px -27px no-repeat;}
.tools a:hover, .tools .selected 		{ background: transparent url(../images/interface/nav.gif)  -393px -27px no-repeat;}
.links a:hover, .links .selected      	{ background: transparent url(../images/interface/nav.gif)  -489px -27px no-repeat;}
.walk a:hover, .walk .selected      	{ background: transparent url(../images/interface/nav.gif)  -582px -27px no-repeat;}
.visit a:hover, .visit .selected       	{ background: transparent url(../images/interface/nav.gif)  -712px -27px no-repeat;}

/* Main Navigation Dropdown
--------------------------------------------------------------------------------------- */
.navigation li:hover ul,
ul.navigation li.sfHover ul {
	left:				-20px; /* position first dropdown directly under parent li */
	top:				27px; /* should match the height of .nav set in the Structure.css.*/
	
}
.navigation li ul {
	position:			absolute; /* remove from flow and allow positioning */
	top:				-999px; /* hidedropdown in screen-reader and search-engine friendly way */
	width:				155px; /*sets the width of the drop down.*/
	height:				108px;
	list-style:			none;
	padding:                        0 0 0 0;
	margin:                         0 0 0 0;
	background:			url(../images/interface/bg-dropdown.png) no-repeat;
}
.navigation li ul li{
	float:				left;
	position:			relative;
	z-index:			40; /* ensure dropdown appear above other page items.*/
}
.navigation li ul li a  {
	color:				#421111;
	text-decoration:	         none;
	width:				140px;
	height:				14px;
	margin:				0 5px 0px 6px;
	padding:                        3px 0 7px 4px;
	display:			block; /* make IE6 obey width when text-indent is used */
	background:			url(../images/interface/rule-02.gif) bottom repeat-x;
}
.navigation li ul li a:hover {
	color:				#ba1c1c;
	background:			url(../images/interface/rule-02.gif) bottom repeat-x;
}
.navigation li ul li a:visited {
	color:				#421111;
	background:			url(../images/interface/rule-02.gif) bottom repeat-x;
}
/* Main Navigation Fly Out
--------------------------------------------------------------------------------------- */
.navigation li:hover li ul,
.navigation li.sfHover li ul {
	top:				-999em; /* hide flyout in screen-reader and search-engine friendly way */
}
.navigation li li:hover ul,
ul.navigation li li.sfHover ul {
	left:				160px; /*sould be set the the width of the dropdown.*/
	top:				0px; /* position flyout horizontally aligned to parent li */
}
.navigation li ul li ul {
	position:			absolute; /* remove from flow and allow positioning */
	top:				-999px; /* hidedropdown in screen-reader and search-engine friendly way */
	width:				150px;
	padding:                        0 0 0 0;
	margin:				0 0 0 0;
	list-style:			none;
}
.navigation li ul li ul li{
	width:				100%;
	float:				left;
	position:			relative;
	z-index:			50; /* ensure dropdown appear above other page items.*/
}
.navigation li ul li ul li a {
	color:				#00FF00;
	display:			block; /* make IE6 obey width when text-indent is used */
	font-weight:		        bold;
	text-decoration:	        none;
	height:				15px;
	padding:                        10px 0 3px 10px;
	display:			block;
}
.navigation li ul li ul li a:hover {
color:					#FF0000;
}