#menu
{
	height:22px;
	padding-bottom:10px;
	padding:0;
}

#menu ul
{
	list-style:none;
	margin-left:5px;
	height:22px;
	padding:0;	
}

#menu ul li
{
	margin:0;
	padding:0;
	float:left;
	font-size:0.8em;
	height:0px;
	padding-top:22px;
	position:relative;
	overflow:hidden;
}

#menu ul li.spacer
{
	background-image:url(../images/nav/prinav_bg.jpg);
	background-repeat:no-repeat;
	background-position:-576px 0;
	width:2px;
}

#menu ul li a
{	
	color:#ffffff;
	text-decoration:none;	
}

#menu ul li a span
{
	background-image:url(../images/nav/prinav_bg.jpg);
	background-repeat:no-repeat;
	height:22px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}

/*-------------- HOME ------------*/

#menu ul li#home,
#menu ul li#home a span
{
	width:46px;
	background-position:0 0;
}

#menu ul li#home.selected a span,
#menu ul li#home a:hover span
{
	background-position:0 -34px;
}

/*-------------- ABOUT US ------------*/

#menu ul li#about-us,
#menu ul li#about-us a span
{
	width:146px;
	background-position:-48px 0;
}

#menu ul li#about-us.selected a span,
#menu ul li#about-us a:hover span
{
	background-position:-48px -34px;
}

/*-------------- NEWS ------------*/

#menu ul li#news,
#menu ul li#news a span
{
	width:45px;
	background-position:-196px 0;
}

#menu ul li#news.selected a span,
#menu ul li#news a:hover span
{
	background-position:-196px -34px;
}

/*-------------- EVENTS ------------*/

#menu ul li#events,
#menu ul li#events a span
{
	width:53px;
	background-position:-243px 0;
}

#menu ul li#events.selected a span,
#menu ul li#events a:hover span
{
	background-position:-243px -34px;
}

/*-------------- SUPPORT US ------------*/

#menu ul li#support-us,
#menu ul li#support-us a span
{
	width:80px;
	background-position:-298px 0;
}

#menu ul li#support-us.selected a span,
#menu ul li#support-us a:hover span
{
	background-position:-298px -34px;
}

/*-------------- HAVE YOUR SAY ------------*/

#menu ul li#have-your-say,
#menu ul li#have-your-say a span
{
	width:100px;
	background-position:-380px 0;
}

#menu ul li#have-your-say.selected a span,
#menu ul li#have-your-say a:hover span
{
	background-position:-380px -34px;
}

/*-------------- HELP ------------*/

#menu ul li#help,
#menu ul li#help a span
{
	width:40px;
	background-position:-482px 0;
}

#menu ul li#help.selected a span,
#menu ul li#help a:hover span
{
	background-position:-482px -34px;
}


/*---------------------------SECONDARY NAV ------------------------*/
#side-menu
{
	width:260px;
}

#side-menu h2
{
	color:#000000;
	padding:14px 0 0 35px;
	font-size:24px;
	position:relative;
	height:44px;
	overflow:hidden;
}

#side-menu h2 a
{
	color:#000000;
	font-weight:bold;
}

#side-menu h2 span
{
	position:absolute;
	top:0;
	left:0;
	width:260px;
	height:58px;
	background-repeat:no-repeat;
}

#side-menu h2.about-us span
{
	background-image:url(../images/nav/nav_title_about-us.gif);
}

#side-menu h2.news span
{
	background-image:url(../images/nav/nav_title_news.gif);
}

#side-menu h2.events span
{
	background-image:url(../images/nav/nav_title_events.gif);
}

#side-menu h2.support-us span
{
	background-image:url(../images/nav/nav_title_support-us.gif);
}

#side-menu h2.have-your-say span
{
	background-image:url(../images/nav/nav_title_have-your-say.gif);
}


#side-menu h2.what-we-do span
{
	background-image:url(../images/nav/nav_title_what-we-do.gif);
}

#side-menu h2.make-a-difference span
{
	background-image:url(../images/nav/nav_title_make-a-difference.gif);
}

#side-menu h2.community span
{
	background-image:url(../images/nav/nav_title_community.gif);
}

#side-menu h2.contact-us span
{
	background-image:url(../images/nav/nav_title_contact-us.gif);
}

#side-menu h2.help span
{
	background-image:url(../images/nav/nav_title_help.gif);
}

#side-menu ul
{
	border-top:2px solid #ffffff;
	list-style:none;
	font-size:1.2em;
	padding:0;
	width:260px;
}

#side-menu ul li
{
	background-image:url(../images/nav/nav_item_bg.gif);
	background-repeat:repeat-x;
	background-color:#ddddda;
	margin:0;	
	border-bottom:#ffffff 1px solid;
	position:relative;
	width:260px;
}

#side-menu ul li a
{
	padding:8px 35px;
	display:block;
	color:#898887;
	width:190px;
}

#side-menu ul li a:hover
{
	color:#000000;
}

/*--------------- SUB PAGES -------------------*/

#side-menu ul li span.sub-pages-arrow
{
	position:absolute;
	right:12px;
	top:14px;
	width:11px;
	height:9px;
	background-image:url(../images/nav/nav_subpagesarrow.png);
	background-repeat:no-repeat;
}

#side-menu ul li.selected
{
	background-color:#000000;
	background-image:none;	
}

#side-menu ul li.selected a,
#side-menu ul li.selected a:hover
{
	font-weight:bold;
	color:#ad8f2f;
}

#side-menu ul li.selected ul.sub-pages
{
	display:block;
}

#side-menu ul.sub-pages
{
	border-top:none;
	display:none;
	list-style:none;
	font-size:0.8em;
	padding:0;
}

#side-menu ul.sub-pages li
{
	background-image:none;
	background-color:#575755;
	border-bottom:none;
	margin:0;	
}

#side-menu ul.sub-pages li.selected a,
#side-menu ul.sub-pages li a:hover
{
	font-weight:normal;
	background-color:#6b6b6a;
}

#side-menu ul.sub-pages li a
{	
	display:block;
	font-weight:normal;
	color:#ac8e2e;
}