﻿/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	margin-left:    0;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:        99999;
	width:			16em; /* 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;z-index:1500;
}
.sf-menu a {
	display:		block;
	position:		relative;z-index:1500;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			29px; /* match top ul list item height */
	z-index:		9999;
}
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:			13em; /* match ul width */
	top:			0;
}
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:			13em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu a 
{
	padding:10px 30px 6px 9px;
	text-decoration:none !important;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	border-right:solid 1px #063340;
}
.sf-menu li ul li {background:#15a9d2;}
.sf-menu li li {
	text-align:left;
	border-bottom:solid 1px #dddcd7;
	border-right:solid 1px #c4c3ba;
	border-left:solid 1px #c4c3ba;
}
.sf-menu li ul a, .sf-menu li ul a.visited{
	padding: 2px;
	font-size:12px;
	line-height:1.4em;
	border-right:none;
	padding:8px 8px 8px 10px;
	color:#031b22;
	font-weight:normal;
	letter-spacing:normal;
	}
.sf-menu li:hover a, .sf-menu li.sfHover a,
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration:none !important;
	outline:		0;
	background-image:none;
	background-color:#ffffff;
	color:#031b22;
}
.sf-menu ul a:active { background-color:#fcebc2; }
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
	text-decoration:none !important;
	outline:		0;
	background-image:none;
	border-top:none;
	background-color:#b7ebf1;
	color:#031b22;
	font-weight:normal;
	letter-spacing:normal;
}
.sf-menu ul a:active { background-color:#fcebc2; }
.sf-menu li:hover{
    background-image:url('https://s3.amazonaws.com/sdo.media/global/sf_downarrow.png');
	background-position:center right;
	background-repeat:no-repeat;
	border-top:solid 1px #B89A68;
	color:#031b22;
}
.sf-menu ul li a:hover{
	background-color:#b7ebf1;
    background-position:left center;
    background-repeat:repeat-x;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('https://s3.amazonaws.com/sdo.media/global/sf_shadow.png') no-repeat bottom right;
	padding: 0 10px 10px 0;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.navSpecial 
{
    color:#b0802c !important;
    font-weight:bold;
}

/*** Page Level Nav ***/
#sidenav, #sidenav ul
{
    margin:0px;
    padding:0px;
    list-style: none;
    border-top: solid 0px #c4c3ba;
}

#sidenav li
{
    list-style-image:none;
    border-bottom: solid 1px #e8ddcb;
    margin:0px;
    padding:0px;
}
#sidenav li.sidenav-first-item
{
    border-top: solid 1px #e8ddcb;
    border-bottom: solid 1px #e8ddcb;
}

#sidenav ul li.sidenav-first-item
{
    border-top: solid 0px #e8ddcb;
    border-bottom: solid 0px #e8ddcb;
}

#sidenav li ul,
#sidenav li ul li
{
    border:0;
    margin:0px;
    padding:0px;
}
#sidenav li ul{margin: 0 0 10px 10px;}
#sidenav li ul a
{   
    color: #031b22;
    padding: 1px;
    border-top: solid 0px #c4c3ba;
}

#sidenav li ul li ul a
{
    color:#031b22;
    padding: 5px;
    border-top: solid 0px #c4c3ba;
}

#sidenav a
{
    line-height:1.4em;
    color: #031b22;
    padding: 5px 10px 5px 10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    margin:0;
}

#sidenav a:hover
{
    background-color:#b7ebf1;
    background-position:left center;
    background-repeat:repeat-x;
    color:#031b22;
}
#sidenav a.current
{
    background-color: #8bd7e0;
    color:#031b22;
}

#sidenav li ul li
{
    border:none;
    background-image:url(https://s3.amazonaws.com/sdo.media/global/2011_arrow.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:20px;
}

#sidenav li ul li ul
{
    margin-left:0px;
}
#sidenav li ul li ul li
{
    border:none;
    font-size:11px;
    background-image:url(https://s3.amazonaws.com/sdo.media/global/dash.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:12px;
}
#sidenav li ul li ul li a
{
    padding: 2px 10px 2px 0px;
}
/* Top Nav Tabs */
.tab-subscribe, .tab-buytickets {height:30px; background-image:url(https://s3.amazonaws.com/sdo.media/global/2011_nav_tabs.gif); background-repeat:no-repeat;}
.tab-subscribe{width:121px;background-position:0px 4px;}
a:hover .tab-subscribe{background-position:0px -41px;}
.tab-buytickets{width:109px;background-position:-123px 4px;}
a:hover .tab-buytickets{background-position:-123px -41px;}


/* Login Box */
.login-box a { text-decoration:none; padding:5px; margin:0px 5px; }
.login-box a:hover 
{
    text-decoration:none;
    background-image:url(https://s3.amazonaws.com/sdo.media/global/yellowHighlight.gif);
    background-position:left center;
    background-repeat:repeat-x;
}