.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	float: left;
	position:relative;
	width:700px;
}
.nav ul {
	float: left;
	position:relative;
}
.nav li {
	float: left;
	list-style:none;
	margin:0px 5px 0px 0px;

}
.nav li.current ul {
}
.nav li.sfHover ul,
ul.nav li:hover ul {
}
.nav li li {
	margin:0px 5px 0 0px;
}
.nav a {
	
	display:block;
	float: left;
	text-decoration:none;
	font-size: 1.5em;
	font-weight:bold;
	height:20px;
	padding-top:2px;

}

.nav li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:690px;
	margin: 22px 0 0 0px;
	height:22px;
	display:inline;

}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}


.leftCurve, .rightCurve, .leftCurveOn, .rightCurveOn
{
	float:left;
	width:5px;
	height:22px;
}


/* NAV COLOURS - Main Nav */
.nav a
{
	color: #aeaeae;
}

.nav li:hover #MainNav a,
.nav li.sfHover #MainNav a,
.nav li.current #MainNav a,
#MainNav a:hover
{
	color:#ffffff;
	background-color:#18216c;
}

.nav li:hover #MainNav .leftCurve,
.nav li.sfHover #MainNav .leftCurve,
.nav li.current #MainNav .leftCurve,
#MainNav a:hover .leftCurve
{
	background: #ffffff url('/images/backgrounds/PageNavCurveLeft.gif') no-repeat left top;
}

.nav li:hover #MainNav .rightCurve,
.nav li.sfHover #MainNav .rightCurve,
.nav li.current #MainNav .rightCurve,
#MainNav a:hover .rightCurve
{
	background: #ffffff url('/images/backgrounds/PageNavCurveRight.gif') no-repeat left top;
}

.nav li ul, 
.nav li ul li
{
	background-color:#ffffff;
}

/* NAV COLOURS - Main Sub-Nav */
.nav li ul	li:hover a,
.nav li ul li.sfHover a,
.nav li ul li.current a,
.nav li ul  li a:hover 
{
	color:#ffffff;
	background-color:#4cbdec;
}

.nav li ul li:hover .leftCurve,
.nav li ul li.sfHover .leftCurve,
.nav li ul li.current .leftCurve,
.nav li ul li a:hover .leftCurve,
.leftCurveOn
{
	background: #ffffff url('/images/backgrounds/PageSubNavCurveLeft.gif') no-repeat left top;
}

.nav li ul li:hover .rightCurve,
.nav li ul li.sfHover .rightCurve,
.nav li ul li.current .rightCurve,
.nav li ul li a:hover .rightCurve,
.rightCurveOn
{
	background: #ffffff url('/images/backgrounds/PageSubNavCurveRight.gif') no-repeat left top;
}