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

.cmenu {

width:150px;

height:20px;

font-size:10px;

}



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

styling */

.cmenu ul 

{

padding:0;

margin:0;

list-style-type:none;

}



.cmenu ul ul

{

width:150px;

}



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

can control the dropdown menu positon */

.cmenu li

{

float:left;

width:150px;

position:relative;

}



/* style the links for the top level */

.cmenu a, .cmenu a:visited

{

display:block;

font-size: 10px;

text-decoration:none; 

color: #00772F; 

width:139px; 

height:20; 

background: #; 

padding-left:10px; 

line-height:19px;

}



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

* html .cmenu a, * html .cmenu

a:visited

{

width:150px;

w\idth:139px;

}



/* style the second level background */

.cmenu ul ul a.drop, .cmenu ul

ul a.drop:visited

{

background: #E1E7DF;

}



/* style the second level hover */

.cmenu ul ul a.drop:hover

{

background: #cccccc;

}



.cmenu ul ul :hover > a.drop

{

background: #cccccc;

}



/* style the third level background */

.cmenu ul ul ul a, .cmenu ul ul

ul a:visited

{

background: #E1E7DF;

}



/* style the third level hover */

.cmenu ul ul ul a:hover

{

background: #cccccc;

}



.cmenu ul ul ul :hover > a

{

background: #cccccc;

}



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

IE to work */

.cmenu 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 */

.cmenu ul ul

{

visibility:hidden;

position:absolute;

bottom:21px;

left:0; 

width:150px;

}



* html .cmenu ul ul

{

bottom:30px;

}



/* position the third level flyout menu */

.cmenu ul ul ul

{

left:-150px; 

bottom:0;

width:150px;

}



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

.cmenu ul ul ul.left

{

left:-150px;

}





/* style the second level links */

.cmenu ul ul a, .cmenu ul ul

a:visited

{

background: #E1E7DF; 

color: #00772F; 

height:auto; 

line-height:1em; 

padding:5px 10px; 

width:129px

/* yet another hack for IE5.5 */

}



* html .cmenu ul ul a

{

font-size: 10px;

width:150px;

w\idth:129px;

}





/* style the top level hover */

.cmenu a:hover, .cmenu ul ul

a:hover

{

color: #00772F;

font-size: 10px;

background: #cccccc;

}



.cmenu :hover > a, .cmenu ul

ul :hover > a

{

color: #00772F;

font-size: 10px;

background: #cccccc;

}



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

*/

.cmenu ul :hover ul

{

visibility:visible;

height:auto;

}



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

*/

.cmenu ul :hover ul ul

{

display:none;

}



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

link */

.cmenu ul :hover ul :hover ul ul

{

display:none;

}



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

link */

.cmenu ul :hover ul :hover ul

{ 

display:block;

bottom:0;

}



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

link */

.cmenu ul :hover ul :hover ul :hover ul

{ 

display:block;

bottom:0;

}