/*essential styles*/

#main_menu
{
	background:url(../images/template_images/main-menu-bg.jpg) no-repeat center;
	width:969px;
	height:21px;
	margin:7px 0 0 0;
	padding:5px 10px 0 10px;
}

.nav, .nav * 
{
	margin:			0 0 0 1px;
	padding:		0;
	list-style:		none;
}

.nav 
{
	line-height:	1.0;
}

.nav ul 
{
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

.nav ul li 
{
	width:			100%;
}

.nav li:hover 
{
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.nav li 
{
	float:			left;
	position:		relative;
}

.nav a 
{
	display:		block;
	position:		relative;
}

.nav li:hover ul,
.nav li.sfHover ul 
{
	left:			0;
	top:			1.6em; /* match top ul list item height */
	z-index:		99;
}

ul.nav li:hover li ul,
ul.nav li.sfHover li ul 
{
	top:			-999em;
}

ul.nav li li:hover ul,
ul.nav li li.sfHover ul 
{
	left:			10em; /* match ul width */
	top:			0;
}

ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul 
{
	top:			-999em;
}

ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul 
{
	left:			10em; /* match ul width */
	top:			0;
}

/*skin*/

.nav 
{
	float:			left;
	margin-bottom:	1em;
}

.nav a 
{
	padding:3px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:	0.9em;
}

.nav a, .nav a:visited  
{ 
	/* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.nav a.active
{
	background-color:#fff;
	color:#4B5860;
}

.nav li 
{
	background:		none;
	margin:0 16px 0 0;
}

.nav li li 
{
	background:		#6C7982;
	width:200px;
	padding:5px;
}

.nav li li:hover, .nav li li.sfHover
{
	padding:5px;
}

.nav li li a:hover
{
	color:#95A2AB;
	background:		#6C7982;
}


.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active 
{
	color:			#02025a;
	outline:		0;
}