/** Path: theme eumetcal_menu **/
/* Custom Menu
-------------------------- */
#menuwrap {
	height: 40px;
	background: #00008c;
	width: 100%;
	padding: 0px;
}

#custommenu {
    padding: 0;
    clear:both;
    height: 100%;
    background: #00008c;
    margin: -20px 0px;
    white-space: nowrap;
    float: right;
}

#custommenu ul li {
    border-right: 1px solid #777;
    border-left: 1px solid #999;
}
/*
Dropdown Menu - CSS from DeCaf Theme by Lei Zhang
-------------------------------------------------*/
ul.dropdown span.customitem {
    padding:0;
    border:0;
    width: 100%;
}
ul.dropdown span.customitem {
    padding:0;
    width: 100%;
}
ul.dropdown li a,
ul.dropdown span.customitem a {
    padding:10px 20px;
}
ul.dropdown span.customitem a:hover {
    border: 0;
}
#custommenu ul.dropdown ul {
    padding:0;
    width:auto;
}
#custommenu ul.dropdown ul a {
    padding:8px 18px;
}
#custommenu ul.dropdown > li span a {
    height:16px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style:none;
    margin:0;
    padding:0;
}
ul.dropdown {
    position:relative;
    top:0px;
    z-index:597;
    float:left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.4em;
}
ul.dropdown li {
    float:left;
    line-height:1.3em;
    vertical-align:middle;
    background-color:transparent;
    color:#fff;
    zoom:1 !important;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    position:relative;
    z-index:599;
    cursor:default;
}
ul.dropdown ul {
    visibility:hidden;
    position:absolute;
    top:100%;z-index:598;
    left:auto;
    right:0;
    margin-top: 0px;
    font:100% "Trebuchet MS",Arial,Helvetica,sans-serif;
}
ul.dropdown ul li {
    float:none;
    background-color: #00008c;
    border-width: 1px;
    border-style: solid;
    border-color: #666 #ccc #00008c;
    padding:0;
    font-size: 12px;
    text-transform: none;
    width: 300px;
}

ul.dropdown ul li:first-child {
	border-top: 3px solid #4c4c4c;
        width: 300px;
}


ul.dropdown ul ul {
    top:0;
    right:auto;
    left:100%;
    margin-top:0;
    border-top:none;
    border-left:none;
    font-weight:400;
}
ul.dropdown li:hover > ul {
    visibility:visible;
}
ul.dropdown span,
ul.dropdown span a,
ul.dropdown li.clickable-with-children > a {
    background-color: #00008c;
    width:auto;
    padding:2px 6px 4px 20px;
    color: #fff;
}
ul.dropdown ul span,
ul.dropdown ul span a,
ul.dropdown ul li.clickable-with-children > a {
    background-color:#00008c;
    background-image: url(http://www.eumetcal.org/courses/theme/image.php?theme=eumetcal&component=theme&image=menu%2Fnav-arrow-right);
    background-position:100% 50%;
    background-repeat:no-repeat;
    color: #fff;
}
ul.dropdown ul ul span,
ul.dropdown ul ul span a,
ul.dropdown ul ul li.clickable-with-children > a {
    background-color:#00008c;
    background-image: url(http://www.eumetcal.org/courses/theme/image.php?theme=eumetcal&component=theme&image=menu%2Fnav-arrow-right);
    background-position:100% 50%;
    background-repeat:no-repeat;
    color: #fff;
    width: 300Px;
}
ul.dropdown a:link, ul.dropdown a:visited {
    color: white;
    text-decoration: none;
}
ul.dropdown a:hover {
    border:0;
    background-color: #8a8a8a;
    color: #fff;
   
}
ul.dropdown ul ul li {
    background-color: #00008c;
}
ul.dropdown ul ul ul li {
    background-color: #00008c;
}
ul.dropdown li a,
ul.dropdown span,
ul.dropdown span a {
    border: none;
    background-color: transparent;
}
ul.dropdown ul li a,
ul.dropdown ul span,
ul.dropdown ul span a {
    border: 0;
}
ul.dropdown ul ul li a,
ul.dropdown ul ul span,
ul.dropdown ul ul span a {
    border:0
}
ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul span,
ul.dropdown ul ul ul span a {
    border:0;
}
ul.dropdown a,ul.dropdown span{
    display:block;
}
ul.dropdown ul a {
    width:263px;
    padding:2px 0 4px 5px;
}
ul.dropdown ul a.open:hover {
    background-color: #8a8a8a;
    color:#fff;
}
ul.dropdown ul li:hover > span,
ul.dropdown ul li:hover > span a {
    background-color:#8a8a8a;
    background-image:url(http://www.eumetcal.org/courses/theme/image.php?theme=eumetcal&component=theme&image=menu%2Fab-arrowover);
    color: #fff;
}
ul.dropdown li.clickable-with-children:hover > a {
    background-image:url(http://www.eumetcal.org/courses/theme/image.php?theme=eumetcal&component=theme&image=menu%2Fab-arrowover);
}
ul.dropdown *.open,
ul.dropdown li:hover > span,
ul.dropdown li:hover > span a {
    background-color:#8a8a8a;
    color: #fff;
}
ul.dropdown ul ul *.open,
ul.dropdown ul ul li:hover > span,
ul.dropdown ul ul li:hover > span a {
    background: url(http://www.eumetcal.org/courses/theme/image.php?theme=eumetcal&component=theme&image=menu%2Fab-arrowover) #8a8a8a;
    color:#fff;
}