#menu {
/*width: 100%;
background: #eee;
float: left;*/

float: right;

width: 552px;
height: 31px;

margin-top: 1px;
margin-bottom: 1px;

background-color: #427094;
background-image: url(images/menuGradient_wide.gif);
background-position: top right;
background-repeat: no-repeat;
}

#menu.Lined {
border-left: solid 2px #ea8a1c;
padding-left: 2px;
}

#menu ul {
list-style: none;

margin: 0;
padding: 0;
/*width: 12em;
float: left;*/

float: left;
width: 15.4%;

background-color: #4b7192;
background-image: url(images/menuGradient.gif);
background-repeat: repeat-x;
color: #ffffff;
margin-left: 1px;
margin-right: 1px;
padding-left: 2px;
padding-right: 2px;
}

#menu ul:hover,#menu ul.menuTitleOn {
background-image: url(images/menuGradient_hover.gif);
background-color: #587e9f;
}

#menu ul li {
height: 28px;
width: 100%;
}

#menu ul ul li {
width: 100%;
background-color: #4b7293;
}

#menu ul ul li:hover {
background-color: #4b82a3;
background-image: none;
}

#menu ul ul {
position: absolute;
z-index: 500;
width: 90px;
left: -4px;
top: 31px;
border: solid 1px #ffffff;
padding: 0;
margin: 0;
}

#menu ul a {
height: 31px;
margin-bottom:4px;
}

#menu ul ul a {
padding-left: 3px;
padding-right: 3px;
height: 100%;
width: 100%;
margin-bottom:2px;
}

#menu ul ul li {
height: 100%;
}

#menu ul ul li a.arrowed  {
background-image: url(images/arrow.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#menu ul ul ul {
top: 3px;
left: 100%;
}




#menu a {
height: 100%;
}

#menu a,#menu h4 {
display: block;
width: 100%;

margin: 0;
padding-top: 0px;
padding-bottom: 2px;

font-size: 11px;
font-weight: normal;
}

#menu ul ul a,#menu ul ul h4 {
padding-top: 2px;
}

#menu h4 {
}

#menu a {
color: #ffffff;
text-decoration: none;
}

#menu ul ul a:hover {

}


#menu li {
position: relative;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul
{display: block;}