#navContainer {
	padding:0;
	margin:0;
	list-style:none;
	height:43px;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
}

#navContainer li.top {display:block; float:left;}
#navContainer li a {
	display:block; 
	float:left; 
	height:43px; 
	border: none !important; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;}
	
#navContainer li a b {margin-left:-9999px;}

#navContainer li a.one {background: url(../images/nav/home.gif); width: 70px;}
#navContainer li a.two {background: url(../images/nav/about.gif); width: 128px;}
#navContainer li a.three {background: url(../images/nav/training.gif); width: 99px;}
#navContainer li a.four {background:url(../images/nav/support.gif); width: 99px;}
#navContainer li a.five {background:url(../images/nav/resources.gif); width: 112px;}
#navContainer li a.six {background:url(../images/nav/events.gif);width: 144px;}
#navContainer li a.seven {background:url(../images/nav/news.gif); width: 84px;}
#navContainer li a.eight {background:url(../images/nav/contact.gif); width: 110px;}

#navContainer li:hover a, #navContainer a:hover {background-position: 0 -43px;}

#navContainer table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} 

#navContainer .sub, #navContainer .aboutSub, #navContainer .trainingSub, #navContainer .supportSub, #navContainer .resourcesSub, #navContainer .newsSub, #navContainer .eventsSub  {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navContainer li:hover {position:relative; z-index:200;}
#navContainer a:hover {position:relative; white-space:normal; z-index:200;}

#navContainer :hover ul.sub, #navContainer :hover ul.aboutSub, #navContainer :hover ul.trainingSub, #navContainer :hover ul.supportSub, #navContainer :hover ul.resourcesSub, #navContainer :hover ul.newsSub, #navContainer :hover ul.eventsSub{
	left:0; 
	top: 42px;
	height:auto; 
	z-index:300;
	background-color: #3d507a;
	padding: 9px 5px 5px 5px;
	}
	
#navContainer :hover ul.aboutSub{width: 280px;  background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 4px 5px;}
#navContainer :hover ul.trainingSub{width: 240px; background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 4px 5px;}
#navContainer :hover ul.supportSub{width: 240px; background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 12px 5px;}
#navContainer :hover ul.eventsSub{width: 240px; background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 12px 5px;}
#navContainer :hover ul.resourcesSub{width: 210px; background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 12px 5px;}
#navContainer :hover ul.newsSub{width: 175px;  background: url(../images/nav/ulSpacer.gif) repeat-x top; padding: 12px 5px 4px 5px;}

#navContainer :hover ul.aboutSub li, #navContainer :hover ul.trainingSub li, #navContainer :hover ul.supportSub li, #navContainer :hover ul.resourcesSub li, #navContainer :hover ul.newsSub li, #navContainer :hover ul.eventsSub li{	
	background-color: #3d507a;
	position:relative; 
	float:left; 
	clear: left;
	font-weight:normal;
	padding: 0 7px 0 5px;}

#navContainer :hover ul.aboutSub li a, #navContainer :hover ul.trainingSub li a, #navContainer :hover ul.supportSub li a, #navContainer :hover ul.resourcesSub li a, #navContainer :hover ul.newsSub li a,#navContainer :hover ul.eventsSub li a{
	display:block;
	height: 23px !important;
	border: 0px;  
	text-decoration:none; 
	padding: 7px 5px 3px 14px;
	background: url(../images/nav/ddBkg.gif) no-repeat left top; 
	cursor:pointer; 
	color: #FFF;
	}


#navContainer :hover ul.aboutSub li a:hover, #navContainer :hover ul.trainingSub li a:hover, #navContainer :hover ul.supportSub li a:hover, #navContainer :hover ul.resourcesSub li a:hover, #navContainer :hover ul.newsSub li a:hover, #navContainer :hover ul.eventsSub li a:hover{
	background: url(../images/nav/ddBkg.gif) no-repeat left bottom; 
	font-weight: bold;
}


#navContainer :hover ul.sub li a b, #navContainer :hover ul.aboutSub li a b, #navContainer :hover ul.trainingSub li a b, #navContainer :hover ul.supportSub li a b, #navContainer :hover ul.resourcesSub li a b, #navContainer :hover ul.newsSub li a b, #navContainer :hover ul.eventsSub li a b {position:absolute; left:-9999px; margin:0;}

#navContainer :hover ul li a.about_li { width: 261px;}
#navContainer :hover ul li a.training_li { width: 221px;}
#navContainer :hover ul li a.support_li { width: 221px;}
#navContainer :hover ul li a.events_li { width: 221px;}
#navContainer :hover ul li a.resources_li { width: 191px;}
#navContainer :hover ul li a.news_li { width: 156px;}

#navContainer a:focus {outline: none;}

a.tightKern {letter-spacing: -1px;}

/* January 2012 Updates*/

.supportSub li.subDD {width: 240px; height: 34px;}
.supportSub li.subDD ul.stdSub {visibility: hidden;}
.supportSub li.subDD:hover ul.stdSub {visibility: visible; height: 102px; position: relative; left: 247px !important; top: -34px !important;}
.supportSub li.subDD ul.stdSub li {width: 280px; height: 34px;}
.supportSub li.subDD ul.stdSub li a {width: 260px !important;}


/* Page highlights or section indicators */
.home a.one{background-position: 0 43px !important;}
.about a.two{background-position: 0 43px !important;}
.training a.three{background-position: 0 43px !important;}
.support a.four{background-position: 0 43px !important;}
.resources a.five{background-position: 0 43px !important;}
.events a.six{background-position: 0 43px !important;}
.news a.seven{background-position: 0 43px !important;}
.contact a.eight{background-position: 0 43px !important;}
