/*** Frontend Navigation Styles ***/
.sf-menu, .sf-menu * {	margin:0;	padding:0;	list-style:none;}
.sf-menu {	line-height:1.0;}
.sf-menu ul {	position:absolute;	top:-999em;	width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {	width:100%;}
.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {	float:left;	position:relative;}
.sf-menu a {	display:block;	position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left:0;	top:22px; /* match top ul list item height */	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {	top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {	left:10em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {	top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left:10em; /* match ul width */	top:0;}
/*** DEMO SKIN ***/
.sf-menu {	float:left;}
.sf-menu a {	text-decoration:none;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/	color:#13a;}
.sf-menu li {	margin:0;	padding:0;}
.sf-menu li li {	background:#FFF;	font-size:0.75em;	padding:5px;}
.sf-menu li li li {	background:#c9e4e0;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	background:#c9e4e0;	outline:0;}
/*** arrows **/
.sf-menu a.sf-with-ul {	padding-right: 2.25em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:absolute;	display:block;	right:.75em;	top:1.05em; /* IE6 only */	width:10px;	height:10px;	text-indent: -999em;	overflow:hidden;	background:url('../images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */	top:.8em;	background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {	background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator {	background-position:  0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {	background-position: -10px 0; /* arrow hovers for modern browsers*/}





/*** Backend Navigation Styles ***/
#navigation .pageNav, #navigation .pageNav * {	margin:0;	padding:0;	list-style:none;}
#navigation .pageNav {		background-color:#007778;	color:#fff;	line-height:1.0;	padding:6px;	margin:0px;	}
#navigation .pageNav, #navigation .pageNav li {	list-style-image:none!important;	list-style-type:none;	}
#navigation .pageNav li span {		display:block;	height:16px;	padding:4px 6px;	width:206px;	}
#navigation .pageNav li span:hover {		background-color:#13a6a7;	}
#navigation .pageNav li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
#navigation .pageNav li {		float:left;	position:relative;}
/* main level nav */
#navigation .pageNav li a {				color:#fff;	display:block;	font-weight:bold;	height:16px;	padding:4px 6px;	text-decoration:none;	width:206px;	}
#navigation .pageNav li a:visited {		color:#fff;	display:block;	font-weight:bold;	}
#navigation .pageNav li a:hover {		background-color:#13a6a7;	color:#fff;	display:block;	font-weight:bold;	}
#navigation .pageNav li a:active {		color:#fff;	display:block;	font-weight:bold;	}
/* second level nav */
#navigation .pageNav ul {		background-color:#007778;	padding:6px 0;	position:absolute;	top:-999em;	width:230px; /* left offset of submenus need to match (see below) */}
#navigation .pageNav ul li {	background-color:#007778;	margin:0 6px;	width:218px;	}
#navigation .pageNav li li a {			font-weight:normal;	}
#navigation .pageNav li li a:visited {	font-weight:normal;	}
#navigation .pageNav li li a:hover {	font-weight:normal;	}
#navigation .pageNav li li a:active {	font-weight:normal;	}

#navigation .pageNav li:hover ul, #navigation .pageNav li.sfHover ul {	left:210px;	top:0; /* match top ul list item height */	z-index:99;}
ul#navigation .pageNav li:hover li ul, ul#navigation .pageNav li.sfHover li ul {	top:-999em;}
ul#navigation .pageNav li li:hover ul, ul#navigation .pageNav li li.sfHover ul {	left:206px; /* match ul width */	top:0;}
ul#navigation .pageNav li li:hover li ul, ul#navigation .pageNav li li.sfHover li ul {	top:-999em;}
ul#navigation .pageNav li li li:hover ul, ul#navigation .pageNav li li li.sfHover ul {	left:206px; /* match ul width */	top:0;}
/*** DEMO SKIN ***/
#navigation .pageNav {	float:left;}
#navigation .pageNav a {	text-decoration:none;}
#navigation .pageNav a, #navigation .pageNav a:visited { /* visited pseudo selector so IE6 applies text colour*/	color:#13a;}
#navigation .pageNav li {	margin:0;	padding:0;}
#navigation .pageNav li li li {	background:#c9e4e0;}
#navigation .pageNav li:hover, #navigation .pageNav li.sfHover, #navigation .pageNav a:focus, #navigation .pageNav a:hover, #navigation .pageNav a:active {	background:#13a6a7;	outline:0;}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
#navigation .pageNav ul .sf-sub-indicator {	background-position:  -10px 0;}
#navigation .pageNav ul a > .sf-sub-indicator {	background-position:  0 0;}
/* apply hovers to modern browsers */
#navigation .pageNav ul a:focus > .sf-sub-indicator, #navigation .pageNav ul a:hover > .sf-sub-indicator, #navigation .pageNav ul a:active > .sf-sub-indicator, #navigation .pageNav ul li:hover > a > .sf-sub-indicator, #navigation .pageNav ul li.sfHover > a > .sf-sub-indicator {	background-position: -10px 0; /* arrow hovers for modern browsers*/}





/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar li {	position:static;}
.sf-navbar ul {	width:44em; /*IE6 soils itself without this*/	height:40px!important;}
.sf-navbar ul li {	width:auto;	float:left;}
.sf-navbar li li {	background:#FFF;	position:relative;	text-align:center;	line-height:1.2em;	padding:3px 3px 3px 0!important;}
.sf-navbar li li a {	padding:4px 4px 4px 6px;	border-left:1px solid #006f66;}
.sf-navbar li li a:visited {	text-decoration:none;}
.sf-navbar a.first {	border-left:none;}
.sf-navbar li li li {	width:100%;}
.sf-navbar a, .sf-navbar a:visited {	color: #231f20;}
.sf-navbar li.current {	background:#FFFFFF;}
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {	background-color: #FFFFFF;	color: #006f66;}
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {	padding: 0;	background:#FFFFFF;	-moz-border-radius-bottomleft: 0;	-moz-border-radius-topright: 0;	-webkit-border-top-right-radius: 0;	-webkit-border-bottom-left-radius: 0;}