#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
	text-align: center;
}
#nav a:hover{
	color: #66FFFF;
	font-weight:bold;
}

/*----------HOME BUTTON----------*/
a.home{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: 0px 0px;
}
a.home:hover, a.home.sfhover{
background-position: 0px -50px;
}

body#homepage #nav a.home{
background-position: 0px -50px;
}
body#homepage #nav a.home:hover, body#homepage #nav a.home.sfhover, body#homepage #nav li:hover a.home, body#homepage #nav li.sfhover a.home{
background-position: 0px -50px;
}

/*----------ABOUT BUTTON----------*/
a.about{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -100px 0px;
}
a.about:hover, a.about.sfhover{
background-position: -100px -50px;
}

body#aboutpage #nav a.about{
background-position: -100px -50px;
}

body#aboutpage #nav a.about:hover, body#aboutpage #nav a.about.sfhover, body#aboutpage #nav li:hover a.about, body#aboutpage #nav li.sfhover a.about{
background-position: -100px -50px;
}
	a.aboutSub{
		width: 100px;
		height: 23px;
		padding-top:12px;
		padding-bottom:5px;
		background: #385b64;
	}
	a.aboutSub:hover{
		background: #3d717f;
	}
	#nav li:hover a.about, #nav li.sfhover a.about{
	background-position: -100px -50px;
	}

/*----------PRODUCTS BUTTON----------*/	
a.products{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -200px 0px;
}
a.products:hover, a.products.sfhover{
background-position: -200px -50px;
}

body#productspage #nav a.products{
background-image:url(/images/nav.jpg);
background-position: -200px -50px;
}

body#productspage #nav a.products:hover, body#productspage #nav a.products.sfhover, body#productspage #nav li:hover a.products, body#productspage #nav li.sfhover a.products{
background-image:url(/images/nav.jpg);
background-position: -200px -50px;
}
	a.prodSub{
		width: 100px;
		height: 30px;
		padding-top:5px;
		padding-bottom:5px;
		background: #385b64;
	}
	
	a.prodSub:hover{
		background: #3d717f;
	}
	
	#nav li:hover a.products, #nav li.sfhover a.products{
	background-position: -200px -50px;
	}

/*----------TRAINING BUTTON----------*/
a.training{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -300px 0px;
}

a.training:hover, a.training.sfhover{
background-position: -300px -50px;
}

body#trainingpage #nav a.training{
background-position: -300px -50px;

}
body#trainingpage #nav a.training:hover, body#trainingpage #nav a.training.sfhover, body#trainingpage #nav li:hover a.training, body#trainingpage #nav li.sfhover a.training{
background-position: -300px -50px;
}
	#nav li:hover a.training, #nav li.sfhover a.training{
	background-position: -300px -50px;
	}

/*----------EVENTS BUTTON----------*/	
a.events{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -400px 0px;
}

a.events:hover, a.events.sfhover{
background-position: -400px -50px;
}

body#eventspage #nav a.events{
background-position: -400px -50px;

}
body#eventspage #nav a.events:hover, body#eventspage #nav a.events.sfhover, body#eventspage #nav li:hover a.events, body#eventspage #nav li.sfhover a.events{
background-position: -400px -50px;
}
	#nav li:hover a.events, #nav li.sfhover a.events{
	background-position: -400px -50px;
	}
	
/*----------ARTICLES BUTTON----------*/
a.articles{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -500px 0px;
}

a.articles:hover, a.articles.sfhover{
background-position: -500px -50px;
}

body#articlespage #nav a.articles{
background-position: -500px -50px;

}
body#articlespage #nav a.articles:hover, body#articlespage #nav a.articles.sfhover, body#articlespage #nav li:hover a.articles, body#articlespage #nav li.sfhover a.articles{
background-position: -500px -50px;
}
	#nav li:hover a.articles, #nav li.sfhover a.articles{
	background-position: -500px -50px;
	}	
	
/*----------CONTACT BUTTON----------*/
a.contact{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -600px 0px;
}

a.contact:hover, a.contact.sfhover{
background-position: -600px -50px;
}

body#contactpage #nav a.contact{
background-position: -600px -50px;

}
body#contactpage #nav a.contact:hover, body#contactpage #nav a.contact.sfhover, body#contactpage #nav li:hover a.contact, body#contactpage #nav li.sfhover a.contact{
background-position: -600px -50px;
}
	#nav li:hover a.contact, #nav li.sfhover a.contact{
	background-position: -600px -50px;
	}	

/*----------LINKS BUTTON----------*/
a.links{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -700px 0px;
}

a.links:hover, a.links.sfhover{
background-position: -700px -50px;
}

body#linkspage #nav a.links{
background-position: -700px -50px;

}
body#linkspage #nav a.links:hover, body#linkspage #nav a.links.sfhover, body#linkspage #nav li:hover a.links, body#linkspage #nav li.sfhover a.links{
background-position: -700px -50px;
}
	#nav li:hover a.links, #nav li.sfhover a.links{
	background-position: -700px -50px;
	}	

/*----------TESTIMONIALS BUTTON----------*/
a.testimonials{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -800px 0px;
}

a.testimonials:hover, a.testimonials.sfhover{
background-position: -800px -50px;
}

body#testimonialspage #nav a.testimonials{
background-position: -800px -50px;

}
body#testimonialspage #nav a.testimonials:hover, body#testimonialspage #nav a.testimonials.sfhover, body#testimonialspage #nav li:hover a.testimonials, body#testimonialspage #nav li.sfhover a.testimonials{
background-position: -800px -50px;
}
	#nav li:hover a.testimonials, #nav li.sfhover a.testimonials{
	background-position: -800px -50px;
	}

/*----------DOCUMENTS BUTTON----------*/	
a.documents{
	width: 100px;
	height: 33px;
	padding-top: 17px;
	background-image:url(/images/nav.jpg);
	background-position: -900px 0px;
}
a.documents:hover, a.documents.sfhover{
background-position: -900px -50px;
}

body#documentspage #nav a.documents{
background-position: -900px -50px;
}

body#documentspage #nav a.documents:hover, body#documentspage #nav a.documents.sfhover, body#documentspage #nav li:hover a.documents, body#documentspage #nav li.sfhover a.documents{
background-position: -900px -50px;
}
	a.docSub{
		width: 100px;
		height: 23px;
		padding-top:12px;
		padding-bottom:5px;
		background: #385b64;
	}
	
	a.docSub2{
		width: 100px;
		height: 30px;
		padding-top:5px;
		padding-bottom:5px;
		background: #385b64;
	}
	
	a.docSub:hover, a.docSub2:hover{
		background: #3d717f;
	}
	
	#nav li:hover a.documents, #nav li.sfhover a.documents{
	background-position: -900px -50px;
	}
	
	

/*----------DROP DOWN FUNCTIONALITY----------*/

#nav li { /* all list items */
	float: left;
	width:inherit; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul.aboutT { /* third-and-above-level lists */
	margin: -1.9em 0 0 10.45em;
}

#nav li ul ul.servT { /* third-and-above-level lists */
	margin: -1.9em 0 0 10.40em;
}

#nav li ul ul.memT { /* third-and-above-level lists */
	margin: -1.9em 0 0 10.45em;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
