/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */
#skiplink {
	position: absolute;
	top: 0;
	left: -999em;
	padding: 6px;
	font-size: 75%;
}
#skiplink:focus,#skiplink:active {
	left: 0;
	background-color: #eaf3ff;
	color: #016497;
}
#homelink {
	position: absolute;
	top: 14px;
	left: 20px;
}
#homelink img {
	display: block;
	width: 236px;
	height: 80px;
	border: 0;
}
#topnav {
	position: absolute;
	top: -15px;
	right: 0;
	float: left;
	padding: 0 28px 0 30px;
	background: #3885ba url(../images/bgTopnav.gif) no-repeat 0 0;
	color: #ffffff;
}
#topnav ul {
	float: left;
	min-height: 14px;
	margin: 0;
	padding: 14px 0;
	border-top: 3px solid #91c9de;
	border-bottom: 3px solid #91c9de;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.2em;
	list-style: none;
}
#topnav li {
	float: left;
	padding: 0 0 0 6px;
	background: #3885ba url(../images/bulletTopnav.gif) no-repeat 0 5px;
}
#topnav li.first {
	padding: 0;
	background-image: none;
}
#topnav li a {
	padding: 0 8px;
	background-color: #3885ba;
	color: #ffffff;
	text-decoration: none;
}
#topnav li a:hover,#topnav li a:focus,#topnav li a:active {
	background-color: #3885ba;
	color: #91c9de;
}
#topnav .end {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 48px;
	background: #3885ba url(../images/bgTopnavEnd.gif) no-repeat 0 0;
}

/*** ESSENTIAL STYLES ***/
#nav,#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav {
	float: left;
	font-size: 70%;
	font-weight: bold;
	list-style: none;
	line-height: 1.2em;
	z-index: 3;
}
#nav ul {
	position: absolute;
	top: -999em;
	/*width: 140px;*/
	font-weight: normal;
	line-height: 1.35em;
	z-index: 4;
}
#nav ul li {
	width: 100%;
}
#nav li {
	position: relative;
	float: left;
	padding: 0 0 10px;
	background: #82c3da url(../images/bgNavLi.gif) no-repeat right 0;
	color: #ffffff;
}
#nav li.two {
	background-color: #3acbac;
	color: #ffffff;
}
#nav li.three {
	background-color: #a9d348;
	color: #ffffff;
}
#nav li.four {
	background-color: #ffcc00;
	color: #ffffff;
}
#nav li.five {
	background-color: #ff926c;
	color: #ffffff;
}
#nav li.six {
	background: #9d619e url(../images/bgNavLiDaisy.gif) no-repeat right 0;
	color: #ffffff;
}
#nav li a {
	float: left;
	padding: 16px 13px;
	background: transparent url(../images/bgNavLiA.gif) no-repeat 0 0;
	color: #ffffff;
	text-decoration: none;
}
#nav li.one a {
	width: 58px;
	padding: 16px 16px 16px 17px;
	background: transparent url(../images/bgNavLiAudioA.gif) no-repeat 0 0;
	color: #ffffff;
}
#nav li.two a {
	width: 151px;
}
#nav li.three a {
	width: 123px;
}
#nav li.four a {
	width: 123px;
}
#nav li.five a {
	width: 98px;
}
#nav li.six a {
	width: 99px;
	padding: 16px 17px 16px 16px;
}
#nav a:hover,#nav a:focus,#nav a:active,#nav li.one a:hover,#nav li.one a:focus,#nav li.one a:active {
	background-color: transparent;
	color: #c8e4ee;
}
#nav li li {
	padding: 0;
	border: 0;
	background-image: none;
}
#nav li li a,#nav li.one li a,#nav li.six li a {
	padding: 3px 13px;
	background-image: none;
	border-top: 1px solid #ffffff;
}
#nav li.one li a:hover,#nav li.one li a:focus,#nav li.one li a:active {
	background-color: #65b2cd;
	color: #ffffff;
}
#nav li.two li a {
	background-color: #3acbac;
	color: #ffffff;
}
#nav li.two li a:hover,#nav li.two li a:focus,#nav li.two li a:active {
	background-color: #10b693;
	color: #ffffff;
}
#nav li.three li a {
	background-color: #a9d348;
	color: #ffffff;
}
#nav li.three li a:hover,#nav li.three li a:focus,#nav li.three li a:active {
	background-color: #93ba3a;
	color: #ffffff;
}
#nav li.four li a {
	background-color: #ffcc00;
	color: #ffffff;
}
#nav li.four li a:hover,#nav li.four li a:focus,#nav li.four li a:active {
	background-color: #f5af00;
	color: #ffffff;
}
#nav li.five li a {
	background-color: #ff926c;
	color: #ffffff;
}
#nav li.five li a:hover,#nav li.five li a:focus,#nav li.five li a:active {
	background-color: #ff7848;
	color: #ffffff;
}
#nav li.six li a {
	background-color: #9d619e;
	color: #ffffff;
}
#nav li.six li a:hover,#nav li.six li a:focus,#nav li.six li a:active {
	background-color: #7c447e;
	color: #ffffff;
}
#nav li:hover ul,ul#nav li.sfHover ul {
	left: 0;
	top: 4.9em;
}
#nav li.one:hover ul,ul#nav li.one.sfHover ul {
	left: 1px;
}
#nav li:hover li ul,#nav li.sfHover li ul {
	top: -999em;
}
#nav li li:hover ul,ul#nav li li.sfHover ul {
	left: 9.45em;
	top: -1px;
}
.superfish li:hover ul,.superfish li li:hover ul {
	top: -999em;
}