@charset "UTF-8";


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover{
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden; /* we have to set this to "hidden" to use the slider function with javasscript */
 /*display: none;*/         /* we have to add this to use the slider function with javasscript */
 position: absolute; /* Important: Without doing this, the space the list items take up will show even if they are set to "invisible"*/
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 text-decoration: none;
}

ul.dropdown ul li {
 float: none; /* Important: This causes the sublevels to align to the right of their superior level.*/
 padding: 2px 8px;

}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul li:hover > ul {
 visibility: visible;
 top: 3px; /*This is where you set the amount that the sublevels drop down relevant to their preceding list item*/
}