#nav {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	width: 284px;
}
ul#nav li, ul#nav li a {
	width: 284px;
	height: 60px;
	display: block;
}
/*ul#nav li#howWorks {
	background-image: url(images/howItWorks.jpg);
	background-repeat: no-repeat;
	background-position: -284px 0px;
}*/
#nav #howWorks a.mainOV {
	background-image: url(images/howItWorks.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav #whatIs a.mainOV {
	background-image: url(images/whatIsFluidPower.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav #student a.mainOV {
	background-image: url(images/studentResources.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav #career a.mainOV {
	background-image: url(images/careerResources.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav #videos a.mainOV {
	background-image: url(images/videos.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav #questions a.mainOV {
	background-image: url(images/questions.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav #howWorks a.mainOV:hover, #nav #whatIs a.mainOV:hover, #nav #student a.mainOV:hover, #nav #career a.mainOV:hover, #nav #videos a.mainOV:hover, #nav #questions a.mainOV:hover  {
	cursor: pointer;
	background-position: -284px 0px;
}
/* Default list styling */

#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub, #nav li:hover ul.subB, #nav li:hover ul.subC, #nav li:hover ul.subD
{
	left:284px;
	top:-10px;
	border:1px solid #fff;
	width:200px;
	z-index:300;
	background-color: #aeff00;
	height: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	background-image: url(images/ddShadow.png);
	background-repeat: no-repeat;
}
#nav li:hover ul.subB
{
	background-color: #1db8e6;
}
#nav li:hover ul.subC
{
	background-color: #c9d516;
}
#nav li:hover ul.subD
{
	background-color: #dd1cfa;
}
#nav li:hover ul.sub li
, #nav li:hover ul.subB li, #nav li:hover ul.subC li, #nav li:hover ul.subD li
{
	display:block;
	position:relative;
	float:left;
	width:200px;
	height: auto;
}
#nav li:hover ul.sub li a
, #nav li:hover ul.subB li a, #nav li:hover ul.subC li a, #nav li:hover ul.subD li a
{
	display:block;
	font-size:1em;
	color:#FFF;
	text-decoration:none;
	font-weight: bold;
	width: auto;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 12px;
	margin-top: 12px;
}


#nav li ul.sub li a.fly
{
	background-color: #eaeaea;
	background-repeat: no-repeat;
	background-position: 80px 6px;
}
#nav li:hover ul.sub li a:hover 
, #nav li:hover ul.subB li a:hover, #nav li:hover ul.subC li a:hover, #nav li:hover ul.subD li a:hover
{
	color:#004270;
	border-bottom-color: #004270;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 18px;
}
#nav li:hover ul.sub li a.fly:hover
{
	color:#fff;
	background-color: #E2393E;
	background-image: url(arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 80px 6px;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}