@charset "utf-8";
/* CSS Document */

#navContainer {
	padding:0;
	margin:0;
	list-style:none;
	height:66px !important;
	position:relative;
	z-index:200;
	font-family:verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #183851 url(../images/mainNavBkg.gif) no-repeat left top;
	float: left;
	width: 946px;
}



#navContainer li.top {display:block; float:left;}
#navContainer li a {
	display:block; 
	float:left; 
	border: none !important; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;
	color: #FFF;}
	
#navContainer li {background: url(../images/navSep.gif) no-repeat right 18px;}

#navContainer li a.two {
	width: 95px;
	padding: 18px 0 17px 35px;
	background:url(../images/nav/mainNav_over_services.gif) no-repeat -227px top
}
#navContainer li a.three {
	width: 119px;
	padding: 18px 0 17px 17px;
	background:url(../images/nav/mainNav_over_patientVisitor.gif) no-repeat -227px top
}
#navContainer li a.four {
	width: 142px;
	padding: 18px 0 17px 17px;
	background:url(../images/nav/mainNav_over_clarindaMed.gif) no-repeat -227px top
}
#navContainer li a.five {
	padding: 18px 0 17px 17px;
	width: 124px;
	background:url(../images/nav/mainNav_over_news.gif) no-repeat -227px top
}
#navContainer li a.six {
	padding: 18px 0 17px 17px;
	width: 92px;
	background:url(../images/nav/mainNav_over_outreach.gif) no-repeat -227px top
}
#navContainer li a.eight {
	padding: 18px 0 17px 17px;
	width: 139px;
	background:url(../images/nav/mainNav_over_careers.gif) no-repeat -227px top
}
#navContainer li a.seven {
	padding: 18px 0 17px 17px;
	width: 75px;
	background:url(../images/nav/mainNav_over_about.gif) no-repeat -227px top;
}

#navContainer li:hover a.two, #navContainer a.two:hover {background-position: 22px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.three, #navContainer a.three:hover {background-position: 2px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.four, #navContainer a.four:hover {background-position: 3px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.five, #navContainer a.five:hover {background-position: 5px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.six, #navContainer a.six:hover {background-position: 3px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.seven, #navContainer a.seven:hover {background-position: 5px top; text-shadow: 1px 1px 1px #333;}
#navContainer li:hover a.eight, #navContainer a.eight:hover {background-position: 5px top; text-shadow: 1px 1px 1px #333;}

#navContainer table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} 

#navContainer .sub, #navContainer .medicalSub, #navContainer .trainingSub, #navContainer .supportSub, #navContainer .resourcesSub, #navContainer .newsSub, #navContainer .eventsSub, #navContainer .aboutSub  {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.medicalSub, #navContainer :hover ul.trainingSub, #navContainer :hover ul.supportSub, #navContainer :hover ul.resourcesSub, #navContainer :hover ul.newsSub, #navContainer :hover ul.eventsSub, #navContainer :hover ul.aboutSub{
	left:0; 
	top: 66px;
	height:auto; 
	z-index:300;
	width: 898px;
	background-color: #3c719a;
	border-left: 4px solid #2f5c7f;
	border-right: 4px solid #2f5c7f;
	border-bottom: 4px solid #2f5c7f;
	}
	
#navContainer :hover ul.medicalSub{
	height: 209px;
	padding: 16px 5px 7px 35px;
	float: left;
}

#navContainer :hover ul.trainingSub{
	height: 125px;
	padding: 16px 5px 7px 35px;
	float: left;
	left: -130px !important;
}
#navContainer :hover ul.supportSub{
	height: 70px; 
	padding: 16px 5px 7px 35px;
	float: left;
	left: -266px !important;
}

#navContainer :hover ul.eventsSub{
	height: 70px; 
	padding: 16px 5px 7px 35px;
	float: left;
	left: -425px !important;
}

#navContainer :hover ul.resourcesSub{
	height: 70px;
	padding: 16px 5px 7px 35px;
	float: left;
	left: -566px !important;
}
#navContainer :hover ul.newsSub{
	height: 70px; 
	padding: 16px 5px 7px 35px;
	float: left;
	left: -675px !important;
} 
#navContainer :hover ul.aboutSub{
	height: 125px;
	padding: 16px 5px 7px 35px;
	float: left;
	left: -831px !important;
} 

#navContainer :hover ul.medicalSub 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, #navContainer :hover ul.aboutSub li{	
	position:relative; 
	float:left; 
	font-weight:normal;
	font-size: 13px;
	padding: 0 3px 0 3px;
	background: none !important;}

#navContainer :hover ul.medicalSub 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, #navContainer :hover ul.aboutSub li a{
	display:block;
	border: 0px;
	line-height: 21px;
	text-decoration:none;
	background: url(../images/bulletArrow.gif) no-repeat 7px center; 
	padding: 2px 5px 2px 19px !important;
	margin-bottom: 2px;
	cursor:pointer; 
	color: #FFF;
	}

#navContainer :hover ul.medicalSub 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, #navContainer :hover ul.aboutSub li a:hover{
	font-weight: bold;
	background-color: #336388;
}

#navContainer :hover ul.sub li a b, #navContainer :hover ul.medicalSub 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, #navContainer :hover ul.aboutSub li a b {position:absolute; left:-9999px; margin:0;}

#navContainer :hover ul li a.medical_li, #navContainer :hover ul li a.training_li, #navContainer :hover ul li a.support_li, #navContainer :hover ul li a.events_li, #navContainer :hover ul li a.resources_li, #navContainer :hover ul li a.news_li, #navContainer :hover ul li a.about_li  {
	width: 250px;
	padding: 3px 5px 0 5px;
	margin-right: 15px;
}
.noBkg {background: none !important;}
#navContainer a:focus {outline: none;}