.nav-right {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    float: left;
}
.nav-right .navigation {
    display: inline;
    width: 100%;
    padding: 10px 0px;
    vertical-align: top;
    text-align: left;
}
#menu
{
    position: relative;
    z-index: 1000;
}
#menu .menu
{
    position: absolute;
    padding-left: 0px;
}
#menu *
{
    list-style: none;
    border: 0;
    padding: 0;
    margin: 0;
}
#menu a
{
    display: block;
    padding:8px 18px;
    white-space: nowrap;
}
#menu li
{
    float: left;
    background: #000;
}
#menu li li
{
    float: none;
    _border: 1px solid #bb3e3e; /** fix for ie6 */
}
#menu div
{
    visibility: hidden;
    position: absolute;
    background:#fff url(../images/pix.html);
}
#menu div div
{
    margin: 0px 0 0 -0px;
    left: 100%;
}
#menu li:hover > div
{
    visibility: visible;
}

/* menu::special styles */
/* menu::level 1 */
#menu a
{
    text-decoration: none;
    color: #333;
    position: relative;
    z-index: 77;
    
    
}
#menu a:hover
{
    bckground:#db0005 url(../images/back.html);
    color: #fff;
    
}
#menu a:hover span
{
    color: #333;
}
#menu > ul > li:hover > a
{
    background: #db0005;
    color: #fff;
}
#menu > ul > li:hover > a span
{
    color: #fff;
}
#menu span
{
text-decoration: none; 
font-family:'Roboto', sans-serif;
font-size: 15px; 
text-transform: uppercase; 
color: #fff;
line-height: 30px; font-weight:700
}
#menu li
{
    background: none;
}

#menu li.active a {
    background: #db0005;
    color: #fff;
}
#menu li.active span {
    color:#fff;
    background: #db0005;
}
/** <fix for ie6> */
#menu div div
{
    _margin-top: -25px;
    _background: #bb3e3e;
}
#menu li li li
{
    _border: 1px solid #bb3e3e;
}
#menu div div div
{
    _background: #bb3e3e;
}
#menu li li li li
{
    _border: 1px solid #bb3e3e;
}
/** </fix for ie6> */


#menu img
{
    padding: 0px;
    margin: 0px;
}


/** ie7 */
*:first-child+html #menu div div { display:block; top:-9999px; }
*:first-child+html #menu li:hover>div { top:auto; }



/* Dropdown Menu */

#menu div.columns { width:800px; float:left; display:block; margin:0px; padding: 15px 0px 0px 0px; background:#fff;}
	
#menu div.columns ul {
    float:left;
    width:260px;
    position:static;
    padding: 00px 00px;
    background: none;  
    display:block; 
    margin-bottom:20px;
}
#menu div.columns a { white-space:normal; padding:3px 18px}

#menu div.about-us ul { width:auto; float:left; position:static;  display:block;}
#menu div.about-us li { width:260px; float:left; display:block; }

#menu div.programmes {}

#menu div.departments  {}
#menu div.departments ul { width:auto; float:left; position:static;  display:block;   }
#menu div.departments .ul_departments li { width:230px; float:left; display:block; }



#menu div.events {} 
#menu div.events ul { width:auto; float:left; position:static;  display:block;   }
#menu div.events li { width:150px auto; float:left; display:block; }


#menu div.alumni {}
#menu div.alumni ul { width:100%; float:left; position:static;  display:block;   }
#menu div.alumni li { width:180px auto; float:left;  display:block;   }






/* menu::level >= 2 */
#menu div.columns li span {
    text-transform: none;
    line-height: 12pt;
	font-family:'Roboto', sans-serif;
    font-size: 12px;
    color: #222;
    padding: 0;
    display:block;
    margin-right:5px; font-weight:400
    
}

#menu div.columns li a span
{
    color: #002147;    
    background-position: 1px 0px; text-transform:uppercase
}
#menu div.columns li a:hover span
{
    color: #002147;
    background-position: 1px 0px;
}


#menu div.columns .head span
{
    color: #002147;
    background: none;
    text-transform: uppercase;
    font-size: 13px;
    padding: 3px 0px;
    background-image: none;
    clear:both;
    width:100%; font-weight:700
}

#menu div.columns .head span:hover
{
    color: #002147;
    background: none;
    text-transform: uppercase;
    font-size: 13px;
    padding: 3px 0px;
    background-image: none;
    clear:both;
    width:100%; font-weight:700
}