ul#nav {
	float: left;
	display: block;
	position: relative;	
	margin: 0;
	padding: 0 0 0 210px;
	font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	display: inline;
}

#nav li a {
	float: left;
	display: block;
	padding: 0 10px;
	line-height: 27px;
	color: #fff;
	margin-right: 8px;
	padding-top: 10px;
	white-space: nowrap;
	text-decoration: none;
	background-repeat: repeat-x;
}

#nav li.home a { background-image: url(../images/nav1.gif); }
#nav li.services a { background-image: url(../images/nav2.gif) }
#nav li.about-us a { background-image: url(../images/nav3.gif) }
#nav li.resources a { background-image: url(../images/nav4.gif) }
#nav li.employment a { background-image: url(../images/nav5.gif) }
#nav li.donate-to-vicdeaf a { background-image: url(../images/nav6.gif) }
#nav li.contact-us a { background-image: url(../images/nav7.gif); margin-right: 0; }
#nav li.feedback a { background-image: url(../images/nav8.gif) }

#nav li a:hover, #nav li#li_selected a { background-position: 0 -37px; background-color: #515458; }

#nav li a:hover, #nav li#li_selected a {
	text-decoration: none;
}

/* Ensures top level nav item is always selected on all child pages */
.services-tpl .services a,
.about-tpl .about-us a,
.resources-tpl .resources a,
.employment-tpl .employment a,
.donate-tpl .donate-to-vicdeaf a,
.feedback-tpl .feedback a,
.contact-tpl .contact-us a { background-position: 0 -37px; background-color: #515458; }

/* Side Nav
------------------------------------------------------------------*/

ul#sidenav {
	margin: 0;
	padding: 0;
	float: left;
	border-top: 2px solid #fff;
	width: 210px;
}

ul#sidenav li {
	display: inline;
	list-style: none;
	float: left;
	background: #960044 url(../images/sidenavbg.png) repeat-y 0 0;
	border-bottom: 1px solid #fff;
	line-height: 1.3em;
	font-size: 0.9em;
	width: 210px;
}

.services-tpl ul#sidenav li { background-color: #5D1C7F; }
.about-tpl ul#sidenav li { background-color: #1E8C8C; }
.resources-tpl ul#sidenav li { background-color: #003D7D; }
.employment-tpl ul#sidenav li { background-color: #4394DD; }
.donate-tpl ul#sidenav li { background-color: #FFED00; }
.feedback-tpl ul#sidenav li { background-color: #E4067D; }
.contact-tpl ul#sidenav li { background-color: #FF7F00; }

 

ul#sidenav a {
	color: #fff;
	display: block;
	float: left;
	padding: 5px 0 5px 30px;
	width: 180px;
	background-image: url(../images/sidenav_linkbg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
}

ul#sidenav a:hover { background-position: 0 -60px; }
ul#sidenav li.li_selected a:hover { background-position: 0 0; }
ul#sidenav li.li_selected a { background: none; background: url(../images/arrow_bg.gif) no-repeat 0 0; }


ul#sidenav li.li_selected ul a {
	border-bottom: none;
	font-weight: normal;
	background: url(../images/sidenavbg2.gif) repeat-y 0 0;
}

ul#sidenav ul {
	margin: 0;
	padding: 0;
	float: left;
	border-top: 1px solid #fff;
	background-image: url(../images/sidenavbg2.png);
	background-repeat: repeat-y;
}

.home-tpl ul#sidenav ul li,
.services-tpl ul#sidenav ul li,
.about-us-tpl ul#sidenav ul li,
.resources-tpl ul#sidenav ul li,
.employment-tpl ul#sidenav ul li,
.donate-to-vicdeaf-tpl ul#sidenav ul li,
.contact-us-tpl ul#sidenav ul li {
	background: none;
	border-bottom: none;
}



ul#sidenav ul li a { background: url(../images/sidenavbg2.gif) repeat-y 0 0; font-weight:normal; }

ul#sidenav ul ul {
	border-bottom: 1px solid #fff;
}
ul#sidenav ul ul li {
	font-size: 1em;
}
ul#sidenav ul ul { display: none; }
ul#sidenav ul ul.ul_selected { display: none; }