
/*	Horizontal menu - Version 3
 *	Based on Suckerfish Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/
 *	September 2006
 */

/*******************
 *  Edit this bit  *
 *******************/


#nav a {
	/* set style of all menu elements */
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #4F7CB7;
	padding: 2px 10px 3px 10px;
	line-height: 20px;
	text-align:left;
	background-color: #02679A;

}

#nav li {
	/* set font size here */
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

#nav a:hover {
	/* set style of hover here */
	background-color: #4F7CB7;
}

#nav li ul {
	/* set style of 'drop-downs' here */
	background-color: #02679A;
	border-top: 1px solid #4F7CB7;
}

#nav ul a {
	/* set style of child elements here */
	border: 1px solid #4F7CB7;
	border-top: none;
	background-color: #02679A;
}

/* set width of top-level elements here */
/*#nav a, #nav li {width: 90px;}*/

/* set width of 'drop-downs' here */
#nav li ul, #nav li ul li, #nav li ul a {width: 190px;}

/* set width of 'pop-outs' here */
#nav li ul ul {margin-left: 80px !important;}

/*******************************************
 *  You shouldn't need to edit below here  *
 *******************************************/

#nav, #nav ul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	line-height: 1;
/*	position: absolute;
	z-index: 1000;*/
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li ul li.haschild a {
	background-image: url(/plugins/horizontal_menu/img/arr1.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

#nav li ul li.haschild li a {
	background-image: none;
}

#nav li ul ul {
	margin-top: -23px !important;
}

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

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

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


