/* style the outer div to give it width */

.menue {

width:150px;


font-size:11px;
z-index:1;
text-align:left;
border:0;

}



/* remove all the bullets, borders and padding from the default list

styling */

.menue ul 

{

padding:0;

margin:0;

list-style-type:none;

}



.menue ul ul

{

width:150px;
margin-bottom: -10px;

}



/* float the list to make it horizontal and a relative positon so that you

can control the dropdown menu positon */

.menue li

{

float:left;

width:150px;

position:relative;

}



/* style the links for the top level */

.menue a, .menue a:visited

{

display:block;

font-size: 11px;

text-decoration:none; 

color: #000000; 

width:139px; 



background: #F7F0E3; 

padding-left:10px; 

line-height:18px;


}



/* a hack so that IE5.5 faulty box model is corrected */

* html .menue a, * html .menue

a:visited

{

width:150px;



}



/* style the second level background */

.menue ul ul a.drop, .menue ul

ul a.drop:visited

{

background: #F7F0E3;

}



/* style the second level hover */

.menue ul ul a.drop:hover

{

background: #FFFFFF;

}



.menue ul ul :hover > a.drop

{

background: #FFFFFF;

}



/* style the third level background */

.menue ul ul ul a, .menue ul ul

ul a:visited

{

background: #F7F0E3;

}



/* style the third level hover */

.menue ul ul ul a:hover

{

background: #FFFFFF;

}



.menue ul ul ul :hover > a

{

background: #FFFFFF;

}



/* style the table so that it takes no part in the layout - required for

IE to work */

.menue table {border-collapse:collapse; border:0;

position:absolute; left:0; bottom:-1px;}



/* hide the sub levels and give them a positon absolute so that they take

up no room */

.menue ul ul

{

visibility:hidden;

position:absolute;

bottom:28px;

left:0; 

width:150px;

}



* html .menue ul ul

{

bottom:25px;

}



/* position the third level flyout menu */

.menue ul ul ul

{

left:150px; 

bottom:0;

width:150px;

}



/* position the third level flyout menu for a left flyout */

.menue ul ul ul.left

{

left:-150px;

}





/* style the second level links */

.menue ul ul a, .menue ul ul

a:visited

{

background: #F7F0E3; 

color: #000000; 

height:auto; 

line-height:1em; 

padding:5px 10px; 

width:129px

/* yet another hack for IE5.5 */

}



* html .menue ul ul a

{

font-size: 11px;

width:150px;



}





/* style the top level hover */

.menue a:hover, .menue ul ul

a:hover

{

color: #000000;

font-size: 11px;

background: #FFFFFF;

}



.menue :hover > a, .menue ul

ul :hover > a

{

color: #000000;

font-size: 11px;

background: #FFFFFF;

}



/* make the second level visible when hover on first level list OR link

*/

.menue ul :hover ul

{

visibility:visible;

height:auto;

}



/* keep the third level hidden when you hover on first level list OR link

*/

.menue ul :hover ul ul

{

display:none;

}



/* keep the fourth level hidden when you hover on second level list OR

link */

.menue ul :hover ul :hover ul ul

{

display:none;

}



/* make the third level visible when you hover over second level list OR

link */

.menue ul :hover ul :hover ul

{ 

display:block;

bottom:0;

}



/* make the fourth level visible when you hover over third level list OR

link */

.menue ul :hover ul :hover ul :hover ul

{ 

display:block;

bottom:0;

}