/* ------------------------------------------------------------------------------------------------------------------
   SUBNAV PAGE SELECTOR
   ------------------------------------------------------------------------------------------------------------------ */
.subnav-selector
{
	float: left;
	width: 173px;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

.subnav-selector ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.subnav-selector ul li
{
	height: 40px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0;
	padding: 0;
	position: relative;
}

.subnav-selector ul li a span
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 173px;
	height: 40px;
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------------------------------------
   SUBNAV CONTENT
   ------------------------------------------------------------------------------------------------------------------ */
.subnav-content
{
	float: left;
	width: 749px;
	min-height: 470px;
	height: auto !important;
	height: 409px;
	background-color: #FFFFFF;
	background-image: url('../Images/Design/Side-Content-Gradient.png');
	background-repeat: repeat-y;
	border-top: 1px solid #FFFFFF;
	margin: 1px 0px 0px 0px;
	color: #333333;
	overflow: visible;
	padding: 10px 10px 10px 20px;
}

.subnav-content a
{
	color: #333333;
	border-bottom: 1px dotted #333333;
	text-decoration: none;
}

.subnav-content a:hover
{
	color: #FFBA00;
	border-bottom-color: #FFBA00;
}


/* ------------------------------------------------------------------------------------------------------------------
   SUBNAV CONTENT SIDEBAR
   ------------------------------------------------------------------------------------------------------------------ */
.subnav-content-sidebar
{
	float: right;
	width: 271px;
	padding: 0;
	margin: 30px 10px 30px 10px;
	background-color: #000000;
	color: #EEEEEE;
}

.subnav-content-sidebar h4
{
	position: relative;
	width: 271px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
.subnav-content-sidebar h4 span
{
	position: absolute;
	width: 100%; height: 25px;
	top: 0px; left: 0px;
}

.subnav-content-sidebar h4.overview span
{
	background-image: url('../Images/Headers/Sidebar-Overview.png');
}

.subnav-content-sidebar h4.format span
{
	background-image: url('../Images/Headers/Sidebar-Format.png');
}

.subnav-content-sidebar ul li em
{
	font-weight: bold;
	font-style: italic;
}

.subnav-content-sidebar a
{
	color: #EEEEEE;
	text-decoration: none;
	border-bottom: 1px dotted #EEEEEE;
}

.subnav-content-sidebar a:hover
{
	color: #FF9900;
	text-decoration: none;
	border-bottom: 1px dotted #FF9900;
}



/* ==================================================================================================================
   PAGE SPECIFIC CONTENT
   ==================================================================================================================
   CALENDAR PAGE
   ------------------------------------------------------------------------------------------------------------------ */

.subnav-selector ul.calendar li a span
{
	background-image: url('../Images/Calendar/Calendar-Select-Buttons.png');
}

.subnav-selector li.nav-nationalfull a span { background-position: 0px 0px; }
.subnav-selector li.nav-nationalfull a.selected span { background-position: -173px 0px; }
html>body .subnav-selector li.nav-nationalfull a:hover span { background-position: -173px 0px; }
.subnav-selector li.nav-club a span { background-position: 0px -40px; }
.subnav-selector li.nav-club a.selected span { background-position: -173px -40px; }
html>body .subnav-selector li.nav-club a:hover span { background-position: -173px -40px; }


/* ------------------------------------------------------------------------------------------------------------------
   JUNIORS PAGE
   ------------------------------------------------------------------------------------------------------------------ */
.subnav-selector ul.subnav-juniors li a span
{
	background-image: url('../Images/Design/Junior-Event-Select.png');
}

.subnav-selector li.nav-j-arrivedrive a span { background-position: 0px 0px; }
.subnav-selector li.nav-j-arrivedrive a.selected span { background-position: -173px 0px; }
html>body .subnav-selector li.nav-j-arrivedrive a:hover span { background-position: -173px 0px; }

.subnav-selector li.nav-j-superprix a span { background-position: 0px -40px; }
.subnav-selector li.nav-j-superprix a.selected span { background-position: -173px -40px; }
html>body .subnav-selector li.nav-j-superprix a:hover span { background-position: -173px -40px; }

.subnav-selector li.nav-j-grandprix a span { background-position: 0px -80px; }
.subnav-selector li.nav-j-grandprix a.selected span { background-position: -173px -80px; }
html>body .subnav-selector li.nav-j-grandprix a:hover span { background-position: -173px -80px; }

.subnav-selector li.nav-j-cadetclub a span { background-position: 0px -120px; }
html>body .subnav-selector li.nav-j-cadetclub a:hover span { background-position: -173px -120px; }
.subnav-selector li.nav-j-cadetclub a.selected span { background-position: -173px -120px; }

.subnav-selector li.nav-j-tuition a span { background-position: 0px -160px; }
html>body .subnav-selector li.nav-j-tuition a:hover span { background-position: -173px -160px; }
.subnav-selector li.nav-j-tuition a.selected span { background-position: -173px -160px; }

.subnav-selector li.nav-j-vouchers a span { background-position: 0px -200px; }
html>body .subnav-selector li.nav-j-vouchers a:hover span { background-position: -173px -200px; }
.subnav-selector li.nav-j-vouchers a.selected span { background-position: -173px -200px; }

.subnav-selector li.nav-j-advanced a span { background-position: 0px -240px; }
html>body .subnav-selector li.nav-j-advanced a:hover span { background-position: -173px -240px; }
.subnav-selector li.nav-j-advanced a.selected span { background-position: -173px -240px; }

/* ------------------------------------------------------------------------------------------------------------------
   EVENTS PAGE
   ------------------------------------------------------------------------------------------------------------------ */

.subnav-selector ul.main-events li a span
{
	background-image: url('../Images/Design/Event-Select.png');
}

.subnav-selector li.nav-e-arrivedrive a span { background-position: 0px 0px; }
.subnav-selector li.nav-e-arrivedrive a.selected span { background-position: -173px 0px; }
html>body .subnav-selector li.nav-e-arrivedrive a:hover span { background-position: -173px 0px; }

.subnav-selector li.nav-e-superprix a span { background-position: 0px -40px; }
.subnav-selector li.nav-e-superprix a.selected span { background-position: -173px -40px; }
html>body .subnav-selector li.nav-e-superprix a:hover span { background-position: -173px -40px; }

.subnav-selector li.nav-e-grandprix a span { background-position: 0px -80px; }
.subnav-selector li.nav-e-grandprix a.selected span { background-position: -173px -80px; }
html>body .subnav-selector li.nav-e-grandprix a:hover span { background-position: -173px -80px; }

.subnav-selector li.nav-e-racenight a span { background-position: 0px -120px; }
.subnav-selector li.nav-e-racenight a.selected span { background-position: -173px -120px; }
html>body .subnav-selector li.nav-e-racenight a:hover span { background-position: -173px -120px; }

.subnav-selector li.nav-e-indienduro a span { background-position: 0px -400px; }
.subnav-selector li.nav-e-indienduro a.selected span { background-position: -173px -400px; }
html>body .subnav-selector li.nav-e-indienduro a:hover span { background-position: -173px -400px; }

.subnav-selector li.nav-e-minienduro a span { background-position: 0px -160px; }
.subnav-selector li.nav-e-minienduro a.selected span { background-position: -173px -160px; }
html>body .subnav-selector li.nav-e-minienduro a:hover span { background-position: -173px -160px; }

.subnav-selector li.nav-e-teamenduro a span { background-position: 0px -200px; }
.subnav-selector li.nav-e-teamenduro a.selected span { background-position: -173px -200px; }
html>body .subnav-selector li.nav-e-teamenduro a:hover span { background-position: -173px -200px; }

.subnav-selector li.nav-e-junior a span { background-position: 0px -240px; }
.subnav-selector li.nav-e-junior a.selected span { background-position: -173px -240px; }
html>body .subnav-selector li.nav-e-junior a:hover span { background-position: -173px -240px; }

.subnav-selector li.nav-e-exclusive a span { background-position: 0px -280px; }
.subnav-selector li.nav-e-exclusive a.selected span { background-position: -173px -280px; }
html>body .subnav-selector li.nav-e-exclusive a:hover span { background-position: -173px -280px; }

.subnav-selector li.nav-e-tuition a span { background-position: 0px -320px; }
.subnav-selector li.nav-e-tuition a.selected span { background-position: -173px -320px; }
html>body .subnav-selector li.nav-e-tuition a:hover span { background-position: -173px -320px; }

.subnav-selector li.nav-e-vouchers a span { background-position: 0px -360px; }
.subnav-selector li.nav-e-vouchers a.selected span { background-position: -173px -360px; }
html>body .subnav-selector li.nav-e-vouchers a:hover span { background-position: -173px -360px; }

.subnav-selector li.nav-e-intermediate a span { background-position: 0px -440px; }
.subnav-selector li.nav-e-intermediate a.selected span { background-position: -173px -440px; }
html>body .subnav-selector li.nav-e-intermediate a:hover span { background-position: -173px -440px; }