/*** ESSENTIAL STYLES ***/
.menu, .menu * {margin:	0;padding:0;list-style:none; /*font-family:Georgia, "Times New Roman", Times, serif;*/}
.menu {line-height:	1em;}
.menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.menu ul li {width:	225px; height:30px;}
.menu ul li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}

.menu li {float:left;position:relative;font-size:1.2em;}
.menu a {display:block;position:relative;}
.menu a span{color:#fff;}
.menu li:hover ul,.menu li.sfHover ul {left:0;top:2.5em; /* 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:250px;/* 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:250px;/* match ul width */top:0;}

/*** DEMO SKIN ***/
.sfHover{z-index:50;}
.menu {float:left;margin-bottom:1em;}
.menu a {height:47px;padding:0 16px;text-decoration:none;}
.menu a span{padding:8px 0;display:block;}
.menu ul{width:250px;}
.menu li li a span{padding:3px;}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#13a;}
/*styling the parent menu*/
.menu li {background:url(../images/nav_tile.gif) top left repeat-x;padding:0 15px 0 10px;}
.menu li li {background:#CC0000; font-size:1em; border-bottom:2px solid #333;}
.menu li li li {background:#CC0000; font-size:1em;}
.menu li:hover{background:url(../images/nav_tile_active.gif) top left repeat-x;}
.menu li.sfHover,.menu a:focus, .menu a:hover, .menu a:active {/*background:url(../images/nav_tile_active.gif) top left repeat-x;*/outline:0;}
.menu ul li:hover, .menu ul li.sfHover,.menu ul a:focus, .menu ul a:hover, .menu ul a:active {/*background:#CC3333;*/outline:0;}
.menu 

/*** arrows **/
.menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:	.75em;top:	1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;/*background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;/*/ /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:	.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position:-10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator,
.menu ul a:hover > .sf-sub-indicator,
.menu ul a:active > .sf-sub-indicator,
.menu ul li:hover > a > .sf-sub-indicator,
.menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}