/*** ESSENTIAL STYLES ***/
.mainNav, .mainNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.mainNav ul {
	position:  		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:1000;
}
.mainNav ul li {
	width:100%;
}
.mainNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.mainNav li {
	float:			left;
	position:		relative;
}
.mainNav a {
	display:		block;
	position:		relative;
}
.mainNav li:hover ul.mainNavSub,
.mainNav li.sfHover ul.mainNavSub {
width:200px;
	left:			0;
	top:			39px; /* match top ul list item height */
	z-index:		99;
}
ul.mainNav li:hover li ul.mainNavSub,
ul.mainNav li.sfHover li ul.mainNavSub {
	top:			-999em;
}
ul.mainNav li li:hover ul.mainNavSub,
ul.mainNav li li.sfHover ul.mainNavSub {
	left:			10em; /* match ul width */
	top:			0;
}
ul.mainNav li li:hover li ul.mainNavSub,
ul.mainNav li li.sfHover li ul.mainNavSub {
	top:			-999em;
}
ul.mainNav li li li:hover ul.mainNavSub,
ul.mainNav li li li.sfHover ul.mainNavSub {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/

.mainNav {
margin:0;
padding:0;
}

.mainNav li {
margin:0;
padding:0;
font:10px/10px Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}

.mainNav li a {
margin:0;
padding:9px 12px 0 12px;
height:30px;
color:#ffffff;
text-decoration:none;
float:left;
}

.mainNav a, .mainNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#ffffff;
}
.mainNav li:hover, .mainNav li.sfHover,
.mainNav a:focus, .mainNav a:hover, .mainNav a:active {
background:#a90056;
}

.mainNav .s a {
background:#a90056;
color:#ffffff;
}

ul.mainNav li.mainSpacer {
margin:0;
padding:0;
background:url(../img/shared/mainSpacer.jpg) no-repeat;
width:1px;
height:39px;
}

.mainNavSub {
margin:0;
padding:0;
height:auto;
}

.mainNavSub li {
margin:0;
padding:0;
width:200px;
background:#a90056;
font:10px/10px Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:left;
text-transform:uppercase;
}

.mainNavSub li a {
margin:0;
padding:5px 0 0 10px;
width:190px;
background:#a90056;
height:30px;
color:#ffffff;
}

.mainNavSub li a:hover {
margin:0;
background:#000000;
color:#ffffff;
}


.mainNavSub li.subSpacer {
margin:0;
padding:0;
background:#a90056;
height:10px;
color:#000000;
}

.mainNavSub li.navHead {
margin:0;
padding:5px 0 0 10px;
width:190px;
background:#ffffff;
height:15px;
color:#a90056;
}

.mainNavSub li.navSubHead {
margin:0;
padding:5px 0 0 10px;
width:190px;
background:#72023b;
height:15px;
color:#FFFFFF;
}