/**
 *	Dr Molloy
 *  Screen Navigation Styles
 *	
 *	@author:	Nate Doggy Dogg Dawg <nathan at imagin8 dot com>
 *	@date:		27/04/2007	
 *
 *	Table of Contents:
 *		main navigation
 *
 */
 
/** main navigation
--------------------------------------- */

#main-navigation-map li ul {
	position: 				absolute;
	width: 					10em;
	left: 					-999em;
	padding:				0px;
	margin:					0px;
}

#main-navigation-map li:hover ul,
#main-navigation-map li.sfhover ul{
	left: 					auto;
}

ul#main-navigation-map {
	background:				url(../images/navigation.gif) no-repeat;
	height:					20px;
	list-style:				none;
	/*overflow:				hidden;*/
	padding:				0px;
	width:					792px;
	z-index:				100;
	margin:					0px;
}

ul#main-navigation-map li {
	float:					left;
	padding:				0px;
	margin:					0px;
}

ul#main-navigation-map li a {
	color:					#80776e;
	display:				block;
	font-size:				1px;
	height:					20px;
	text-decoration:		none;
	text-indent:			-9999px;
	overflow:				hidden;
	padding:				0px;
	margin:					0px;
}

ul#main-navigation-map li ul {
	margin-left:			-1px;
	list-style:				none;
	padding:				0px;
}

ul#main-navigation-map li ul li {
	text-align: 			center;
}
ul#main-navigation-map li ul a {
	text-indent:			0px;
	font-size:				11px;
	width:					163px;
	background:				#ffffff;
	border-top: 			1px solid #dddcda;
	border-left: 			1px solid #dddcda;
	border-right: 			1px solid #dddcda;
	height: 				auto;
	padding: 				6px;
	line-height: 			150%;
}
ul#main-navigation-map li ul a:hover {
	background: 			#ededec;
}

/** menu
--------------------------------------- */

#n-home,
#n-home a {
	width:					87px;
}

#n-about,
#n-about a {
	width:					176px;
}

#n-personnel,
#n-personnel a {
	width:					113px;
}

#n-facilities,
#n-facilities a {
	width:					108px;
}

#n-services,
#n-services a {
	width:					99px; 
}

#n-links,
#n-links a {
	width:					78px;
}

#n-contact,
#n-contact a {
	width:					131px;
}

#n-home a:hover, #n-home a:active, #n-home a:focus {
    background: transparent url(../images/navigation.gif) 0px -20px no-repeat;
}

#n-home a.active,
#n-home a.active:hover {
    background: transparent url(../images/navigation.gif) 0px -40px no-repeat;
} 

#n-about a:hover, #n-about a:active, #n-about a:focus {
    background: transparent url(../images/navigation.gif) -87px -20px no-repeat;
}

#n-about a.active,
#n-about a.active:hover {
    background: transparent url(../images/navigation.gif) -87px -40px no-repeat;
}

#n-personnel a:hover, #n-personnel a:active, #n-personnel a:focus {
    background: transparent url(../images/navigation.gif) -263px -20px no-repeat;
}

#n-personnel a.active,
#n-personnel a.active:hover {
	background: transparent url(../images/navigation.gif) -263px -40px no-repeat;
}

#n-facilities a:hover, #n-facilities a:active, #n-facilities a:focus {
    background: transparent url(../images/navigation.gif) -376px -20px no-repeat;
}

#n-facilities a.active,
#n-facilities a.active:hover {
	background: transparent url(../images/navigation.gif) -376px -40px no-repeat;
}

#n-services a:hover, #n-services a:active, #n-services a:focus {
    background: transparent url(../images/navigation.gif) -484px -20px no-repeat;
}

#n-services a.active,
#n-services a.active:hover {
	background: transparent url(../images/navigation.gif) -484px -40px no-repeat;
}

#n-links a:hover, #n-links a:active, #n-links a:focus {
    background: transparent url(../images/navigation.gif) -583px -20px no-repeat;
}

#n-links a.active,
#n-links a.active:hover {
    background: transparent url(../images/navigation.gif) -583px -40px no-repeat;
}

#n-contact a:hover, #n-contact a:active, #n-contact a:focus {
    background: transparent url(../images/navigation.gif) -661px -20px no-repeat;
}

#n-contact a.active,
#n-contact a.active:hover {
    background: transparent url(../images/navigation.gif) -661px -40px no-repeat;
}

#n-home ul li a:focus,
#n-home ul li a:active,
#n-about ul li a:focus,
#n-about ul li a:active,
#n-personnel ul li a:focus,
#n-personnel ul li a:active,
#n-facilities ul li a:focus,
#n-facilities ul li a:active,
#n-services ul li a:focus,
#n-services ul li a:active,
#n-links ul li a:focus,
#n-links ul li a:active,
#n-contact ul li a:focus,
#n-contact ul li a:active{
    background: 				#ffffff;
}