.nav, .nav * {
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-size:11px;
	font-family:georgia, times, serif;
}
.nav {
	width: 217px;
	margin-bottom:20px;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	width: 224px;
	border:1px solid #CBCBCB;
	border-left:none;
	padding:2px 0 0px 0;
}
.nav li {
	background:#FFF;
	border-left:1px solid #fff;
	border-top:1px solid #CFDEFF;
	float: left;
	list-style:none;
	position:relative;
	width: 217px;
	z-index:999;
}
.nav a {
	color: #2d4984;
	display:block;
	text-indent:13px;
	text-decoration:none;
	height:28px;
	line-height:28px;
	background: url("../images/interface/btn/sub-nav-btn.gif") no-repeat top left;
	margin-top:-1px;
}
* html .nav a {
	margin-top:-2px;
}
* html .nav ul li a {
	margin-bottom:-1px;
}
.nav li ul {
	top:-999em;
	position:absolute;
	width:225px;
}
.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background: url("../images/interface/btn/sub-nav-btn.gif") no-repeat bottom left;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:217px;
	top:-1px;
}
.nav ul li {
	width: 224px;
}
.nav ul a{
	color: #fff;
	display:block;
	text-indent:13px;
	text-decoration:none;
	width:224px;
	height:23px;
	line-height:23px;
	background: url("../images/interface/btn/fly-out-btn-02.gif") no-repeat top left;
	margin-top:-1px;
}
* html .nav a a{
	margin-top:-2px;
}
.nav ul li:hover,
.nav ul li.sfHover,
.nav ul a:focus, .nav ul a:hover, .nav ul a:active {
	background: url("../images/interface/btn/fly-out-btn-02.gif") no-repeat bottom left;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
{
	top: -999em;
}
.nav li li {
	background:#FFF;
	width:224px;
}
.nav li li a {
	padding-right:0;
	width:224px;
}