/**
 *	Richmond Valley
 *  Screen Navigation Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		10/07/2007
 *
 *	Table of Contents:
 *		navigation
 *		quick links
 *		accessibility
 *
 */

/** main navigation
--------------------------------------- */
/*
<ul id="suckerfishMenu0" class="suckerfishMenu">
	<li class="sf_topchild" id="sf_menu_0"><a href="index.php?action=view&view=16474"  title="Home Page">Home Page</a></li>
	<li class="sf_current" id="sf_menu_1"><a href="index.php?action=view&view=16460"  title="Your Council">Your Council</a></li>
	<li id="sf_menu_2"><a href="index.php?action=view&view=16461"  title="A-Z of Services">A-Z of Services</a></li>
	<li id="sf_menu_3"><a href="index.php?action=view&view=16462"  title="Events">Events</a></li>
	<li id="sf_menu_4"><a href="index.php?action=view&view=16463"  title="Tourism">Tourism</a></li>
	<li id="sf_menu_5"><a href="index.php?action=view&view=16464"  title="Forms">Forms</a></li>
	<li id="sf_menu_6"><a href="index.php?action=view&view=16465"  title="Reports & Publications">Reports & Publications</a></li>
	<li class="sf_bottomchild" id="sf_menu_7"><a href="index.php?action=view&view=16466"  title="Contact">Contact</a></li>
</ul>
*/
ul#navigation-map,
ul#suckerfishMenu0 {
	background:				url(../images/navigation.gif) no-repeat;
	height:					28px;
	list-style:				none;
	padding:				0;
	position:				relative;
	width:					688px;
	margin:					0 auto;
	z-index:				100;
}

ul#navigation-map li,
ul#suckerfishMenu0 li {
	float:					left;
}

ul#navigation-map li a,
ul#suckerfishMenu0 li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					28px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
}

ul#navigation-map li ul,
ul#suckerfishMenu0 li ul {
	background-color:		#fff;
	left:					-9999px;
	list-style:				none;
	margin:					0;
	padding:				0;
	position:				absolute;
	width:					180px;
	z-index:				100000;
}

ul#navigation-map li ul li,
ul#suckerfishMenu0 li ul li {
	background:				#141e0f;
	float:					none;
}

ul#navigation-map li ul li a,
ul#suckerfishMenu0 li ul li a {
	border:					1px solid #c0c3bf;
	border-top-width:		0;
	color:					#fff;
	font-family:			Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:				11px;
	height:					auto;
	margin-bottom:			-1px; /* wierd thing happening in ie7?? */
	left:					-9999px;
	padding:				8px 2px 8px 12px;
	width:					164px;
	text-indent:			0px;
}

ul#navigation-map li:hover, ul#navigation-map li.hover,
ul#suckerfishMenu0 li:hover, ul#suckerfishMenu0 li.hover {
    position:				static;
}

ul#navigation-map li ul li a:hover,
ul#suckerfishMenu0 li ul li a:hover {
	color:					#fff600;
}

ul#navigation-map li:hover ul,
ul#suckerfishMenu0 li:hover ul {
	left:					auto;
}

ul#navigation-map li:hover ul, #navigation li.sfhover ul,
ul#suckerfishMenu0 li:hover ul, #suckerfishMenu0 li.sfhover ul {
	background-color:		#323232;
	left:					auto;
	position:				absolute;
	z-index:				1000;
}

.sfhover {
    z-index:				1000 !important;
}

#nl-home,
#nl-home a,
#sf_menu_0,
#sf_menu_0 a {
	width:					79px /*79px*/
}

#nl-council,
#nl-council a,
#sf_menu_1,
#sf_menu_1 a {
	width:					104px;/*183px*/
}

#nl-services,
#nl-services a,
#sf_menu_2,
#sf_menu_2 a {
	width:					107px;/*290px*/
}

#nl-events,
#nl-events a,
#sf_menu_3,
#sf_menu_3 a {
	width:					61px;/*351px*/
}

#nl-tourism,
#nl-tourism a,
#sf_menu_4,
#sf_menu_4 a {
	width:					70px;/*421px*/
}

#nl-forms,
#nl-forms a,
#sf_menu_5,
#sf_menu_5 a {
	width:					56px;/*477px*/
}

#nl-reports,
#nl-reports a,
#sf_menu_6,
#sf_menu_6 a {
	width:					139px;/*643px*/
}

#nl-contact,
#nl-contact a,
#sf_menu_7,
#sf_menu_7 a {
	width:					72px;
}

#nl-home a:hover, #nl-home a:active, #nl-home a.active, #nl-home a:focus,
#sf_menu_0 a:hover, #sf_menu_0 a:active, #sf_menu_0 a.active, #sf_menu_0 a:focus {
    background: transparent url(../images/navigation.gif) 0px -28px no-repeat !important;
}
#nl-council a:hover, #nl-council a:active, #nl-council a.active, #nl-council a:focus,
#sf_menu_1 a:hover, #sf_menu_1 a:active, #sf_menu_1 a.active, #sf_menu_1 a:focus {
    background: transparent url(../images/navigation.gif) -79px -28px no-repeat !important;
}
#nl-services a:hover, #nl-services a:active, #nl-services a.active, #nl-services a:focus,
#sf_menu_2 a:hover, #sf_menu_2 a:active, #sf_menu_2 a.active, #sf_menu_2 a:focus {
    background: transparent url(../images/navigation.gif) -183px -28px no-repeat !important;
}
#nl-events a:hover, #nl-events a:active, #nl-events a.active, #nl-events a:focus,
#sf_menu_3 a:hover, #sf_menu_3 a:active, #sf_menu_3 a.active, #sf_menu_3 a:focus {
    background: transparent url(../images/navigation.gif) -290px -28px no-repeat !important;
}
#nl-tourism a:hover, #nl-tourism a:active, #nl-tourism a.active, #nl-tourism a:focus,
#sf_menu_4 a:hover, #sf_menu_4 a:active, #sf_menu_4 a.active, #sf_menu_4 a:focus {
    background: transparent url(../images/navigation.gif) -351px -28px no-repeat !important;
}
#nl-forms a:hover, #nl-forms a:active, #nl-forms a.active, #nl-forms a:focus,
#sf_menu_5 a:hover, #sf_menu_5 a:active, #sf_menu_5 a.active, #sf_menu_5 a:focus {
    background: transparent url(../images/navigation.gif) -421px -28px no-repeat !important;
}
#nl-reports a:hover, #nl-reports a:active, #nl-reports a.active, #nl-reports a:focus,
#sf_menu_6 a:hover, #sf_menu_6 a:active, #sf_menu_6 a.active, #sf_menu_6 a:focus {
    background: transparent url(../images/navigation.gif) -477px -28px no-repeat !important;
}
#nl-contact a:hover, #nl-contact a:active, #nl-contact a.active, #nl-contact a:focus,
#sf_menu_7 a:hover, #sf_menu_7 a:active, #sf_menu_7 a.active, #sf_menu_7 a:focus {
    background: transparent url(../images/navigation.gif) -616px -28px no-repeat !important;
}

#nl-home ul li a:hover, #nl-home ul li a:active, #nl-home ul li a:focus,
#sf_menu_0 ul li a:hover, #sf_menu_0 ul li a:active, #sf_menu_0 ul li a:focus { background-image: none !important; }
#nl-council ul li a:hover, #nl-council ul li a:active, #nl-council ul li a:focus,
#sf_menu_1 ul li a:hover, #sf_menu_1 ul li a:active, #sf_menu_1 ul li a:focus { background-image: none !important; }
#nl-services ul li a:hover, #nl-services ul li a:active, #nl-services ul li a:focus,
#sf_menu_2 ul li a:hover, #sf_menu_2 ul li a:active, #sf_menu_2 ul li a:focus { background-image: none !important; }
#nl-events ul li a:hover, #nl-events ul li a:active, #nl-events ul li a:focus,
#sf_menu_3 ul li a:hover, #sf_menu_3 ul li a:active, #sf_menu_3 ul li a:focus { background-image: none !important; }
#nl-tourism ul li a:hover, #nl-tourism ul li a:active, #nl-tourism ul li a:focus,
#sf_menu_4 ul li a:hover, #sf_menu_4 ul li a:active, #sf_menu_4 ul li a:focus { background-image: none !important; }
#nl-forms ul li a:hover, #nl-forms ul li a:active, #nl-forms ul li a:focus,
#sf_menu_5 ul li a:hover, #sf_menu_5 ul li a:active, #sf_menu_5 ul li a:focus { background-image: none !important; }
#nl-reports ul li a:hover, #nl-reports ul li a:active, #nl-reports ul li a:focus,
#sf_menu_6 ul li a:hover, #sf_menu_6 ul li a:active, #sf_menu_6 ul li a:focus { background-image: none !important; }
#nl-contact ul li a:hover, #nl-contact ul li a:active, #nl-contact ul li a:focus,
#sf_menu_7 ul li a:hover, #sf_menu_7 ul li a:active, #sf_menu_7 ul li a:focus { background-image: none !important; }

/* quick links
--------------------------------------- */
ul#quick-links-map {
	background:				url(../images/quick-links.gif) no-repeat;
	height:					23px;
	list-style:				none;
	margin-left:			0px;
	overflow:				hidden;
	padding:				0;
	position:				relative;
	width:					425px;
	z-index:				100;
}

ul#quick-links-map li {
	float:					left;
}

ul#quick-links-map li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					23px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
}

#ql-positions,
#ql-positions a {
	width:					109px /*109px*/
}

#ql-tenders,
#ql-tenders a {
	width:					141px;/*250px*/
}

#ql-faqs,
#ql-faqs a {
	width:					46px;/*296px*/
}

#ql-pay,
#ql-pay a {
	width:					129px;
}

#ql-positions a:hover, #ql-positions a:active, #ql-positions a.active, #ql-positions a:focus {
    background: transparent url(../images/quick-links.gif) 0px -23px no-repeat !important;
}

#ql-tenders a:hover, #ql-tenders a:active, #ql-tenders a.active, #ql-tenders a:focus {
    background: transparent url(../images/quick-links.gif) -109px -23px no-repeat !important;
}

#ql-faqs a:hover, #ql-faqs a:active, #ql-faqs a.active, #ql-faqs a:focus {
    background: transparent url(../images/quick-links.gif) -250px -23px no-repeat !important;
}

#ql-pay a:hover, #ql-pay a:active, #ql-pay a.active, #ql-pay a:focus {
    background: transparent url(../images/quick-links.gif) -296px -23px no-repeat !important;
}

/* accessibility
--------------------------------------- */
ul#accessibility-map {
	background:				transparent url(../images/accessibility.gif) no-repeat;
	height:					21px;
	list-style:				none;
	margin-left:			0px;
	overflow:				hidden;
	padding:				0;
	position:				relative;
	width:					123px;
	z-index:				100;
}

ul#accessibility-map li {
	float:					left;
}

ul#accessibility-map li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					21px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
}

#am-smallest,
#am-smallest a {
	width:					13px;
}

#am-normal,
#am-normal a {
	width:					16px;
}

#am-largest,
#am-largest a {
	width:					19px;
}

#am-sitemap,
#am-sitemap a {
	width:					52px;
}

#am-sitemap {
	margin-left:			15px;
}

#am-smallest a:hover, #am-smallest a:active, #am-smallest a.active, #am-smallest a:focus {
    background: url(../images/accessibility.gif) 0px -21px no-repeat !important;
}

#am-normal a:hover, #am-normal a:active, #am-normal a.active, #am-normal a:focus {
    background: url(../images/accessibility.gif) -13px -21px no-repeat !important;
}

#am-largest a:hover, #am-largest a:active, #am-largest a.active, #am-largest a:focus {
    background: url(../images/accessibility.gif) -29px -21px no-repeat !important;
}

#am-sitemap a:hover, #am-sitemap a:active, #am-sitemap a.active, #am-sitemap a:focus {
    background: url(../images/accessibility.gif) -63px -21px no-repeat !important;
}