/* Thanks to
http://htmldog.com/articles/suckerfish/dropdowns/
and - by proxy - alistapart.
*/

#nav{
    margin: 0 auto;
    width: 1000px;
}

#global-nav, #global-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}

#global-nav a {
    display: block;
    /* width: 13em; */
    width: 153px;
    color: #9f9f9f;
    text-decoration: none;
    padding: 8px 4px 8px 8px;
    text-align: left;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

#global-nav a:hover {
    text-decoration: underline;
}

#global-nav li {
    float: left;
    /* width: 14em; */
    width: 165px;
    background: url('/page_attachments/0000/0022/left-button-bg.jpg') bottom left repeat-x #434343;
    border-left: 1px solid black;
    font-size: 10px;
}

#global-nav > ul > li.first{
    border-left: none;
}

#global-nav > ul > li.last{
    width: 170px;
}

#global-nav li.digital-institutions, #global-nav li.cloud-law{
    background: url('/page_attachments/0000/0028/red-button-bg.jpg') bottom left repeat-x #5b3535;
}

#global-nav li.open-research-platform{
    background: url('/page_attachments/0000/0046/blue-button-bg.jpg') bottom left repeat-x #2d2d40;
}

#global-nav li.who-we-are{
    background: url('/page_attachments/0000/0029/lighter-button-bg.jpg') bottom left repeat-x #686868;
}

#global-nav span.has-children{
	font-weight: bold;
}

#global-nav li li {
/*    background: url('/page_attachments/0000/0022/left-button-bg.jpg') bottom left repeat-x #434343; */
    border-top: 1px solid black;
    font-weight: normal;
}

#global-nav li ul {
    position: absolute;
    width: 166px;
/*    width: 14em; */
    left: -999em;
}

#global-nav li ul{
}

#global-nav li ul a{
	padding: 8px 4px 8px 4px;
}

#global-nav li ul ul {
	margin: -2em 0 0 13em;
}

#global-nav li:hover, #global-nav li.sfhover{
	background: #434343;
}

#global-nav li.digital-institutions:hover, #global-nav li.cloud-law:hover{
    background: #5b3535;
}
#global-nav li.open-research-platform:hover{
    background: #2d2d40;
}
#global-nav li.who-we-are:hover{
    background: #686868;
}

#global-nav li:hover a, #global-nav li.sfhover a, #global-nav li.active a{
	color: white;
}

/* 2 level menus */

#global-nav li:hover ul, #global-nav li.sfhover ul {
	left: auto;
}

/* 3 level menus */

#global-nav li:hover ul ul, #global-nav li.sfhover ul ul {
	left: -999em;
}

#global-nav li:hover ul, #global-nav li li:hover ul, #global-nav li.sfhover ul, #global-nav li li.sfhover ul {
	left: auto;
}