#divNav {
		background: transparent url(../images/topnav.png) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 29px;
		width: 1002px;
		background-color: #ffffff;
	}

	#nav {
		position: relative;
		top: 0px;
		height: 29px;
		width: 740px;
		color: #ffffff;
		margin: 0;
		padding: 0;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
	
	/*
	#nav li.name {
	    padding goes here
	}
    */
    
	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: 0;
		padding-top: 3px;
		height: 40px; /* height: 28px; */
		width: 1002px;
		padding-left: 0px;
	}

	#nav li.on ul {
		background-image: url(../images/subnav.png);
		background-repeat: repeat-x;
		background-position: center top;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		/*background: #224d6f;*/
	}

	#nav li a {
		color: #ffffff;
		font-weight: bold;
		display: block;

	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
	    display: inline;
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		/*background: #224d6f;*/
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 60;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -938px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 26px;
		background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
		color: #ffffff;
	}

/*first, put the initial states in place*/


#liCycling a {
    display: block;
    position: relative;
    width: 80px; 
    /*width: 120px;*/
    height: 28px;
	background-image: url(../images/cycling.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#liCycling a:hover, #liCycling:hover a, #liCycling.over a, #liCycling a.selected {
	background-image: url(../images/cycling-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#liMotorcross a {
    display: block;
    position: relative;
    width: 140px;
    /*width: 171px;*/
    height: 28px;
	background-image: url(../images/motorcross.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 15px;
	/*margin-left: 10px;*/
}
#liMotorcross a:hover, #liMotorcross:hover a, #liMotorcross.over a {
	background-image: url(../images/motorcross-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/*
#liSnow a {
    display: block;
    position: relative;
    width: 80px;
    height: 28px;
	background-image: url(../images/snow.png);
	background-position: center top;
	background-repeat: no-repeat;
    margin-left: 5px;
}
#liSnow a:hover, #liSnow:hover a, #liSnow.over a {
	background-image: url(../images/snow-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}
*/

#liSnowStreet a {
    display: block;
    position: relative;
    width: 201px;
    /*width: 260px;*/
    height: 28px;
	background-image: url(../images/snowStreet.png);
	background-position: center top;
	background-repeat: no-repeat;
    margin-left: 15px;
    /*margin-left: 5px;*/
}
#liSnowStreet a:hover, #liSnowStreet:hover a, #liSnowStreet.over a {
	background-image: url(../images/snowStreet-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#liBrands a {
    display: block;
    position: relative;
    width: 90px;
    /*width: 110px;*/
    height: 28px;
	background-image: url(../images/brands.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 18px;
}
#liBrands a:hover, #liBrands:hover a, #liBrands.over a {
	background-image: url(../images/brands-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#liCommunity a {
    display: block;
    position: relative;
    width: 120px;
    height: 28px;
	background-image: url(../images/community.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
}
#liCommunity a:hover, #liCommunity:hover a, #liCommunity.over a {
	background-image: url(../images/community-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}


/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/


/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	/*background: #224d6f;*/
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		

#nav li.on ul a {
	/*background: #f90;*/
}

#nav li.off ul , #nav li.on ul {
    background-image: url(../images/subnav.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/************* Sub Nav definitions ***********/
#nav li ul li a {
	padding-right: 18px;
}

#nav li#liCommunity ul li a { 
    margin-left: 10px; 
    margin-right: 10px;
}

#nav li#liCommunity ul li.liSubNews a {
    display: block;
    position: relative;
    width: 49px;
    height: 25px;
	background-image: url(../images/news.png);
	background-position: center top;
	background-repeat: no-repeat;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubNews a:HOVER {
	background-image: url(../images/news-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#nav li#liCommunity ul li.liSubEvents a {
    display: block;
    position: relative;
    width: 64px;
    height: 25px;
	background-image: url(../images/events.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubEvents a:HOVER {
	background-image: url(../images/events-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}


#nav li#liCommunity ul li.liSubRiders a {
    display: block;
    position: relative;
    width: 97px;
    height: 25px;
	background-image: url(../images/teamriders.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubRiders a:HOVER {
	background-image: url(../images/teamriders-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}


#nav li#liCommunity ul li.liSubCompetitions a {
    display: block;
    position: relative;
    width: 113px;
    height: 25px;
	background-image: url(../images/competitions.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubCompetitions a:HOVER {
	background-image: url(../images/competitions-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}	


#nav li#liCommunity ul li.liSubResults a {
    display: block;
    position: relative;
    width: 69px;
    height: 25px;
	background-image: url(../images/results.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubResults a:HOVER {
	background-image: url(../images/results-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}


#nav li#liCommunity ul li.liSubClassifieds a {
    display: block;
    position: relative;
    width: 97px;
    height: 25px;
	background-image: url(../images/classifieds.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubClassifieds a:HOVER {
	background-image: url(../images/classifieds-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}	

#nav li#liCommunity ul li.liSubBlog a {
    display: block;
    position: relative;
    width: 45px;
    height: 25px;
	background-image: url(../images/blog.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
    vertical-align: middle;
}

#nav li#liCommunity ul li.liSubBlog a:HOVER {
	background-image: url(../images/blog-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}


#nav li#liCommunity ul li.liSubActivity a {
    display: block;
    position: relative;
    width: 143px;
    height: 25px;
	background-image: url(../images/activity.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubActivity a:HOVER {
	background-image: url(../images/activity-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#nav li#liCommunity ul li.liSubForum a {
    display: block;
    position: relative;
    width: 57px;
    height: 25px;
	background-image: url(../images/forum.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

#nav li#liCommunity ul li.liSubForum a:HOVER {
	background-image: url(../images/forum-over.png);
	background-position: center top;
	background-repeat: no-repeat;
}