/* - dropdown-menu.css - */
@media screen {
/*  (do not remove this :) */
/*  (not this either :) */


* html #portal-globalnav {
    height:1%;
}
#portal-globalnav li {
    float:left;
    margin:0;
    padding:0;
	list-style:none;
}
#portal-globalnav li a {
    display:block;   
    position:relative;
}


/*
** SUBMENU STYLES 
*/

#portal-globalnav ul {
    position: absolute;
    width: 15em;
    left:-999em;
	background:url(images/home/bg_dropdown.png) top left repeat;   
    margin:0 0 0 30px;
	padding:0;
}
#portal-globalnav li.selected ul.submenu {
    margin-top:-1px;
    z-index:3;
}
#portal-globalnav ul.submenu li {
    display:block;
    width:100%;
	border-top: 1px solid #9e9f9f;
}
#portal-globalnav ul.submenu a,
#portal-globalnav ul.submenu a:hover {
    margin:8px 0 8px 8px;
    display:block;
    position:static !important;
    white-space:normal;
	text-transform:none;
	font-family: ProximaNovaSemibold;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	line-height:16px;
}

#portal-globalnav ul.submenu a:hover {
    margin:8px 0 8px 8px;
    display:block;
    position:static !important;
    white-space:normal;
	text-transform:none;
	font-family: ProximaNovaSemibold;
	font-size: 12px;
	color:#8dd1fd;
	text-decoration:none;
	font-weight:normal;
	line-height:16px;
}

#portal-globalnav li.selected ul.submenu a:hover {
	color:#8dd1fd;  
}

a.hasDropDown {
    background-image: url(images/home/right_arrow.png);
    background-position:16em;
    background-repeat:no-repeat;
}

/* Below we have the same style defined differently 
** These are for IE7 and IE6 respectively. There is no 
** possibility to put styles for IE6 and IE7 in the same
** definition. So we have 2 separate definitions
*/
*:first-child+html #portal-globalnav ul.submenu a {height:1%;} /* IE7 fix. */
* html #portal-globalnav ul.submenu a {height:1%;} /* we all love IE6 ;) */


/* side-dropdown menu styles */
#portal-globalnav li ul ul {
    z-index:10;
    top:0.4em;
    left:-999em;
    left:0;
    margin: 0 0 0 14em;
}

#portal-globalnav ul li:hover,
#portal-globalnav ul li.sfhover {
    position:relative;
}

#portal-globalnav li:hover ul ul, 
#portal-globalnav li:hover ul ul ul, 
#portal-globalnav li:hover ul ul ul ul,
#portal-globalnav li.sfhover ul ul, 
#portal-globalnav li.sfhover ul ul ul,
#portal-globalnav li.sfhover ul ul ul ul {
    left:-999em;
}

#portal-globalnav li:hover ul, 
#portal-globalnav li li:hover ul, 
#portal-globalnav li li li:hover ul,
#portal-globalnav li li li li:hover ul, 
#portal-globalnav li.sfhover ul, 
#portal-globalnav li li.sfhover ul, 
#portal-globalnav li li li.sfhover ul,
#portal-globalnav li li li li.sfhover ul {
    left:auto;
}

/* clearing global navigation styles */
#post-sections-clear {
    height:1px;
    margin-bottom:-3px;
}

/* See above for explanation of the below mess styles */
*:first-child+html #post-sections-clear {margin-bottom:-2px;}
* html #post-sections-clear {
    margin-bottom:-2px;
}

/*  */
}