/*suckerfish navigation menus*/

#horiz-menu {
	height: 40px;
}
#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
	z-index: 20;
}
#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 20;	
}
#horiz-menu li span {
	display: block;
	float: left;
	z-index: 20;	
}
#horiz-menu a {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	/*padding: 0px 20px 0px 20px; styled at the end*/
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	z-index: 20;	
}
#horiz-menu li li a {
	font-size: 12px;
	z-index: 20;	
}
#horiz-menu a:hover {
	text-decoration: none;
	z-index: 20;
}
#horiz-menu li:hover, #horiz-menu li.sfHover {
	background: none;
}
.nav, .nav * {
	margin: 0;
	padding: 0;
}
div#horiz-menu {
	position: relative;
	z-index: 49;
}
div#horiz-menu .wrapper {
	position: relative;
}
#horiz-menu li li {
	margin: 0;
}
div#horiz-menu li li span, div#horiz-menu li.active li span, div#horiz-menu li:hover li span {
	background:none;
}
.nav {
	line-height: 1.0;
	float: left;
	margin-bottom: 1.5em;
	position: relative;
}
.nav ul {
	padding: 0;
}
.nav li {
	float: left;
	list-style: none;
	position: relative;
}
.nav li li a {
	display: block;
	padding: 0;
	text-decoration: none;
	background-image: none;
	float: none;
	width: 135px;
}
div#horiz-menu li li a {
	height: 30px;
	line-height: 30px;
}
div#horizmenu li:hover {
	background-position: 0 0;
}
div#horiz-menu li:hover li, div#horiz-menu li.sfHover li, div#horiz-menu li.active:hover li, div#horiz-menu li.active.sfHover li, div#horiz-menu li:hover li span, div#horiz-menu li.sfHover li span {
	background-image: none;
}
div#horiz-menu li:hover li a, div#horiz-menu li.sfHover li a, div#horiz-menu li.active:hover li a, div#horiz-menu li.active.sfHover li a {
	background-image: none;
}
.nav li ul {
	float: none;
	left: -999em;
	position: absolute;
	width: 177px;
	z-index: 5;
}
.nav li:hover ul, .nav li.sfHover ul {
	left: 0px;
	top: 40px;
}
.nav li:hover li ul, .nav li.sfHover li ul, .nav li li:hover li ul, .nav li li.sfHover li ul, .nav li li li:hover li ul, .nav li li li.sfHover li ul {
	top: -999em;
}
.nav li li:hover ul, .nav li li.sfHover ul, .nav li li li:hover ul, .nav li li li.sfHover ul, .nav li li li li:hover ul, .nav li li li li.sfHover ul {
	left: 177px;
	top: 0px;
	width: 177px;
}
.nav li li {
	position: relative;
	float: none;
	width: 177px;
}

/*colours and styles*/

div#navBar {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(../images/navbar/navBarBkg.gif) repeat-x 0 0;
}
.nav ul {
	background: #fff;
}
#horiz-menu a {
	color: #fff;
	padding: 0px 21px 0px 21px;
}
#horiz-menu a:hover {
	text-decoration: underline;
}
#horiz-menu li li {
	border-top: 1px solid #ccc;
}

#horiz-menu li.active {
	color: #fff;
	background: url(../images/navbar/navBarSelectedBkg.gif) repeat-x 0 0;
}
#horiz-menu li:hover a, #horiz-menu li.sfHover a {
	color: #003366;
}
#horiz-menu li.sfHover a {
	color: #003366;
}
#horiz-menu li span.topparent a, #horiz-menu li span.topparent a, #horiz-menu li span.top a, #horiz-menu li span.top a {
	font-weight: bold;
	border-left: solid 1px #76aaff;
	border-right: solid 1px #0e4477;
}
#horiz-menu li span.topparent a.first-item, #horiz-menu li span.topparent a.first-item, #horiz-menu li span.top a.first-item, #horiz-menu li span.top a.first-item {
	border-left: none !important;
}
#horiz-menu li span.topparent a.last-item, #horiz-menu li span.topparent a.last-item, #horiz-menu li span.top a.last-item, #horiz-menu li span.top a.last-item {
	border-right: none !important;
	/*padding-right: 28px !important;  attempeted fix of gap not working in all browsers*/
}
#horiz-menu li span.topparent a, #horiz-menu li span.topparent a {
	background: url(../images/navbar/arrowDown.gif) no-repeat right 51%;
	padding-right: 25px;
}
#horiz-menu li:hover span.topparent a, #horiz-menu li.sfHover span.topparent a, #horiz-menu li span.top a, #horiz-menu li span.top a {
	color: #fff;
}
#horiz-menu li:hover ul, #horiz-menu li.sfHover ul {
	background: #f0f0f0;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	border: 1px solid #ccc;
}
#horiz-menu li li:hover, #horiz-menu li li.sfHover {
	background: #f9f9f9;
}