/* Main Navigation */

#navigation {
background-color:#3399CC;

}
.newnavi{
margin-top:-12px;
}


#navigation ul .home,#navigation ul .about,#navigation ul .schedule,#navigation ul .participants,#navigation ul .sponsors,#navigation ul .contact,#navigation ul .register,#navigation ul .media {
	cursor: pointer;
	float: right;
	list-style: none;
	}

#navigation ul a.main {
	background: url(../images/sprite.jpg) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 100px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }

#navigation ul a.main span.tt {

	}

/* Standard Links (div#navigation ul li a.main) */

#navigation ul .home a.main {
	background-position: 0 0;
	width: 120px;
	z-index: 1;
	}

#navigation ul .about a.main {
	background-position: -120px 0;
	width: 120px;
	z-index: 2;
	}

#navigation ul .schedule a.main {
	background-position: -240px 0;
	width: 120px;
	z-index: 3;
	}

#navigation ul .participants a.main {
	background-position: -360px 0;
	width: 120px;
	z-index: 4;
	}

#navigation ul .sponsors a.main {
	background-position: -480px 0;
	width: 120px;
	z-index: 5;
	}
	
	#navigation ul .register a.main {
	background-position: -600px 0;
	width: 120px;
	z-index: 6;
	}


#navigation ul .contact a.main {
	background-position: -720px 0;
	width: 120px;
	z-index: 7;
	}


#navigation ul .media a.main {
	background-position: -840px 0;
	width: 120px;
	z-index: 8;
	}


/* Active States (Body tag matchup) (Sprite Level 2) ( y = -100px ) */

.home #navigation .home a.main { background-position: 0 -400px; z-index: 9; }
.about #navigation .about a.main { background-position: -120px -400px; z-index: 9; }
.schedule #navigation .schedule a.main { background-position: -240px -400px; z-index: 9; }
.participants #navigation .participants a.main { background-position: -360px -400px; z-index: 9; }
.sponsors #navigation .sponsors a.main { background-position: -480px -400px; z-index: 9; }
.register #navigation .register a.main { background-position: -600px -400px; z-index: 9; }
.contact #navigation .contact a.main { background-position: -720px -400px; z-index: 9; }
.media #navigation .media a.main { background-position: -840 -400px; z-index: 9; }

/*
.home #navigation .home a.main { background-position: 0 -400px; z-index: 6; }
.about #navigation .about a.main { background-position: -102px -400px; z-index: 6; }
.schedule #navigation .schedule a.main { background-position: -217px -400px; z-index: 6; }
.about #navigation .about a.main { background-position: -337px -400px; z-index: 6; }
.contact #navigation .contact a.main { background-position: -437px -400px; z-index: 6; }
*/

/* Active State Right Adjacents (Body tag matchup staggered 1 right) ( y = -140px ) */

/*.home #navigation .home a.main { background-position: 0 -140px; }
.about #navigation .about a.main { background-position: -120px -140px; }
.schedule #navigation .schedule a.main { background-position: -240px -140px;  }
.about #navigation .contact a.main { background-position: -360px -140px; }*/







/* Hovers (blues) (1px wider to the left) ( y = -400px ) */

#navigation a.main span.hover {
	background: url(../images/sprite.jpg) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 1px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100px;
	width: 100%;
	z-index: 100;
	}

#navigation .home a.main .hover {
	background-position: 0 -300px;
	
	padding: 0;
	}

#navigation .about a.main .hover {
	background-position: -120px -300px;

	xbackground-position: -120px -300px;
	}

#navigation .schedule a.main .hover {
	background-position: -240px -300px;

	xbackground-position: -240px -300px;
	}

#navigation .participants a.main .hover {

	background-position: -360px -300px;
	xbackground-position: -360px -300px;

	}

#navigation .sponsors a.main .hover {
	background-position: -480px -300px;

	xbackground-position: -480px -300px;

	xpadding: 0;
	}


#navigation .register a.main .hover {
	background-position: -600px -300px;

	xbackground-position: -600px -300px;

	xpadding: 0;
	}
	
	
#navigation .contact a.main .hover {
	background-position: -720px -300px;

	xbackground-position: -720px -300px;

	xpadding: 0;
	}
	
	
	#navigation .media a.main .hover {
	background-position: -840px -300px;

	xbackground-position: -840px -300px;

	xpadding: 0;
	}
/* Active State Hovers (oranges) (y = - 210px ) */

.home #navigation .home a.main .hover { background-position: 0 -300px; padding: 0; }
.about #navigation .about a.main .hover { background-position: -102px -300px; padding: 0; }
.schedule #navigation .schedule a.main .hover { background-position: -217px -300px;  padding: 0; }
.about #navigation .about a.main .hover { background-position: -337px -300px; padding: 0; }
.contact #navigation .contact a.main .hover { background-position: -437px -300px; padding: 0; }




.home #navigation .home a.main .hover { background-position: 0 -100px; padding: 0; }
.about #navigation .about a.main .hover { background-position: -120px -100px; padding: 0; }
.schedule #navigation .schedule a.main .hover { background-position: -240px -100px; padding: 0; }
.participants #navigation .participants a.main .hover { background-position: -360px -100px; padding: 0; }
.sponsors #navigation .sponsors a.main .hover { background-position: -480px -100px; padding: 0; }
.register #navigation .register a.main .hover { background-position: -600px -100px; padding: 0; }
.contact #navigation .contact a.main .hover { background-position: -720px -100px; padding: 0; }
.media #navigation .media a.main .hover { background-position: -840 -100px; padding: 0; }


/* Subnavs (Level 1) */

#navigation .stingray { position: relative; }

#navigation ul.level_1 {
	background: transparent;
	display: none;
	list-style: none;
	margin: 0 0 0 0;
	position: absolute;
	top: 60px;
	left: 0;
	width: 175px;
	}

#navigation ul.level_1 li {
	margin: 0 0 0px 0;
	}

#navigation ul.level_1 a {
	background: #ccc;
	color: #333;
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	opacity: 0.85;
	padding: 5px 10px;
	text-decoration: none;
	}
	
#navigation ul.level_1 a:hover { opacity: 1; }

/* Subnavs (Level 2) */

#navigation ul.level_2 { display:none; }

#navigation a {
	position: relative;
}
#navigation a .hover {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}