/**
 *  --------------------------------------------------------------------------------------
 *  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:191px;	width:60px;}
.places      { left:251px; 	width:140px;}
.attractions { left:391px;	width:252px;}
.events      { left:643px;	width:73px;}
.visit       { left:716px;	width:199px;}


.home            a:hover, .home .selected        { background: transparent url(../images/interface/nav.gif)  -191px -27px no-repeat;}
.places          a:hover, .places .selected      { background: transparent url(../images/interface/nav.gif)  -251px -27px no-repeat;}
.attractions     a:hover, .attractions .selected { background: transparent url(../images/interface/nav.gif)  -391px -27px no-repeat;}
.events          a:hover, .events .selected      { background: transparent url(../images/interface/nav.gif)  -643px -27px no-repeat;}
.visit           a:hover, .visit .selected       { background: transparent url(../images/interface/nav.gif)  -716px -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;
}