/* ---------------------------------------------
Keyboard accessible dropdown menu
Author:Adriana Palazova
Version:22 February 2009
last rev.: 19 October 2009
gratitude to Matthew Carroll - http://carroll.org.uk/sandbox/suckerfish/bones2.html
and
Alan Gresley and Duncan Hill - http://css-class.com/articles/ursidae/
------------------------------------------------ */

#degreeprograms {
width:1135px;
height:34px;
margin:15px auto 0 auto;
text-align:left;
position:relative;
z-index:9999;
}

#degreeprograms ul {
    width:100%;
list-style:none;
}

img {
border:0;
}

#ddmenu p {
padding:0;
}

#ddmenu a:link {text-decoration:none}

#ddmenu a:visited {text-decoration:none}

#ddmenu a:hover, #ddmenu a:focus, #ddmenu a:active {background-image:url(../backgrounds/dpnav/dropdownbg-on.gif);}

/* --- TOP LEVEL MENU STYLES --- */

#ddmenu {width:1050px; padding:0;}

#ddmenu li {width:162px;position:relative; float:left; width:162px;height:34px;}

#ddmenu li a {display:block; width:162px;}
    
/* --- SUB MENU ITEMS --- */

#ddmenu li li {border:0 none; font-weight:normal; z-index:20;height:20px;} /* no width here because of IE */

#ddmenu li li a {
color:#fff;
text-decoration:none;
display:block;
width:972px;
padding:3px 0 5px 18px;
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
} 

#ddmenu li li a:hover, #ddmenu li li a:focus, #ddmenu li li a:active
background-image:url(../backgrounds/dpnav/dropdownbg-on.gif);
text-decoration:none;
}

#ddmenu ul > li {display:block; float:none} /* for Opera */

#ddmenu li.phd a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/phd.gif);
font-size:0;
color:#fff;
}

#ddmenu li.phd a:hover, #ddmenu li.phd a:focus,  #ddmenu li.phd a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/phd-on.gif);
font-size:0;
color:#11527C;
}

#ddmenu li.mpp a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/mpp.gif);
font-size:0;
color:#fff;
}

#ddmenu li.mpp a:hover, #ddmenu li.mpp a:focus, #ddmenu li.mpp a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/mpp-on.gif);
font-size:0;
color:#11527C;
}


#ddmenu li.mba a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/mba.gif);
font-size:0;
color:#fff;
}

#ddmenu li.mba a:hover, #ddmenu li.mba a:focus, #ddmenu li.mba a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/mba-on.gif);
font-size:0;
color:#11527C;
}


#ddmenu li.ma a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/ma.gif);
font-size:0;
color:#fff;
}

#ddmenu li.ma a:hover, #ddmenu li.ma a:focus, #ddmenu li.ma ak:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/ma-on.gif);
font-size:0;
color:#11527C;
}


#ddmenu li.ms a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/ms1.gif);
font-size:0;
color:#fff;
}

#ddmenu li.ms a:hover, #ddmenu li.ms a:focus, #ddmenu li.ms a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/ms-on1.gif);
font-size:0;
color:#11527C;
}


#ddmenu li.coex a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/coex.gif);
font-size:0;
color:#fff;
}

#ddmenu li.coex a:hover, #ddmenu li.coex a:focus, #ddmenu li.coex a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/coex-on.gif);
font-size:0;
color:#11527C;
}

#ddmenu li.emba a {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/emba.gif);
font-size:0;
color:#fff;
}

#ddmenu li.emba a:hover, #ddmenu li.emba a:focus, #ddmenu li.emba a:active  {
display:block;
width:162px;
height:34px;
background-image:url(../backgrounds/dpnav/emba-on.gif);
font-size:0;
color:#11527C;
}

#ddmenu li.phd ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
}

#ddmenu li.mpp ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-162px;
}

#ddmenu li.mba ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-324px;
}

#ddmenu li.ma ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-486px;
}

#ddmenu li.ms ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-648px;
}

#ddmenu li.coex ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-810px;
}

#ddmenu li.emba ul li {
background-image:url(../backgrounds/dpnav/dropdownbg.gif);
color:#fff;
width:1135px;
padding:7px 0 4px 18px;
margin-left:-972px;
}



/* --- SUB MENU FIRST LEVEL INITIAL POSITION --- */  

#ddmenu ul {position:absolute; left:-9999px; top:100%; width:1135px; padding:0;}

/*for modern browsers:*/
#ddmenu li > ul  {top:auto; width:auto}

/*see the conditional comments for IE7*/

/* --- SHOW FIRST LEVEL SUB MENU --- */

/*For ie6:*/
#ddmenu li.sfhover ul,
#ddmenu li a:active ul,
#ddmenu li.sffocusparent ul,
#ddmenu li a.sffocus ul {left:0}

/* for modern browsers + IE7:*/
#ddmenu li:hover > ul,
#ddmenu li.sfhover > ul,
#ddmenu li.sffocusparent > ul,
#ddmenu li a:active > ul,
#ddmenu li a:focus + ul,
#ddmenu li a.sffocus + ul {left:auto}


/* --- SUB LEVEL positions for JavaScript  OFF - thanks http://css-class.com/articles/ursidae/ --- */ 

/* --- The focus position for submenu anchors --- */
#ddmenu.jsoff li li a:focus, #ddmenu.jsoff li li a:active { /* --- THE FOCUS POSITION FOR FIRST SUB MENU ANCHORS --- */
    position:relative;
    left:9999px;
    top:-1px;
    z-index:21;
}


/* --- The hovered position for submenu anchors when the anchor is in focus --- */
#ddmenu.jsoff li:hover li a:focus, #ddmenu.jsoff li:hover li a:active { 
    position:relative; left:auto; top:-1px; margin-left:0}
 
#ddmenu.jsoff li:hover a:focus + ul { /* --- THE POSITION OF FIRST LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED AND HOVERED --- */
    margin-left:0px;
}