/* Init */
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:15px; top:2.8em; /* match top ul list item height */ background-color:#073a3c; padding:10px 0 10px 0; z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:0em; /* match ul width */ top:13;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:0em; /* match ul width */ top:13;}

/* Format */
.sf-menu {float:right; position:relative; z-index:100;}
.sf-menu ul {}
.sf-menu li a, .sf-menu li a:visited {color:#073a3c; text-decoration:none;}
.sf-menu li.active a, .sf-menu li.active a:visited {color:#de0a0e;}
.sf-menu li.active li a, .sf-menu li.active li a:visited {color:#fff;}
.sf-menu li.active li.active a, .sf-menu li.active li.active a:visited {background:#fff; color:#de0a0e;}
.sf-menu a, .sf-menu a:visited{ /* visited pseudo selector so IE6 applies text colour*/ color:#fff;}
.sf-menu li {background:transparent; line-height:1.0em; padding:0 0 0 25px;}
.sf-menu li li {height:1.5em; line-height:1.5em; padding:0;}
.sf-menu li li a, .sf-menu li li a:visited {color:#fff; padding:0 10px 0 10px;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:transparent; color:#de0a0e;}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {background:#fff; color:#de0a0e;}
.sf-menu li.active li a:hover, .sf-menu li.active li a:focus, .sf-menu li.active li a:active {color:#de0a0e;}