/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.03.16
PURPOSE:		Base Style sheet for VenYou Artist Header
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

/* widths and heights to change for new client
	#header					width: 150px;				--> height of header with shadows
							margin: 30px 0px 0px 0px;	--> top margin if site is not flush with top
	#table_body 			width: 770px;				--> width of main content between shadows
	.logo_container			height: 110px;				--> height of area above navigation, set margin if there's a shadow
	.navigation_container 	height: 40px;				--> height of navigation bar
		-span				width: 395px;				--> total width of navigation links - float this to move navigation
	.nav_divider			width: 5px;					--> image or width of divider b/w nav links
	.nav_????				width: ???					--> only need to set width once for each nav link image
*/

#header {
	width: 790px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.main_logo {
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

.alt_logo {
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
}
.event_text {
	margin: 0px 50px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}
.main_header_text {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	color: #999999;
	float: left;
}

.main_header_text p {
	margin: 7px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.main_header_text span {
	width: 300px;
	margin: 7px 20px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
}

.header_links_divider {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}

.navigation_container {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/nav/nav_bg.gif) top left no-repeat;
}

.navigation_container span {
	width: 730px;
	height: 100%;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.nav_divider {
	width: 20px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.nav_home {
	width: 60px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_home.gif) left no-repeat;
}
#home_nav a, #home_nav a:visited { width: 100%; height: 100%; float: left; }
#home_nav a:hover, #home_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_home_on.gif) left no-repeat; float: left; }
.subnav_container {
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/left_nav_divider.gif) bottom left no-repeat;
}

.subnav_registration {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_registration.gif) left no-repeat;
}

.subnav_registration a, .subnav_registration a:visited { width: 100%; height: 100%; float: left; }
.subnav_registration a:hover, .subnav_registration a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_registration_roll.gif) left no-repeat; float: left; }

.nav_registration {
	width: 110px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_registration.gif) left no-repeat;
}

#registration_nav a, #registration_nav a:visited { width: 100%; height: 100%; float: left; }
#registration_nav a:hover, #registration_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_registration_on.gif) left no-repeat; float: left; }

.subnav_events {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_events.gif) left no-repeat;
}

.subnav_events a, .subnav_events a:visited { width: 100%; height: 100%; float: left; }
.subnav_events a:hover, .subnav_events a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_events_roll.gif) left no-repeat; float: left; }

.nav_events {
	width: 120px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_events.gif) left no-repeat;
}

#events_nav a, #events_nav a:visited { width: 100%; height: 100%; float: left; }
#events_nav a:hover, #events_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_events_on.gif) left no-repeat; float: left; }

.subnav_sponsors {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_sponsors.gif) left no-repeat;
}

.subnav_sponsors a, .subnav_sponsors a:visited { width: 100%; height: 100%; float: left; }
.subnav_sponsors a:hover, .subnav_sponsors a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_sponsors_roll.gif) left no-repeat; float: left; }

.nav_sponsors {
	width: 85px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_sponsors.gif) left no-repeat;
}

#sponsors_nav a, #sponsors_nav a:visited { width: 100%; height: 100%; float: left; }
#sponsors_nav a:hover, #sponsors_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_sponsors_on.gif) left no-repeat; float: left; }

.nav_experience {
	width: 165px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_experience.gif) left no-repeat;
}

#experience_nav a, #experience_nav a:visited { width: 100%; height: 100%; float: left; }
#experience_nav a:hover, #experience_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_experience_on.gif) left no-repeat; float: left; }

.subnav_volunteer {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_volunteer.gif) left no-repeat;
}

.subnav_volunteer a, .subnav_volunteer a:visited { width: 100%; height: 100%; float: left; }
.subnav_volunteer a:hover, .subnav_volunteer a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_volunteer_roll.gif) left no-repeat; float: left; }

.nav_volunteer {
	width: 90px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #ffffff url(/_images/nav/nav_volunteer.gif) left no-repeat;
}

#volunteer_nav a, #volunteer_nav a:visited { width: 100%; height: 100%; float: left; }
#volunteer_nav a:hover, #volunteer_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_volunteer_on.gif) left no-repeat; float: left; }

.subnav_overview {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_overview.gif) left no-repeat;
}

.subnav_overview_on {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_overview_on.gif) left no-repeat;
}

.subnav_overview a, .subnav_overview a:visited, .subnav_overview_on a, .subnav_overview_on a:visited { width: 100%; height: 100%; float: left; }
.subnav_overview a:hover, .subnav_overview a:active, .subnav_overview_on a:hover, .subnav_overview_on a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_overview_roll.gif) left no-repeat; float: left; }

.subnav_schedule {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_schedule.gif) left no-repeat;
}

.subnav_schedule_on {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_schedule_on.gif) left no-repeat;
}

.subnav_schedule a, .subnav_schedule a:visited, .subnav_schedule_on a, .subnav_schedule_on a:visited { width: 100%; height: 100%; float: left; }
.subnav_schedule a:hover, .subnav_schedule a:active, .subnav_schedule_on a:hover, .subnav_schedule_on a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_schedule_roll.gif) left no-repeat; float: left; }

.subnav_course_info {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_course_info.gif) left no-repeat;
}

.subnav_course_info_on {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_course_info_on.gif) left no-repeat;
}

.subnav_course_info a, .subnav_course_info a:visited, .subnav_course_info_on a, .subnav_course_info_on a:visited { width: 100%; height: 100%; float: left; }
.subnav_course_info a:hover, .subnav_course_info a:active, .subnav_course_info_on a:hover, .subnav_course_info_on a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_course_info_roll.gif) left no-repeat; float: left; }

.subnav_getting_to_the_ride {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_getting_to_the_ride.gif) left no-repeat;
}

.subnav_getting_to_the_ride_on {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_getting_to_the_ride_on.gif) left no-repeat;
}

.subnav_getting_to_the_ride a, .subnav_getting_to_the_ride a:visited, .subnav_getting_to_the_ride_on a, .subnav_getting_to_the_ride_on a:visited { width: 100%; height: 100%; float: left; }
.subnav_getting_to_the_ride a:hover, .subnav_getting_to_the_ride a:active, .subnav_getting_to_the_ride_on a:hover, .subnav_getting_to_the_ride_on a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_getting_to_the_ride_roll.gif) left no-repeat; float: left; }

.subnav_ride_guide {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_ride_guide.gif) left no-repeat;
}

.subnav_ride_guide_on {
	width: 140px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/subnav_ride_guide_on.gif) left no-repeat;
}

.subnav_ride_guide a, .subnav_ride_guide a:visited, .subnav_ride_guide_on a, .subnav_ride_guide_on a:visited { width: 100%; height: 100%; float: left; }
.subnav_ride_guide a:hover, .subnav_ride_guide a:active, .subnav_ride_guide_on a:hover, .subnav_ride_guide_on a:active { width: 100%; height: 100%; background: url(/_images/nav/subnav_ride_guide_roll.gif) left no-repeat; float: left; }