.menu {display:table;background:transparent;margin-left:220px;width:760px;}
.menu ul {}
.menu li {display:table-cell;text-indent:0;float:left;padding:0 2px;margin:0;position:relative;font-weight:700;top:2px;}
.menu a, .menu a:visited {color:#FFF;text-decoration:none;font-size:12px;cursor:pointer;padding:5px 6px;}
.menu a:hover {color:#003d64;}

.menu a:hover span {background-position:0 36px;}
.menu a:hover, .menu a:active {background-position:0 36px; /*Keep this to fix weird IE6 stuck on :hover bug*/font-size:12px;}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px;top:-9999px;width:0;height:0;}
/* set up the first drop down sub level */
.menu :hover ul.sub {position:absolute;left:0px;top:27px;background: #fff;color:#009900;padding:2px 0;white-space:nowrap;width:auto;height:14px;border:1px #333 solid;}
.menu :hover ul.sub li {display:block;height:14px;position:relative;top:8px;float:left;width:101px;color:#009900}
.menu :hover ul.sub li a {display:block;font-size:12px;height:18px;color:#009900;text-decoration:none;}
.menu :hover ul.sub li a:hover {background:#009900;color:#fff;left:-11px;position:relative;width:103px;padding-left:7px}

/*** ESSENTIAL STYLES ***/
.menu ul {top:-999em;width:700px;}
.menu ul li {width:100%;}
.menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.menu li:hover ul,.menu li.sfHover ul {left:0;top:22px; /* match top ul list item height */z-index: 99;}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {top:-999em;}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {left:700px; /* match ul width */top:0;}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}
ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {left:700px; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.menu {position:absolute;z-index:500}
.menu a {text-decoration:none;}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/}
.menu li {background: transparent;}
.menu li ul {width:160px;background: transparent;}
.menu li li {background: #AABDE6;border:1px solid #001f89;/* for IE */filter:alpha(opacity=90);/* CSS3 standard */opacity:0.9;}
.menu li li:hover {background:#fff}
.menu li li a{line-height:30px;width:160px;display:block}
.menu li li a, .menu li li a:visited {color:#003d64; padding:2px !important;}
.menu li li a:hover {color:#000;}
.menu li li li {background: #9AAEDB;}
.menu li li.hover {background:#fff}
.menu li:sfHover, .menu a:focus, .menu a:hover, .menu a:active {background: transparent;outline: 0;}