/*
The following style sheet derived from one used by this site
http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery
http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step3.html
*/

#mldd, #mldd ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#mldd a{
display:block;
padding:0px 5px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
background-color:#07346d;
}

#mldd a:hover {
background-color:#07346d;
color:#fed90f;
}

#mldd li{
float:left;
position:relative;
}

#mldd ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
z-index:30;
}

#mldd li ul a{
width:12em;
height:auto;
float:left;
color: #07346d;
background-color: #cccccc;
}

#mldd ul ul{
top:auto;
}	

#mldd li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#mldd li:hover ul ul, #mldd li:hover ul ul ul, #mldd li:hover ul ul ul ul, #mldd li:hover ul ul ul ul ul, #mldd li:hover ul ul ul ul ul ul{
display:none;
}
#mldd li:hover ul, #mldd li li:hover ul, #mldd li li li:hover ul, #mldd li li li li:hover ul, #mldd li li li li li:hover ul, #mldd li li li li li li:hover ul{
display:block;
}

/* the following was added for our implementation to fill where there aren't any menu items */
#mlddmfiller {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
background-color:#07346d;
border-width:1px;
border-style:solid;
border-color:white;
border-right-width:0;
height:1.5em;
}






#xldd, #xldd ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#xldd a{
display:block;
padding:0px 5px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
background-color:#07346d;
}

#xldd a:hover {
background-color:#FFE4B5;
color:#000000;
}

#xldd li{
float:left;
position:relative;
}

#xldd ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
z-index:30;
}

#xldd li ul a{
width:12em;
height:auto;
float:left;
color: #07346d;
background-color: #B0E0E6;
}

#xldd ul ul{
top:auto;
}	

#xldd li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#xldd li:hover ul ul, #xldd li:hover ul ul ul, #xldd li:hover ul ul ul ul, #xldd li:hover ul ul ul ul ul, #xldd li:hover ul ul ul ul ul ul{
display:none;
}
#xldd li:hover ul, #xldd li li:hover ul, #xldd li li li:hover ul, #xldd li li li li:hover ul, #xldd li li li li li:hover ul, #xldd li li li li li li:hover ul{
display:block;
}

/* the following was added for our implementation to fill where there aren't any menu items */
#xlddmfiller {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
background-color:#07346d;
border-width:1px;
border-style:solid;
border-color:white;
border-right-width:0;
height:1.5em;
}
