/* Start of CMSMS style sheet 'nav' */
/* CSS Document */

div.top_navigation{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	position:relative; 
	background-image:url(gfx/top_nav_bg.gif); 
	background-repeat:no-repeat; 
	width:905px; 
	height:48px; }

#nav {
list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	top: 0px;
	left: 0px;
	width: 697px;
	height: 28px;
	background: #004276;
}

#nav li ul, #nav li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



#nav a {
text-decoration: none;
}

#nav li { /*float the main list items*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float: left;
display: block;

}

#nav li ul {
display: none;padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
position: absolute;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 28px;
left: 0;
background: #536227;
height: 16px;
width:500px;

}



* #nav li.on:hover ul, #nav li.over ul { /*for ie*/
background: #536227;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:500px;
}



#nav li.on ul a, #nav li.off ul a {
border: 0;
float: left; /*ie doesn't inherit the float*/
height: 17px;

}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
background: #536227; 

padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav li.off a:hover, #nav li.on a:hover {
	text-decoration:underline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*do the image replacement*/

#nav li span {
position: absolute;
left: -9384px;
}

#nav #lihome a {
display: block;
position:relative;
width: 65px;
padding: 0px 0px 0px 0px;
}


#nav #litour a {
display: block;
position:relative;
width: 57px;
padding: 0px 0px 0px 0px;
}
#nav #lifac a {
display: block;
position:relative;
width: 84px;
padding: 0px 0px 0px 0px;
}


#nav #lievent a{
display: block;
position:relative;
width: 71px;
padding: 0px 0px 0px 0px;
}



#nav #liven a {
display: block;
position:relative;
width: 136px;
padding: 0px 0px 0px 0px;
}

#nav #liemp a {
display: block;
position:relative;
width: 103px;
padding: 0px 0px 0px 0px;
}
#nav #lidir a {
display: block;
position:relative;
width: 88px;
padding: 0px 0px 0px 0px;
}

#nav #libook a {
display: block;
position:relative;
width: 90px;
padding: 0px 0px 0px 0px;
}

#lihome a, #litour a, #lifac a, #lievent a, #liven a, #liemp a, #lidir a, #libook a {
display: block;
position: relative;
height: 28px;
width:auto;
background: url(gfx/top_nav.gif) no-repeat; /*contains all hover states*/
}

/*first, put the initial states in place*/

#lihome a {
background-position: -0 0;
}



#litour a {
background-position: -65px 0;
}

#lifac a {
background-position: -122px 0;
}


#lievent a {
background-position: -206px 0;
}

#liven a {
background-position: -277px 0;
}

#liemp a {
background-position: -413px 0;
}
#lidir a {
background-position: -516px 0;
}

#libook a {
background-position: -604px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#lihome.on a {
background-position: -0px -28px;;
} /*add selectors for the other li's and background-positions*/


#litour.on a {
background-position: -65px -28px;;
} 

#lifac.on a {
background-position: -122px -28px;;
} 


#lievent.on a {
background-position: -206px -28px;;
} 
 
#liven.on a {
background-position: -277px -28px;;
} 
#liemp.on a {
background-position: -413px -28px;;
} 
#lidir.on a {
background-position: -516px -28px;;
}
#libook.on a {
background-position: -604px -28px;;
} 
/*hover states*/

#lihome a:hover, #lihome:hover a, #lihome.over a {
background-position: 0px -28px;
}



#litour a:hover, #litour:hover a, #litour.over a {
background-position: -65px -28px;
}

#lifac a:hover, #lifac:hover a, #lifac.over a {
background-position: -122px -28px;
}


#lievent a:hover, #lievent:hover a, #lievent.over a {
background-position: -206px -28px;
}

#liven a:hover, #liven:hover a, #liven.over a {
background-position: -277px -28px;
}

#liemp a:hover, #liemp:hover a, #liemp.over a {
background-position: -413px -28px;
}
#lidir a:hover, #lidir:hover a, #lidir.over a {
background-position: -516px -28px;
}

#libook a:hover, #libook:hover a, #libook.over a {
background-position: -604px -28px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #536227;
	color:white;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	
}		
#nav #lifac ul {
	
	background:#none;
	height: 20px;
	margin-left: 223px;
	
}

#nav #lievent ul {
background: #536227;
	height: 20px;
	margin-left:217px;

}

#nav #lihome ul {
	height: 20px;
	margin-left: 215px;
	background: #536227;
}


#nav #litour ul {

	height: 20px;
	margin-left:215px;
	background: #536227;
}






#nav #liven ul {
	
	height: 20px;
	margin-left: 215px;
	background: #536227
}
#nav #liemp ul {
	background: #536227;
	height: 20px;
	margin-left: 215px;
}
#nav #lidir ul {
	background: #536227;
	height: 20px;
	margin-left:215px;
}
#nav #libook ul {
	background: #536227;
	height: 20px;
	margin-left:215px;
}

* html #nav #lifac ul {
	margin-left: 225px;
background: #536227;
}

* html #nav #lihome ul {
	margin-left: 215px;background: #536227;
}

* html #nav #litour ul {
	margin-left: 215px;background: #536227;
}



* html #nav #liven ul {
	margin-left:215px;background: #536227;
}

* html #nav #libook ul {
	margin-left:215px;background: #536227;
}

* html #nav #liemp ul {
	margin-left: 215px;background: #536227;

}


* html #nav #lievent ul {
	margin-left:215px;

}
#nav #lievent ul li#before a:link,
#nav #lievent ul li#before a:visited{width:100px; height:20px;background: url(gfx/sub_event.gif) no-repeat 0px 0px;}
#nav #lievent ul li#corp a:link, 
#nav #lievent ul li#corp a:visited {
	width: 71px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -100px 0px;
}

#nav #lievent ul li#corp a:hover {
	width: 71px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -100px -20px;
}
	


#nav #lievent ul li#wed a:link, 
#nav #lievent ul li#wed a:visited {
	width: 62px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -171px 0px;
}

#nav #lievent ul li#wed a:hover {
	width: 62px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -171px -20px;
}

#nav #lievent ul li#social a:link, 
#nav #lievent ul li#social a:visited {
	width: 49px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -233px 0px;
}
#nav #lievent ul li#social a:hover {
	width: 49px;
	height: 20px;
	background: url(gfx/sub_event.gif) no-repeat -233px -20px;
}




/*</group>*/

/*</group>*/

/*<group=level 2 ids>*/

#nav #lifac ul li#state a:link, 
#nav #lifac ul li#state a:visited {
	width: 86px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat 0px 0px;
}

#nav #lifac ul li#state a:hover {
	width: 86px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat 0px -20px;
}

#nav #lifac ul li#ball a:link,
#nav #lifac ul li#ball a:visited {
	width: 57px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -86px 0px;
}

#nav #lifac ul li#ball a:hover {
	width: 57px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -86px -20px;
}


#nav #lifac ul li#charles a:link,
#nav #lifac ul li#charles a:visited {
	width: 76px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -143px 0px;
}

#nav #lifac ul li#charles a:hover {
	width: 76px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -143px -20px;
}

#nav #lifac ul li#private a:link,
#nav #lifac ul li#private a:visited {
	width: 91px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -219px 0px;
}

#nav #lifac ul li#private a:hover {
	width: 91px;
	height: 20px;
	background: url(gfx/sub_fac.gif) no-repeat -219px -20px;
}



/* End of 'nav' */