/**********************************************************************************
**
** SuckerFish Menu CSS File
**  
**  This uses concepts and methods from:
**		http://www.htmldog.com/articles/suckerfish/dropdowns/
**  Go to that link for a full tutorial on its use
**		[NOTE: the tutorial uses id="nav" for the top-level <ul> tag;
**			but since we already use 'nav' as the id for the containing <div> tag, 
**			we use 'menu' as the id for the top-level <ul> tag.]
**
** Must also use sfmenu.js to work with IE6
**
** Currently only supports 3 levels (top, 1st dropdown, 2nd dropdown).  
**
** The menu structure must look like this:
** 	<div id="hNav">
**		<ul id="menu"> <!-- top level -->
**			<li><a href="#">1</a></li>
**			<li><a href="#">2</a></li>
**			<li><a href="#">3</a>
**				<ul> <!-- 1st dropdown level -->
**					<li><a href="#">3-1</a></li>
**					<li><a href="#">3-2</a>
**						<ul> <!-- 2nd dropdown level -->
**							<li><a href="#">3-2-1</li>
**							<li><a href="#">3-2-2</li>
**							<li><a href="#">3-2-3</li>
**						</ul> <!-- end 2nd dropdown level -->
**					</li> <!-- end item 3-2 -->
**					<li><a href="#">3-3</a></li>
**				</ul> <!-- end dropdown level -->
**			</li> <!-- end item 3 -->
**			<li><a href="#">1-4</a></li>
**		</ul> <!-- end menu -->
**	</div> <!-- end nav -->
**
** You will have to adjust some parts of this file for each use 
** in order to customize page colors, sizes, and exact positioning. 
** Any line commented 'styling' may be changed without too much trouble.
**
** Good luck, and remember to test in all browsers often!
**
**********************************************************************************/
/*
*/
#hNav {
	position:absolute !important;
	display:block;
	top:0;
	right:10px;
	/*width:463px;*/
	height:21px; !important
	white-space:nowrap;
	overflow:visible;
	margin:0;
	padding:0;
	z-index:10; /* if the menu has to be visible above a Flash element  */
}

#menu #hnav_home {
	width:73px;
}

#menu #hnav_credit {
	width:178px;
}

#menu #hnav_about {
	width:97px;
}

#menu #hnav_contact {
	width:115px;
}




#menu, #menu ul {
	padding: 0; /* initialization */
	margin: 0; /* initialization */
	list-style: none; /* initialization */
	line-height: 1; /* works in conjunction with the 'margin' (top) code below for '#menu li ul ul' */
	z-index:10; /* if the menu has to be visible above a Flash element  */
	position:relative;
}

#menu a {
	white-space:nowrap; /* keeps menu items on a single line */
	display:block;
}

#menu li {
	float:left; /* lines up the menu items horizontally */
	display:block;
	position:relative;
	/*padding:0 5px;  styling */
	/*top:2px;  styling */	
}

#menu li ul {
	position: absolute; /* breaks the flow of the page, so that the submenus may be hidden */
	left: -999em; /* pushes the sub-menu out of sight to the left until 'revealed' */
	background:#000; /* styling */
	text-align:left; /* styling */
	text-transform:none;  /* styling */
	font-weight:bold; /* styling */
	width:113px;
}

#menu ul li {
	width:100%;
	white-space:nowrap; /* keeps menu items on a single line */
	padding:0; /* styling */
	display:block;
}

#menu li:hover ul, #menu li.sfhover ul { /* note: .sfhover is a class created by sfmenu.js, so that IE6 can recoginze a hover on the <li> element */
	left: auto; /* shows 1st level submenu when the containing <li> is hovered */
}


#menu li:hover ul ul, #menu li.sfhover ul ul { /* note: .sfhover is a class created by sfmenu.js, so that IE6 can recoginze a hover on the <li> element */
	left: -999em; /* pushes the 2nd level sub-menu out of sight to the left when the 1st level is revealed, until it is also 'revealed' */
}
 /* shows 2nd level submenu when the containing <li> is hovered */
#menu li:hover ul, #menu li.sfhover ul, {
	left:auto;
}

/* if there are any items in the right-most menu item's drop-down, give the sub-level <ul> a class of 'navLastItem' and adjust the number 
#menu li:hover ul.navLastItem, #menu li.sfhover ul.navLastItem {
	left:-84px;
}
*/

#menu ul a {
	color:#fff; /* styling */
	padding: 4px 1em 4px; /* styling */
	background:#000; /* styling */
}

#menu ul a:hover  {
	background:#1674a7; /* styling */
	text-decoration:none; /* styling */
}

a.parent {
	cursor:default;
}


/* end Suckerfish Menu CSS code */