<STYLE TYPE="text/css">
.dummyCMSStyle {
    color: #000000;
}
.phoneNumber {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    background-color: #dce0e5;
    color:#000000;    
    height: 22px;
}
/* style the outer div to give it width */
.menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
    width:100%;
    background:#dce0e5;
    letter-spacing: normal;
    height: 30px;
}
.menu a img {
padding-left:5px;
border: 0 0 0 0;
}
.menu a:hover img {
filter:invert;
border: 0 0 0 0;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul, .menu ul #blankNav {
padding:0;
margin:0;
list-style-type:none; 
height:22px; 
background:transparent;
white-space:nowrap;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:22px;
display:block;
}
/* style the sub level list items */
.menu ul ul li {
display:block;
height:auto; 
line-height:11px;
}
/* style the links for the top level */
.menu a, .menu a:visited{
display:block;
float:left;
height:100%; 
font-size:12px;
text-align:left;
text-decoration:none;
color:#000000;
background:#dce0e5; 
padding:4px 11px; 
border-top:0px;
border-bottom:0px solid #333333;
border-left:0px; 
border-right:1px solid #bfbfbf;
}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {
}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
    display:block;
    background:#707276;
    color:#FFFFFF;
    height:100%;
    line-height:11px;
    border-top:0px;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    width: 175px;
    font-weight: normal;
}
* html .menu ul ul a, * html .menu ul ul a:visited  {
    width:175px;
    w\idth:175px;
}
.borderList {
color:#333333;
border-bottom: 1px solid #000000;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
border-collapse:collapse; 
padding:0; 
margin:0px; 
width:0; 
height:0; 
font-size:12px; 
z-index:1;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
background:#707276;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
    background:#707276;
}
/* style the level hovers */
/* first */
* html .menu a:hover {
color:#FFFFFF;
background:#707276; 
position:relative; 
z-index:100;
text-decoration:underline;
}
.menu ul #current {
color: #000000;
background: #ffffff;
border-bottom:1px solid #ffffff;
}
.menu li:hover {
color:#FFFFFF;
position:relative;
}
.menu :hover > a {
color:#FFFFFF;
background:#707276;
}
/* second */
* html .menu ul ul a:hover{
color:#333333;
background:#dce0e5; 
position:relative; 
z-index:110;
text-decoration:none;
}
.menu ul ul li:hover {
color:#FFFFFF;
position:relative;
}
.menu ul ul :hover > a {
color:#000000;
background:#dce0e5;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:40px;
top:16px; 
left:0; 
width:175px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
height:auto; 
padding:9px 25px 25px 25px; 
background:transparent url(images/trans.gif); 
left:-25px;
}

</STYLE>