/**
 *	<SITE>
 *  Screen Navigation Styles
 *
 *	@author:	Nathan Crowe <http://www.imagin8.com>
 *	@date:		09/05/2007
 *
 *	Table of Contents:
 *		navigation
 *
 */

/** navigation
--------------------------------------- */
.suckerfishMenu, .suckerfishMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 150px;
}

.suckerfishMenu {
	font-size: 12px;
	padding-top: 25px;
}

.suckerfishMenu li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	/*margin-bottom : -1px;*/
	width: 150px;
	text-align: right;
	margin-bottom: 2px;
	font-weight: bold;
}

.suckerfishMenu li ul { /* second-level lists */
	background-color: #fff;
	position : absolute;
	left: -999em;
	margin-left : 150px;
	margin-top : -26px;
	border: 1px solid #000;
	width:		250px;
	padding: 10px 0;
}

.suckerfishMenu li ul li {
	width:		250px;
	text-align: left;
	font-weight: normal;
	margin-bottom: 0;
}

.suckerfishMenu li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 250px !important; /* important = IE7 CSS specificity bugfix */
}

.suckerfishMenu li a {
	width: 125px;
	display : block;
	color : black;
	/*font-weight : bold;*/
	text-decoration : none;
	/*border : 1px solid black;*/
	padding : 0 25px 0 0;
}
.suckerfishMenu ul li a {
	border-bottom: 1px solid #dddddd;
}
.suckerfishMenu ul li.sf_bottomchild a {
	border-bottom: 0px;
}

.suckerfishMenu li ul a {
	width: 200px;

	background-color : white;
	padding: 3px 25px 3px 25px;
}

.suckerfishMenu li a:hover {
	background: transparent url(../images/bg-nav.gif) right 50% no-repeat;
	color: #999999;
}

.suckerfishMenu li ul a:hover {
	color: #000;
	background: #b4d800 url(../images/bg-sub-nav.gif) left 50% no-repeat;
}

.suckerfishMenu li ul li ul li a:hover {
	background-image: none;
}

.suckerfishMenu li:hover ul ul, .suckerfishMenu li:hover ul ul ul, .suckerfishMenu li.sfhover ul ul, .suckerfishMenu li.sfhover ul ul ul {
	left: -999em;
}

.suckerfishMenu li:hover ul, .suckerfishMenu li li:hover ul, .suckerfishMenu li li li:hover ul, .suckerfishMenu li.sfhover ul, .suckerfishMenu li li.sfhover ul, .suckerfishMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}