/* Start of CMSMS style sheet 'MenuL2' */
ul#nav2 {
position:relative;
float:left;
width: 460px;
margin: 0px;
padding: 0px;
z-index:999;

}

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

#nav2 a {
text-decoration: none;
}

#nav2 span {
display:none;
}

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

#nav2 li ul {
display: none;
}

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

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

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

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

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

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

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

#li2_0 a {
background-position: 0px 0px;
width: 50px;
}

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

#li2_2 a {
background-position: -122px 0px;
width: 100px;
}

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

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

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


/*hover states*/

#li2_0 a:hover {
background-position: 0px -20px;
width: 50px;
}

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

#li2_2 a:hover {
background-position: -122px -20px;
width: 100px;
}

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

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

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

#nav2 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; 
}

#nav2 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 */
#nav2 ul ul {
visibility:hidden;
position:absolute;
height:0;
top:3em;
left:0;
width:14em;
}

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

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


/* make the second level visible when hover on first level list OR link */
#nav2 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 */
#nav2 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav2 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#nav2 ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#nav2 ul :hover ul :hover ul :hover ul {
visibility:visible;
}


/* Main Menu */

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

*html ul#menu {
width: 781px;
background-image:url(GRAPHICS/mainnav.gif);

}

#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 */

*html ul#menu {
width: 781px;
background-image:url(GRAPHICS/mainnav.gif);

}

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 
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(GRAPHICS/rightnav-bkgd.gif); 
 PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 175px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #757477
}
#rightnav li ul, #rightnav li ul {
margin: 0px;
padding: 0px;
}

ul#rightnav li a {
position:relative;
float: left;
display: block;
top:0px;
width:141px;
height:24px;
padding-top:7px;
padding-left:18px;
padding-right:16px;
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:141px;
height:24px;
padding-top:7px;
padding-left:18px;
padding-right:16px;
color:#FFFFFF;
background-position:174px 0px;
visibility:visible;
}


#rightnav a {
text-decoration: none;
}

#rightnav span {
display:none;
}

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

#rightnav li ul {
display: none;
}

#rightnav li.off ul, #rightnav li.on ul{ /*put the subnav below*/
position:relative;
float:left;
width:141px;
z-index:999;
}

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

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

ul#rightnav li.category a {
color:#FFFFFF;
}

ul#rightnav li.break a {
padding-top:4px;
line-height:10px;
height:27px;
}

ul#rightnav li.instructors a {
border-top:8px solid #FFFFFF;
}

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

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

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

ul#rightnav li ul li a,
ul#rightnav li.break ul li a {
background-color:#B2B2B2;
color:#FFFFFF;
width:141px;
min-height:20px;
height:auto !important;
height:20px;
margin:0px;
padding:5px;
padding-left:20px;
border-left:8px solid #FFFFFF;
border-right:1px solid #FFFFFF;
line-height:18px;
background-image:none;
}

ul#rightnav li ul li a:hover,
ul#rightnav li.break ul li a:hover {
background-color:#B2B2B2;
color:#000000;
width:141px;
min-height:20px;
height:auto !important;
height:20px;
margin:0px;
padding:5px;
padding-left:20px;
border-left:8px solid #FFFFFF;
border-right:1px solid #FFFFFF;
line-height:18px;
background-image:none;
}
/* End of 'MenuL2' */