/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

#portal-globalnav {
position:relative;
z-index:3;
}
* html #portal-globalnav {
height:1%;
}
#portal-globalnav:after {
content:"";
clear:both;
display:block;
visibility:hidden;
}
#portal-globalnav li {
float:left;
margin:0;
padding:0;
}
#portal-globalnav li a {
display:block;
position:relative;
}


/*
** SUBMENU STYLES  
*/

ul.submenu {
position: absolute;
width: 15em;
left:-999em;
background: #fff;
/* border-color: &dtml-globalBorderColor;; */
border-color: white;
border-width: 1px;
border-style: none solid solid solid;
margin:0;
}
#portal-globalnav li.selected ul.submenu xxxxx {
margin-top: 25px;
z-index:3;
display: none;
}
#portal-globalnav ul.submenu li {
display:block;
width:100%;
}
#portal-globalnav ul.submenu a,
#portal-globalnav ul.submenu a:hover {
margin:0;
display:block;
/*  border-color: &dtml-globalBorderColor;; */
border-color: white;
border-style: solid none none;
position:static !important;
white-space:normal;
}
#portal-globalnav li.selected ul.submenu a:hover {
background-color:#fff;
}

a.hasDropDown {
background-image:url('&dtml-portal_url;/arrowRight.gif');
background-position:14em 50%;
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;
}

/* </dtml-with> */