#nav {
	font-size:1.2em;
	font-weight: bold;
	/*background: url(http://www.brighton.co.uk/Shared/Images/bg-menu.gif) repeat-x; */
	width: 970px;
}
.sf-navbar a {
	color: #fff;
}

.sf-navbar li ul li a {
	color: #fff;
	font-weight: normal;
}

.sf-navbar a:hover {
	color: #fff;
	text-decoration: underline;
}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#ccc;
	height:			27px; 
	padding-bottom:	28px;
	position:		relative;
	width:			970px;
	margin: 3px 0 0 0;
}
.sf-navbar li {
	/* background:		#AABDE6;*/
	position:		static;
}
.sf-navbar a {
	border-top:		none;

}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	height:  27px;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
	height:          25px;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.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:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/* **   COLOURS ** */

.sf-navbar{
		background: url(http://www.brighton.co.uk/Shared/Images/bg-menu.gif) repeat-x; 
}

#nav .SubHome{
	background: url(http://www.brighton.co.uk/Shared/Images/Menu-Arrow.gif) right no-repeat;
}

#nav #magazine .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-magazine.gif) right no-repeat;
}

#nav #jobs .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-jobs.gif) right no-repeat;
}

#nav #eating .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-eating.gif) right no-repeat;
}

#nav #whatson .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-whatson.gif) right no-repeat;
}

#nav #accommodation .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-accommodation.gif) right no-repeat;
}

#nav #conference .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-conference.gif) right no-repeat;
}

#nav #attractions .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-attractions.gif) right no-repeat;
}

#nav #www .SubHome{
		background: url(http://www.brighton.co.uk/Shared/Images/arrow-home.gif) right no-repeat;
}
.sf-navbar{
		background: url(http://www.brighton.co.uk/Shared/Images/bg-menu.gif) repeat-x; 
}

/* WWW */

.sf-navbar li#www li {
	background:		#187ee3;
}

.sf-navbar li#www.current {
	background:		#187ee3;
}
.sf-navbar li#www:hover, .sf-navbar li#www.sfHover, .sf-navbar li#www li.current, .sf-navbar #www a:focus, .sf-navbar #www a:hover,  .sf-navbar #www a:active {
	background:		#187ee3;
	
}
.sf-navbar ul li#www :hover,  .sf-navbar ul li#www.sfHover,  ul #www .sf-navbar ul li:hover li, ul #www .sf-navbar ul li.sfHover li,  .sf-navbar ul #www a:focus, .sf-navbar ul #www a:hover,  .sf-navbar ul #www a:active {
	background:		#187ee3;
}
ul.sf-navbar li#www  li li:hover,  ul.sf-navbar li#www li li.sfHover,  .sf-navbar li#www li.current li.current,  .sf-navbar ul li#www li a:focus,   .sf-navbar ul li#www li a:hover,  .sf-navbar ul li#www li a:active {
	background:		#187ee3;
}
ul.sf-navbar #www .current ul, ul.sf-navbar ul li#www:hover ul, ul.sf-navbar #www ul li.sfHover ul {
	background:		#187ee3;
}


/* MAGAZINE */

.sf-navbar li#magazine li {
	background:		#c61a1f;
}
.sf-navbar li#magazine.current {
	background:		#c61a1f;
}
.sf-navbar li#magazine:hover, .sf-navbar li#magazine.sfHover, .sf-navbar li#magazine li.current, .sf-navbar #magazine a:focus, .sf-navbar #magazine a:hover,  .sf-navbar #magazine a:active {
	background:		#c61a1f;
	
}
.sf-navbar ul li#magazine :hover,  .sf-navbar ul li#magazine.sfHover,  ul #magazine .sf-navbar ul li:hover li, ul #magazine .sf-navbar ul li.sfHover li,  .sf-navbar ul #magazine a:focus, .sf-navbar ul #magazine a:hover,  .sf-navbar ul #magazine a:active {
	background:		#c61a1f;

}
ul.sf-navbar li#magazine  li li:hover,  ul.sf-navbar li#magazine li li.sfHover,  .sf-navbar li#magazine li.current li.current,  .sf-navbar ul li#magazine li a:focus,   .sf-navbar ul li#magazine li a:hover,  .sf-navbar ul li#magazine li a:active {
	background:		#c61a1f;
}
ul.sf-navbar #magazine .current ul, ul.sf-navbar ul li#magazine:hover ul, ul.sf-navbar #magazine ul li.sfHover ul {
	background:		#c61a1f;
}

/* ACCOMMODATION */
.sf-navbar li#accommodation li {
	background:		#0071b5;
}
.sf-navbar li#accommodation.current {
	background:		#0071b5;
}
.sf-navbar li#accommodation:hover, .sf-navbar li#accommodation.sfHover, .sf-navbar li#accommodation li.current, .sf-navbar #accommodation a:focus, .sf-navbar #accommodation a:hover,  .sf-navbar #accommodation a:active {
	background:		#0071b5;
}

.sf-navbar ul li#accommodation:hover,  .sf-navbar ul li#accommodation.sfHover,  ul #accommodation .sf-navbar ul li:hover li, ul #accommodation .sf-navbar ul li.sfHover li,  .sf-navbar ul #accommodation a:focus, .sf-navbar ul #accommodation a:hover,  .sf-navbar ul #accommodation a:active {
	background:		#0071b5

}
ul.sf-navbar li#accommodation  li li:hover,  ul.sf-navbar li#accommodation li li.sfHover,  .sf-navbar li#accommodation li.current li.current,  .sf-navbar ul li#accommodation li a:focus,   .sf-navbar ul li#accommodation li a:hover,  .sf-navbar ul li#accommodation li a:active {
	background:		#0071b5;
}
ul.sf-navbar #accommodation .current ul, ul.sf-navbar ul li#accommodation:hover ul, ul.sf-navbar #accommodation ul li.sfHover ul {
	background:		#0071b5;
}

/* WHATS ON */
.sf-navbar li#whatson li {
	background:		#ff8535;
}
.sf-navbar li#whatson.current {
	background:		#ff8535;
}
.sf-navbar li#whatson:hover, .sf-navbar li#whatson.sfHover, .sf-navbar li#whatson li.current, .sf-navbar #whatson a:focus, .sf-navbar #whatson a:hover,  .sf-navbar #whatson a:active {
	background:		#ff8535;
}
.sf-navbar ul li#whatson :hover,  .sf-navbar ul li#whatson.sfHover,  ul #whatson .sf-navbar ul li:hover li, ul #whatson .sf-navbar ul li.sfHover li,  .sf-navbar ul #whatson a:focus, .sf-navbar ul #whatson a:hover,  .sf-navbar ul #whatson a:active {
	background:		#ff8535;
}
ul.sf-navbar li#whatson  li li:hover,  ul.sf-navbar li#whatson li li.sfHover,  .sf-navbar li#whatson li.current li.current,  .sf-navbar ul li#whatson li a:focus,   .sf-navbar ul li#whatson li a:hover,  .sf-navbar ul li#whatson li a:active {
	background:		#ff8535;
}
ul.sf-navbar #whatson .current ul, ul.sf-navbar ul li#whatson:hover ul, ul.sf-navbar #whatson ul li.sfHover ul {
	background:		#ff8535;
}

/* EATING OUT */

.sf-navbar li#eating li {
	background:		#e25737;
}
.sf-navbar li#eating.current {
	background:		#e25737;
}
.sf-navbar li#eating:hover, .sf-navbar li#eating.sfHover, .sf-navbar li#eating li.current, .sf-navbar #eating a:focus, .sf-navbar #eating a:hover,  .sf-navbar #eating a:active {
	background:		#e25737;
}
.sf-navbar ul li#eating :hover,  .sf-navbar ul li#eating.sfHover,  ul #eating .sf-navbar ul li:hover li, ul #eating .sf-navbar ul li.sfHover li,  .sf-navbar ul #eating a:focus, .sf-navbar ul #eating a:hover,  .sf-navbar ul #eating a:active {
	background:		#e25737;
}
ul.sf-navbar li#eating  li li:hover,  ul.sf-navbar li#eating li li.sfHover,  .sf-navbar li#eating li.current li.current,  .sf-navbar ul li#eating li a:focus,   .sf-navbar ul li#eating li a:hover,  .sf-navbar ul li#eating li a:active {
	background:		#e25737;
}
ul.sf-navbar #eating .current ul, ul.sf-navbar ul li#eating:hover ul, ul.sf-navbar #eating ul li.sfHover ul {
	background:		#e25737;
}


/* JOBS */
.sf-navbar li#jobs li {
	background:		#855daa;
}
.sf-navbar li#jobs.current {
	background:		#855daa;
}
.sf-navbar li#jobs:hover, .sf-navbar li#jobs.sfHover, .sf-navbar li#jobs li.current, .sf-navbar #jobs a:focus, .sf-navbar #jobs a:hover,  .sf-navbar #jobs a:active {
	background:		#855daa;
}
.sf-navbar ul li#jobs :hover,  .sf-navbar ul li#jobs.sfHover,  ul #jobs .sf-navbar ul li:hover li, ul #jobs .sf-navbar ul li.sfHover li,  .sf-navbar ul #jobs a:focus, .sf-navbar ul #jobs a:hover,  .sf-navbar ul #jobs a:active {
	background:		#855daa;
}
ul.sf-navbar li#jobs  li li:hover,  ul.sf-navbar li#jobs li li.sfHover,  .sf-navbar li#jobs li.current li.current,  .sf-navbar ul li#jobs li a:focus,   .sf-navbar ul li#jobs li a:hover,  .sf-navbar ul li#jobs li a:active {
	background:		#855daa;
}
ul.sf-navbar #jobs .current ul, ul.sf-navbar ul li#jobs:hover ul, ul.sf-navbar #jobs ul li.sfHover ul {
	background:		#855daa;
}

/* CONFERENCE */
.sf-navbar li#conference li {
	background:		#398fcf;
}

.sf-navbar li#conference.current {
	background:		#398fcf;
}
.sf-navbar li#conference:hover, .sf-navbar li#conference.sfHover, .sf-navbar li#conference li.current, .sf-navbar #conference a:focus, .sf-navbar #conference a:hover,  .sf-navbar #conference a:active {
	background:		#398fcf;
	
}
.sf-navbar ul li#conference :hover,  .sf-navbar ul li#conference.sfHover,  ul #conference .sf-navbar ul li:hover li, ul #conference .sf-navbar ul li.sfHover li,  .sf-navbar ul #conference a:focus, .sf-navbar ul #conference a:hover,  .sf-navbar ul #conference a:active {
	background:		#398fcf;

}
ul.sf-navbar li#conference  li li:hover,  ul.sf-navbar li#conference li li.sfHover,  .sf-navbar li#conference li.current li.current,  .sf-navbar ul li#conference li a:focus,   .sf-navbar ul li#conference li a:hover,  .sf-navbar ul li#conference li a:active {
	background:		#398fcf;
}
ul.sf-navbar #conference .current ul, ul.sf-navbar ul li#conference:hover ul, ul.sf-navbar #conference ul li.sfHover ul {
	background:		#398fcf;
}

/* ATTRACTIONS */
.sf-navbar li#attractions li {
	background:		#22776f;
}

.sf-navbar li#attractions.current {
	background:		#22776f;
}
.sf-navbar li#attractions:hover, .sf-navbar li#attractions.sfHover, .sf-navbar li#attractions li.current, .sf-navbar #attractions a:focus, .sf-navbar #attractions a:hover,  .sf-navbar #attractions a:active {
	background:		#22776f;
	
}
.sf-navbar ul li#attractions :hover,  .sf-navbar ul li#attractions.sfHover,  ul #attractions .sf-navbar ul li:hover li, ul #attractions .sf-navbar ul li.sfHover li,  .sf-navbar ul #attractions a:focus, .sf-navbar ul #attractions a:hover,  .sf-navbar ul #attractions a:active {
	background:		#22776f;

}
ul.sf-navbar li#attractions  li li:hover,  ul.sf-navbar li#attractions li li.sfHover,  .sf-navbar li#attractions li.current li.current,  .sf-navbar ul li#attractions li a:focus,   .sf-navbar ul li#attractions li a:hover,  .sf-navbar ul li#attractions li a:active {
	background:		#22776f;
}
ul.sf-navbar #attractions .current ul, ul.sf-navbar ul li#attractions:hover ul, ul.sf-navbar #attractions ul li.sfHover ul {
	background:		#22776f;
}