/* STYLE GUIDE COLOURS 

DARK BLUE	#002C5F

LIGHT BLUE	#0088CE

GREEN		#A2AD00

ORANGE		#CE8E00 \

RED			#983222

*/
body#aboutnav ul a#navabout {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -60px bottom;
}
body#educationnav ul a#naveducation {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -140px bottom;
}
body#communitynav ul a#navcommunity {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -230px bottom;
}
body#resourcesnav ul a#navresources {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -331px bottom;
}
body#newsandeventsnav ul a#navnewsandevents {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -428px bottom;
}
body#linksnav ul a#navlinks {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -550px bottom;
}
body#contactnav ul a#navcontact {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -605px bottom;
}
#myslidemenu ul li a {
	display: block;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
}
#myslidemenu ul a#navhome {
	background-position: 0px 0px;
	width: 60px;
	height: 30px;
}
#myslidemenu ul a#navabout {
	height: 30px;
	width: 70px;
	background-position: -60px 0px;
}
#myslidemenu ul a#naveducation {
	height: 30px;
	background-position: -140px 0px;
	width: 80px;
}
#myslidemenu ul a#navcommunity {
	height: 30px;
	width: 85px;
	background-position: -230px 0px;
}
#myslidemenu ul a#navresources {
	height: 30px;
	width: 85px;
	background-position: -331px 0px;
}
#myslidemenu ul a#navnewsandevents {
	height: 30px;
	width: 110px;
	background-position: -428px 0px;
}
#myslidemenu ul a#navlinks {
	height: 30px;
	width: 60px;
	background-position: -550px 0px;
}
#myslidemenu ul a#navcontact {
	height: 30px;
	width: 75px;
	background-position: -605px 0px;
}
#myslidemenu ul a#navhome:hover {
	background-position: 0px bottom;
}
#myslidemenu ul a#navabout:hover {
	background-position: -60px bottom;
}
#myslidemenu ul a#naveducation:hover {
	background-position: -140px bottom;
}
#myslidemenu ul a#navcommunity:hover {
	background-position: -230px bottom;
}
#myslidemenu ul a#navresources:hover {
	background-position: -331px bottom;
}
#myslidemenu ul a#navnewsandevents:hover {
	background-position: -428px bottom;
}
#myslidemenu ul a#navlinks:hover {
	background-position: -550px bottom;
}
#myslidemenu ul a#navcontact:hover {
	background-position: -605px bottom;
}
#myslidemenu ul li ul li a {
	background-image: none;
	background-color:#FFF;
	list-style:none;
	color: #002C5F;
}
#myslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	margin-left: 0px;
	padding: 0px;
}
.jqueryslidemenu ul li a {
	display: block;
}
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	list-style:none;
}
/*1st sub level menu*/
#myslidemenu ul li ul {
	position: absolute;
	display: block;
	visibility: hidden;
	border: 1px solid #0D2B5E;
}
#myslidemenu ul li ul li {
	display: list-item;
	list-style:none;
	float: none;
	padding-right: 0px;
	margin-right: 0px;
	width: 158px;
}
#myslidemenu ul li ul li a:hover {
	color: #fff;
	background-color:#0088CE;
}
#myslidemenu ul li .subeducation a:hover {
	color: #fff;
	background-color:#A2AD00;
}
#myslidemenu ul li .subcommunity a:hover {
	color: #fff;
	background-color:#CE8E00;
}
#myslidemenu ul li .subresources a:hover {
	color: #fff;
	background-color:#983222;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#myslidemenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
#myslidemenu ul li ul li a {
	font: normal 11px Arial;
	width: 155px; /*width of sub menus*/
	padding: 5px;
	padding-right: 0px;
	margin-right: 0px;
}






/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 0px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.submenu{
	width: 180px; /*width of menu*/
	padding:0px;
	margin:0px;
	text-transform: uppercase;
}

.submenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

.submenu ul li a{
	background: white url(../images/arrow-list_light.gif) no-repeat 2px center;
	font-size: 11px;
	font-weight:bold;
	color: #0088CE;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	text-decoration: none;
	letter-spacing: 0px;
}
.submenu ul li ul li a{
	background: white url(../images/arrow-list_light.gif) no-repeat 2px center;
	font-size: 11px;
	font-weight:bold;
	color: #0088CE;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	margin-left: 0px;
	text-decoration: none;
	letter-spacing: 0px;
}
.submenu ul li ul li {
	margin-left: 10px
}

* html .submenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 180px;
}

.submenu ul li a:active{
color: #002C5F;
}

.submenu ul li a:hover{
	color: #002C5F;
	background-color: #FFF;
	background-image:url(../images/arrow-list-blue.gif); /*onMouseover image change. Remove if none*/
	
}
#community a {
	color: #CE8E00;
    background: white url(../images/arrow-list-orange.gif) no-repeat 2px center;
    }
#community a:hover {
	color: #002C5F;
    background: white url(../images/arrow-list-blue.gif) no-repeat 2px center;
    }
#education a {
	color: #A2AD00;
    background: white url(../images/arrow-list-green.gif) no-repeat 2px center;
}
#nav_sub li li a {
	color: #0088CE;
    background: white url(../images/arrow-list_light.gif) no-repeat 2px center;
}
#education a:hover {
	color: #002C5F;
    background: white url(../images/arrow-list-blue.gif) no-repeat 2px center;
}   
#resources a {
	color: #983222;
    background: white url(../images/arrow-list-red.gif) no-repeat 2px center;
}

/* Holly Hack for IE \*/
* html .submenu ul li { height: 1%; }
* html .submenu ul li a { height: 1%; }
/* End */

#nav_sub li {
	margin: 0;
}