
/********** NAV BARS **********/

#mainnav {position: absolute;top: 77px;left: 50%;margin-left: -385px;width:790px; height:25px;
/* overlapping portion of the sectiontitle cutout */}	
#mainnav ul {margin: 0;padding: 0;}
#mainnav ul.level1{width:770px;height:23px;}
div#mainnav li {position:relative;float:left;list-style: none;background:#5A5A97;	}
#mainnav li:hover{background-color:#6E6E9F;}
#mainnav li.submenu:hover{background-color:#6E6E9F;}
div#mainnav li a {display: block;font:bold 13px Verdana, sans-serif;/*font:bold 13px Verdana, sans-serif;*/color:#fff;text-decoration: none;text-align: center;padding: 8px 0 4px 0;border: none;width:110px;height:16px;}
div#mainnav li ul li a {display: block;font:bold 12px Verdana, sans-serif;color:#fff;text-decoration: none;text-align: center;padding: 8px 0 4px 0;border: none;width:150px;}
div#mainnav li ul li ul li a {display: block;font:bold 9px Verdana, sans-serif;color:#fff;text-decoration: none;text-align: center;padding: 8px 0 4px 0;border: none;width:195px;}
div#mainnav li ul li ul li ul li a {display: block;font:bold 9px Verdana, sans-serif;color:#fff;text-decoration: none;text-align: center;padding: 8px 0 4px 0;border: none;width:195px;}
div#mainnav li ul li ul li a.align {display: block;font:bold 9px Verdana, sans-serif;color:#fff;text-decoration: none;text-align: center;padding: 4px 0 4px 0;border: none;width:195px;height:20px;}
/*#mainnav li a {/* ie5/win box model hack *//*voice-family: "\"}\""; voice-family:inherit;}*/
div#mainnav li ul li ul li ul li a.align{display: block;font:bold 9px Verdana, sans-serif;color:#fff;text-decoration: none;text-align: center;padding: 4px 0 4px 0;border: none;width:195px;height:20px;}	
/* unhack ie5/win */
#mainnav a:hover {	background:#6E6E9F;	z-index: 500;	}
/*#mainnav ul li a{height: 1%;}*/
#mainnav ul ul {position: absolute;top:29px;z-index: 600;display:none;width:140px;}
/*#mainnav ul ul ul {position: relative;top: 0px;left: 100%;}*/
/*#mainnav li ul li a{font: bold 11px/16px Verdana, helvetica, sans-serif;display: block;border-width: 1px;border-style: solid;border-color:#8181C5 #5A5A97 #8181C5 #8181C5;margin: 0;padding: 2px 2px;width:150px;vertical-align: bottom; /* for IE5-Win *//*background:#5A5A97;z-index:500;}
#mainnav li ul li ul li a{font: bold 11px/16px Verdana, helvetica, sans-serif;display: block;border-width: 1px;
border-style: solid;border-color:#8181C5 #5A5A97 #8181C5 #8181C5;margin: 0;padding: 2px 3px;width:110px;background:#5A5A97;}
#mainnav li ul li a:hover{color: #fff;background:#6E6E9F;}
#mainnav li ul li ul li a:hover{color: #fff;background:#6E6E9F;}
div#mainnav ul ul,div#mainnav ul li:hover ul ul,div#mainnav ul ul li:hover ul ul{display: none;}
div#mainnav ul li:hover ul,div#mainnav ul ul li:hover ul,div#mainnav ul ul ul li:hover ul{display: block;}*/
div#mainnav ul ul li {border-bottom:1px solid #8181C5;}
div#mainnav ul.level1 li.submenu:hover ul.level2, div#mainnav ul.level2 li.submenu:hover ul.level3, div#mainnav ul.level3 li.submenu:hover ul.level4 {display:block;}
div#mainnav ul.level2 {top: 28px; left: -1px;}
div#mainnav ul.level3 {top: 0px; left:140px;}
div#mainnav ul.level4 {top: 0px; left:190px;}
/* these widths make the nav bar plus outside padding total 740px */
/*.homelink {width: 110px;}

.historylink {
width: 110px;
}

.programslink {
width: 110px;
}

.facilitieslink {
width: 110px;
}


.photoslink{
width: 110px;
}
.stafflink {
width: 110px;
}

.calendarlink {
width: 110px;
}*/	



/* these widths make the nav bar text line up with the edges of the page */
/*.homelink {
width: 110px;
}

.historylink {
width: 110px;
}

.programslink {
width: 110px;
}

.facilitieslink {
width:110px;
}

.stafflink {
width: 110px;
}
.photoslink{
width: 110px;
}
.calendarlink {
width: 110px;
}	
*/



