/* CSS Document */

ul#nav {
	width: 445px;
	height: 31px;
	float: left;
	margin: 21px 0 0 0;
}
ul#nav li {
	float: left;
}

ul#nav li.home { background: transparent url('/assets/images/nav/home.gif') no-repeat; }
ul#nav li.competitions { background: transparent url('/assets/images/nav/competitions.gif') no-repeat; }
ul#nav li.tradestands { background: transparent url('/assets/images/nav/tradestands.gif') no-repeat; }
ul#nav li.sponsors { background: transparent url('/assets/images/nav/sponsors.gif') no-repeat; }
ul#nav li.about { background: transparent url('/assets/images/nav/about.gif') no-repeat; }

ul#nav a { 
	display: block;
	height: 0;
	padding-top: 31px;
	color:#fff;
	overflow: hidden;
}

ul#nav a#homeLink { width: 56px; background: transparent url('/assets/images/nav/home0.gif') -250px -90px no-repeat;}
ul#nav a#competitionsLink { width: 108px; background: transparent url('/assets/images/nav/competitions0.gif') -250px -90px no-repeat;}
ul#nav a#tradestandsLink { width: 112px; background: transparent url('/assets/images/nav/tradestands0.gif') -250px -90px no-repeat;}
ul#nav a#sponsorsLink { width: 87px; background: transparent url('/assets/images/nav/sponsors0.gif') -250px -90px no-repeat;}
ul#nav a#aboutLink { width: 82px; background: transparent url('/assets/images/nav/about0.gif') -250px -90px no-repeat;}

ul#nav a#homeLink:hover,
ul#nav a#competitionsLink:hover, 
ul#nav a#tradestandsLink:hover, 
ul#nav a#sponsorsLink:hover, 
ul#nav a#aboutLink:hover
{background-position: 0 0; z-index:50;}

#home ul#nav a#homeLink, #home ul#nav a#homeLink:hover { 
	background: transparent url('/assets/images/nav/home1.gif') no-repeat; }
#competitions ul#nav a#competitionsLink, #competitions ul#nav a#competitionsLink:hover {
	background: transparent url('/assets/images/nav/competitions1.gif') no-repeat; }
#tradestands ul#nav a#tradestandsLink, #tradestands ul#nav a#tradestandsLink:hover {  
	background: transparent url('/assets/images/nav/tradestands1.gif') no-repeat; }
#sponsors ul#nav a#sponsorsLink, #sponsors ul#nav a#sponsorsLink:hover {  
	background: transparent url('/assets/images/nav/sponsors1.gif') no-repeat; }
#about ul#nav a#aboutLink, #about ul#nav a#aboutLink:hover {  
	background: transparent url('/assets/images/nav/about1.gif') no-repeat; }
	
ul#utilityNav {
	float: left;
	margin: 15px 0 0 0;
}
ul#utilityNav li a {
	background: url(/assets/images/nav/utility.gif) no-repeat;
	display: block;
	width: 145px;
	height: 19px;
	font-size: 85%;
	font-weight: bold;
	padding: 8px 0 3px 9px;
}
ul#utilityNav li a:hover {
	background: url(/assets/images/nav/utility0.gif) no-repeat;
	text-decoration: none;
}
#schools ul#utilityNav li.schools a,
#news ul#utilityNav li.news a,
#event-info ul#utilityNav li.event-info a,
#gallery ul#utilityNav li.gallery a,
#contact ul#utilityNav li.contact a {
	background: url(/assets/images/nav/utility1.gif) no-repeat;
}

/*ul#subNav {
	margin-top: 30px;
	background: #f2f9fd;
	border-bottom: 1px solid #ccc;
}
ul#subNav li {
	border-top:: bold;
	border-top: 1px solid #ccc;
}
ul#subNav li a {
	padding-left: 12px;
	text-decoration: none;	
	display: block;
	background: url('/assets/images/link-arrow.gif') no-repeat 0 3px;
	margin: 10px;
	line-height: 1.4;
}
ul#subNav li a:hover {
	text-decoration: underline;
}
ul#subNav li.current {
	font-weight: bold;
	background: #fff;
}
*/


ul#subNav {
	margin-top: 30px;
	width: 230px;
	padding: 0;
	border-top: 2px solid #b5da78;
	background: #f1fac8;
	margin-bottom: 20px;
}
ul#subNav li {
	border-bottom: 1px solid #b5da78;
	margin-top: 0;
}
ul#subNav a:hover {
	text-decoration: underline;
}
ul#subNav a {
	display: block;
	font-size: 100%;
	width: 200px;
	padding: 10px 7px 10px 20px;
	background: url('/assets/images/link-arrow.gif') no-repeat 8px 13px;
	text-transform: uppercase;
	line-height: 1.5;
}
ul#subNav li.current {
	background: #fff;
}
ul#subNav li.current a {
	background: url('/assets/images/link-arrow.gif') no-repeat 8px 13px;	
	font-weight: bold;
}
ul#subNav li.current a:hover {
	text-decoration: none;
}