/* Start of CMSMS style sheet 'Menu' */
ul#nav {
position:relative;
float:left;
width: 406px;
margin: 0px;
padding: 0px;
z-index:999;
}

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

#nav a {
text-decoration: none;
}

#nav span {
display:none;
}

#nav li {
position:relative;
float: left;
display: block;
top:0px;
}

#nav li ul {
display: none;
}

#nav li.off ul, #nav li.on ul{ /*put the subnav below*/
position:absolute;
float:none;
width:135px;
top:20px;
left:2px;
z-index:999;
}

#nav li.off ul li ul{ /*put the subnav below*/
position:absolute;
float:none;
width:135px;
top:0px;
left:125px;
z-index:999;
}

#nav li.on a {
color: #073E74;
}

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

#nav li.off:hover ul {
display: block;
}

#li2_1 a, #li2_2 a, #li2_3 a, #li2_4 a, #li2_5 a {
display: block;
position: relative;
width: 406px;
height: 20px;
background-image:url(GRAPHICS/topnav.gif);
background-repeat:no-repeat;
z-index:10;
}

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

#li2_1 a {
background-position: 0px 0px;
width: 71px;
}

#li2_2 a {
background-position: -71px 0px;
width: 101px;
}

#li2_3 a {
background-position: -172px 0px;
width: 96px;
}

#li2_4 a {
background-position: -268px 0px;
width: 77px;
}

#li2_5 a {
background-position: -346px 0px;
width: 61px;
}


/*hover states*/

#li2_1 a:hover {
background-position: 0px -20px;       
width: 71px;
}

#li2_2 a:hover {
background-position: -71px -20px;
width: 101px;
}

#li2_3 a:hover {
background-position: -172px -20px;
width: 96px;
}

#li2_4 a:hover {
background-position: -268px -20px;
width:77px;
}

#li2_5 a:hover {
background-position: -346px -20px;
width:61px;
}

#nav li ul a {
display: block;
background: #717073;
border-bottom:1px solid #ffffff;
color: #FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:10px;
min-height:10px;
height:auto !important;
height:10px;
padding:5px;
border-top:none;
width:115px; 
}

#nav li ul a:hover {
background: #868588;
width:115px;
height:auto;
border-bottom:1px solid #ffffff;
padding:5px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:3em;
left:0;
width:14em;
}

/* position the third level flyout menu */
#nav ul ul ul{
left:0;
top:0;
width:0;
}

/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
left:0;
}


/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, .menu ul a:hover ul {
visibility:visible; 
height:auto; 
padding-bottom:3em; 
}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul {
visibility:visible;
}

ul#menu {
width: 800px;
height:50px;
margin: 0px;
padding: 0px;
}

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

#menu a {
text-decoration: none;
}

#menu span {
display:none;
}


#menu li {
position:relative;
float: left;
display: block;
top:0px;
}

#menu li ul {
display: none;
}

#menu li.off ul, #menu li.on ul{ /*put the subnav below*/
position:absolute;
float:none;
width:150px;
top:50px;
left:2px;
background-color:#6f001c;
}

#menu li.off ul.split, #menu li.on ul.split{ /*put the subnav below*/
position:absolute;
float:none;
width:320px;
top:50px;
left:2px;
background-color:#6f001c;
}

#menu li.off ul li ul{ /*put the subnav below*/
position:absolute;
float:none;
width:135px;
top:0px;
left:125px;
z-index:999;
}

#menu li.on a {
color: #073E74;
}

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

#menu li.off:hover ul {
display: block;
}

#li3_1 a, #li3_2 a, #li3_3 a, #li3_4 a, #li3_5 a, #li3_6 a, #li3_7 a, #li3_8 a, #li3_9 a {
display: block;
position: relative;
width: 800px;
height:50px;
background-image:url(GRAPHICS/mainnav.gif);
background-repeat:no-repeat;
z-index:10;
}

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

#li3_1 a {
background-position: 0px 0px;
width: 67px;
}

#li3_2 a {
background-position: -67px 0px;
width: 92px;
}

#li3_3 a {
background-position: -160px 0px;
width: 143px;
}

#li3_4 a {
background-position: -303px 0px;
width: 115px;
}

#li3_5 a {
background-position: -418px 0px;
width: 63px;
}

#li3_6 a {
background-position: -481px 0px;
width: 54px;
}

#li3_7 a {
background-position: -534px 0px;
width: 56px;
}

#li3_8 a {
background-position: -590px 0px;
width: 57px;
}

#li3_9 a {
background-position: -647px 0px;
width: 134px;
}

#menu li#li3_9 ul {
left:-188px;
}

/*hover states*/

#li3_1 a:hover {
background-position: 0px -50px;
width: 67px;
}

#li3_2 a:hover {
background-position: -67px -50px;
width: 92px;
}

#li3_3 a:hover {
background-position: -160px -50px;
width: 143px;
}

#li3_4 a:hover {
background-position: -303px -50px;
width: 115px;
}

#li3_5 a:hover {
background-position: -418px -50px;
width: 63px;
}

#li3_6 a:hover {
background-position: -481px -50px;
width: 54px;
}

#li3_7 a:hover {
background-position: -534px -50px;
width: 56px;
}

#li3_8 a:hover {
background-position: -590px -50px;
width: 57px;
}

#li3_9 a:hover {
background-position: -647px -50px;
width: 134px;
}

#menu li ul a {
display: block;
background: #6f001c;
border-top:1px solid #d31145;
color: #FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:11px;
min-height:10px;
height:auto !important;
height:10px;
padding:5px;
width:150px; 
}

#menu li ul a:hover {
background: #990024;
width:150px;
height:auto;
border-top:1px solid #d31145;
padding:5px;
}

/* Main Menu */

ul#calnav {
width: 175px;
height:377px;
margin: 0px;
padding: 0px;
}

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

#calnav a {
text-decoration: none;
}

#calnav span {
display:none;
}


#calnav li {
position:relative;
float: left;
display: block;
top:0px;
}

#calnav li ul {
display: none;
}

#calnav li.on a {
color: #073E74;
}

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

#calnav li.off:hover ul {
display: block;
}

#mo1 a, #mo2 a, #mo3 a, #mo4 a, #mo5 a, #mo6 a, #mo7 a, #mo8 a, #mo9 a, #mo10 a, #mo11 a, #mo12 a {
display: block;
position: relative;
width: 175px;
background-image:url(GRAPHICS/calendar-nav.gif);
background-repeat:no-repeat;
z-index:10;
}

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

#mo1 a {
background-position: 0px 0px;
width: 175px;
height:30px;
}

#mo2 a {
background-position: 0px -30px;
width: 175px;
height:32px;
}

#mo3 a {
background-position: 0px -62px;
width: 175px;
height:32px;
}

#mo4 a {
background-position: 0px -94px;
width: 175px;
height:32px;
}

#mo5 a {
background-position: 0px -126px;
width: 175px;
height:31px;
}

#mo6 a {
background-position: 0px -157px;
width: 175px;
height:31px;
}

#mo7 a {
background-position: 0px -188px;
width: 175px;
height:31px;
}

#mo8 a {
background-position: 0px -219px;
width: 175px;
height:32px;
}

#mo9 a {
background-position: 0px -251px;
width: 175px;
height:32px;
}

#mo10 a {
background-position: 0px -283px;
width: 175px;
height:32px;
}

#mo11 a {
background-position: 0px -317px;
width: 175px;
height:31px;
}

#mo12 a {
background-position: 0px -349px;
width: 175px;
height:32px;
}

/*hover states*/

#mo1 a:hover,
#mo1 a.active {
background-position: -174px 0px ;
width: 175px;
}

#mo2 a:hover,
#mo2 a.active {
background-position: -174px -30px ;
width: 175px;
}

#mo3 a:hover,
#mo3 a.active {
background-position: -174px -62px ;
width: 175px;
}

#mo4 a:hover,
#mo4 a.active {
background-position: -174px -94px ;
width: 175px;
}

#mo5 a:hover,
#mo5 a.active {
background-position: -174px -126px ;
width: 175px;
}

#mo6 a:hover,
#mo6 a.active {
background-position: -174px -157px ;
width: 175px;
}

#mo7 a:hover,
#mo7 a.active {
background-position: -174px -188px ;
width: 175px;
}

#mo8 a:hover,
#mo8 a.active {
background-position: -174px -219px ;
width: 175px;
}

#mo9 a:hover,
#mo9 a.active {
background-position: -174px -251px ;
width: 175px;
}

#mo10 a:hover,
#mo10 a.active {
background-position: -174px -283px;
width: 175px;
}

#mo11 a:hover,
#mo11 a.active {
background-position: -174px -317px ;
width: 175px;
}

#mo12 a:hover,
#mo12 a.active {
background-position: -174px -349px;
width: 175px;
}

#calnav li ul a {
display: block;
background: #6f001c;
border-top:1px solid #d31145;
color: #FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:11px;
min-height:10px;
height:auto !important;
height:10px;
padding:5px;
width:150px; 
}

#calnav li ul a:hover {
background: #990024;
width:150px;
height:auto;
border-top:1px solid #d31145;
padding:5px;
}

ul#rightnav {
position:relative;
display:block;
float: left;
width: 175px;
margin: 0px;
padding: 0px;
list-style:none;
}

#rightnav a {
text-decoration: none;
}

#rightnav span {
display:none;
}

ul#rightnav li {
position:relative;
float: left;
display: block;
width:156px;
}

ul#rightnav li a {
position:relative;
float: left;
display: block;
top:0px;
width:156px;
height:24px;
padding-top:7px;
padding-left:18px;
color:#000000;
background-position:0px 0px;
}

ul#rightnav li a:hover,
ul#rightnav li a.active {
position:relative;
float: left;
display: block;
top:0px;
width:156px;
height:24px;
padding-top:7px;
padding-left:18px;
color:#FFFFFF;
background-position:174px 0px;
}

#rightnav li.on a {
color: #073E74;
}

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

#rightnav li.off:hover ul {
display: block;
}
/* End of 'Menu' */