/**
 *	KidsGP
 *  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#navigation-map,
ul#suckerfishMenu0 {
	background:				url(../images/navigation-map.gif) no-repeat;
	height:					50px;
	list-style:				none;
	margin-left:			0px;
	padding:				0;
	position:				relative;
	width:					760px;
	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:					50px;
	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 4px 5px 0;*/
	position:				absolute;
	width:					180px;
	z-index:				100000;
}

ul#navigation-map li ul li,
ul#suckerfishMenu0 li ul li {
	background:				#46683e;
	float:					none;
}

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

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:					#fff;
}

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:		#53754c;
	left:					auto;
	position:				absolute;
	z-index:				1000;
}

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

#nm-about-us,
#nm-about-us a,
#sf_menu_0,
#sf_menu_0 a {
	width:					100px;
}

#nm-media,
#nm-media a,
#sf_menu_1,
#sf_menu_1 a {
	width:					84px;
}

#nm-for-schools,
#nm-for-schools a,
#sf_menu_2,
#sf_menu_2 a {
	width:					130px;
}

#nm-for-parents,
#nm-for-parents a,
#sf_menu_3,
#sf_menu_3 a {
	width:					125px;
}

#nm-for-kids,
#nm-for-kids a,
#sf_menu_4,
#sf_menu_4 a {
	width:					100px;
}

#nm-for-gps,
#nm-for-gps a,
#sf_menu_5,
#sf_menu_5 a {
	width:					103px;
}

#nm-contact-us,
#nm-contact-us a,
#sf_menu_6,
#sf_menu_6 a {
	width:					118px;
}

#nm-about-us a:hover, #nm-about-us a:active, #nm-about-us a.active, #nm-about-us 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-map.gif) 0px -50px no-repeat !important;
}

#nm-media a:hover, #nm-media a:active, #nm-media a.active, #nm-media 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-map.gif) -100px -50px no-repeat !important;
}
#nm-for-schools a:hover, #nm-for-schools a:active, #nm-for-schools a.active, #nm-for-schools 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-map.gif) -184px -50px no-repeat !important;
}
#nm-for-parents a:hover, #nm-for-parents a:active, #nm-for-parents a.active, #nm-for-parents 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-map.gif) -314px -50px no-repeat !important;
}
#nm-for-kids a:hover, #nm-for-kids a:active, #nm-for-kids a.active, #nm-for-kids 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-map.gif) -439px -50px no-repeat !important;
}
#nm-for-gps a:hover, #nm-for-gps a:active, #nm-for-gps a.active, #nm-for-gps 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-map.gif) -539px -50px no-repeat !important;
}
#nm-contact-us a:hover, #nm-contact-us a:active, #nm-contact-us a.active, #nm-contact-us 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-map.gif) -642px -50px no-repeat !important;
}

#nm-about-us ul li a:hover, #nm-about-us ul li a:active, #nm-about-us 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; }
#nm-media ul li a:hover, #nm-media ul li a:active, #nm-media 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; }
#nm-for-schools ul li a:hover, #nm-for-schools ul li a:active, #nm-for-schools 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; }
#nm-for-parents ul li a:hover, #nm-for-parents ul li a:active, #nm-for-parents 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; }
#nm-for-kids ul li a:hover, #nm-for-kids ul li a:active, #nm-for-kids 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; }
#nm-for-gps ul li a:hover, #nm-for-gps ul li a:active, #nm-for-gps 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; }
#nm-contact-us ul li a:hover, #nm-contact-us ul li a:active, #nm-contact-us 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; }