.menu { width : 600px; height : 27px;  font-family : arial, sans-serif; }
 
* html .menu { width : 600px; w\idth : 600px; }
 
.menu ul { padding : 0; margin : 0; list-style-type : none; } 

.menu ul ul { width:180px; height: 27px; } /*second level*/

.menu li { float:left; width:auto; _width:0; position:relative; display:inline-block; } /* float the list / relative positon to control second level positon */

.menu a { display : inline-block; font-size : 13px; padding-top:2px; text-decoration : none; color : #fff; width : auto; _width:0; height : 25px; padding-left : 15px; padding-right : 15px; line-height : 20px; font-weight : bold; background : none; } /* top level styling */

* html .menu a { width : auto; _width:0;} /* ie5 hack */ 

.menu ul ul { visibility : hidden; position : absolute; height:27px; top : 26px; left:0; width:auto; } /* hide second level  and positon absolute to move out the way */

* html .menu ul ul { top:26px; t\op:26px; } /* ie5.5 */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* ie6 table hack */


/*--------------------service second level drops----------------------*/

.menu ul ul a.servicesdropleak { color:#FFFFFF; background:#406881; width : 180px; height:27px; }
.menu ul ul > a.servicesdropleak { color:#FFFFFF; background:#406881; width : 180px; height:27px; } 
.menu ul ul a.servicesdropoptim { color:#FFFFFF; background:#65246d; width : 180px; height:27px; }
.menu ul ul > a.servicesdropoptim { color:#FFFFFF; background:#65246d; width : 180px; height:27px; } 
.menu ul ul a.servicesdroppoli { color:#FFFFFF; background:#ff9900; width : 180px; height:27px; }
.menu ul ul > a.servicesdroppoli { color:#FFFFFF; background:#ff9900; width : 180px; height:27px; } 
.menu ul ul a.servicesdroppipe { color:#FFFFFF; background:#8BC53F; width : 180px; height:27px; }
.menu ul ul > a.servicesdroppipe { color:#FFFFFF; background:#8BC53F; width : 180px; height:27px; } 






.menu ul ul a{ background:#E9E9E9; color:#000; height:27px; line-height:1em; width:180px; padding-top:5px; } 
.menu ul ul > a{ background:#E9E9E9; color:#000; height:27px; line-height:1em; width:180px; padding-top:5px; }/* style the second level links */


* html .menu ul ul a { width : 180px; w\idth : 180px; } /*ie5 hack*/

/* style the top level hover */
 
.menu a:hover, .menu ul ul a:hover { color : #000; background : #cccccc; height : 27px;}
 
.menu :hover > a, .menu ul ul :hover > a { color : #000; background : #cccccc; height : 27px;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/




#submenu { 
position : relative; 
} 




.linka, .linkb, .linke, .linkc, .linkd, .linkdactive { 
list-style : none; 
background : #406881; 
padding : 5px; 
display : block; 
margin-top : 3px; 
} 
.linkb { 
background : #65246d; 
} 
.linkc { 
background : #ff9900; 
}
.linke { 
background:#8BC53F; 
} 
.linkd { 
background : #999999; 
} 
.linkdactive { 
background : #66cc66; 
} 
.linklevel1 { 
background : #666666; 
} 
.linklevel1 { 
list-style : none; 
background : #666666; 
padding : 5px; 
display : block; 
margin-top : 3px; 
height : 22px; 
} 
.activelink { 
height : 20px; 
width : 11px; 
background : url(../images/arrowsmall.gif); 
float : right; 
} 
.linklevel1 a { 
width : 80%; 
float : left; 
} 
.linkaactive { 
list-style : none; 
background : #406881; 
padding : 5px; 
display : block; 
margin-top : 3px; 
height : 22px; 
} 
.activelink { 
height : 20px; 
width : 11px; 
background : url(../images/arrowsmall.gif); 
float : right; 
} 
.linkaactive a { 
width : 80%; 
float : left; 
} 
.linkbactive { 
list-style : none; 
background : #65246d; 
padding : 5px; 
display : block; 
margin-top : 3px; 
height : 22px; 
} 

.linkbactive a { 
width : 80%; 
float : left; 
} 
.linkcactive { 
list-style : none; 
background : #ff9900; 
padding : 5px; 
display : block; 
margin-top : 3px; 
height : 22px; 
} 
 
.linkcactive a { 
width : 80%; 
float : left; 
}

.linkeactive { 
list-style : none; 
background : #8BC53F; 
padding : 5px; 
display : block; 
margin-top : 3px; 
height : 22px; 
} 

.linkeactive a { 
width : 80%; 
float : left; 
} 


 
#submenu ul { 
padding : 0; 
margin : 0; 
} 
#submenu ul li a { 
color : #ffffff; 
background : none; 
padding : 3px; 
display : block; 
} 
.linka ul { 
display : none; 
position : absolute; 
top : 30px; 
width : 100%; 
left : 0; 
} 
#submenu ul li a:hover { 
color : #000000; 
} 
#submenu ul li ul li a { 
display : block; 
background-color : #000066; 
padding : 10px; 
border : none; 
border-bottom : 2px solid #ffffff; 
color : #ffffff; 
} 
.sublink { 
list-style : none; 
text-decoration : none; 
padding-left : 20px; 
} 
#submenu .sublink a { 
color : #333333; 
} 
.sublinkactive { 
list-style : none; 
text-decoration : none; 
padding-left : 20px; 
background-color : #cccccc; 
} 
.number { 
color : #ffffff; 
height : 27px; 
width : auto; 
border-left : thin solid #ffffff; 
padding-left : 5px; 
}