.chrmenu {
font-size:12px; 
width:100%;
background-image:url(/masters/images/Pediatric_menu_bg.gif);
background-repeat:repeat-x;
}
/* remove all the bullets, borders and padding from the default list styling */
.chrmenu ul {
padding:0;
margin:0;
list-style-type:none; 
height:2.75em; 
background:transparent;
}
/* style the sub-level lists */
.chrmenu ul ul {
width:15em;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown chrmenu positon */
.chrmenu ul li {
float:left;
height:3em;
line-height:3em; 
display:block;
}
/* style the sub level list items */
.chrmenu ul ul li {
display:block;
width:12em;
height:auto; 
line-height:1em;
}
/* style the links for the top level */
.chrmenu a, .chrmenu a:visited {
display:block;
float:left;
height:33px; 
width:115px; 
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
/*background:#949e7c url(../images/i_bg.gif) top center; */
padding:0px 10px 0px 10px; 
margin-top:-2px;
border-left:1px solid #fff; 
text-align:center;
/*border-right:1px solid #fff;*/
}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .chrmenu a, * html .chrmenu a:visited {
width:95px; 
width:95px;
}
/* style the sub level links */
.chrmenu ul ul a, .chrmenu ul ul a:visited {
display:block;
background:#888888;
background-image:url(/masters/images/Pediatric_menu_bg.gif);
color:#fff;
width:170px;
height:100%;
line-height:14px; 
padding:0.5em 1em; 
margin-top:0;
border-bottom:1px solid #fff;
text-align:left;
}
* html .chrmenu ul ul a, * html .chrmenu ul ul a:visited  {
width:150px; 
width:150px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.chrmenu table {
border-collapse:collapse; 
padding:0; 
margin:-1px; 
width:0; 
height:0; 
font-size:1em; 
z-index:1;
}
/* style the sub level 1 background */
.chrmenu ul :hover a.sub1 {
background:#447b7b;
}
/* style the level hovers */
/* first */
* html .chrmenu a:hover {
color:#000;

/*background:url(../images/i_bg.gif) top center; */
position:relative; 
z-index:100;
}
.chrmenu li:hover {
position:relative;
}
.chrmenu :hover > a {
color:#000;
/*background:#d4d8bd url(../images/i_bg.gif) top center;*/
}
/* second */
* html .chrmenu ul ul a:hover{
color:#fff;
background:#000; 
position:relative; 
z-index:100;
}
.chrmenu ul ul li:hover {
position:relative;
}
.chrmenu ul ul :hover > a {
color:#fff;
background:#000;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.chrmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px; 
left:0; 
width:150px;
}
/* make the second level visible when hover on first level list OR link */
.chrmenu ul :hover ul{
visibility:visible; 
height:auto; 
padding:0 3em 3em 3em; 
background:transparent url(images/trans.gif); 
left:-3em;
margin-top:2px!important;
margin-top/**/:4px;
}
/* keep the third level hidden when you hover on first level list OR link */
.chrmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.chrmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.chrmenu ul :hover ul :hover ul{
visibility:visible; 
left:9em;
}