.navcontainer {
	width: 1040px; height: 37px;
	margin: 0;  padding: 0; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
/*	width: 137px; /* Width of Menu Items */	
}

ul#topnav li {
	margin: 0; padding: 0;
	position: relative;
	float: left; display: inline;
}

ul#topnav a {
	display: block;
	text-indent: 10px;
	background-position: center top;
}

/* ul#topnav a:hover { background-position: center -137px; } - THIS IS USED IF ALL THE SAME WIDTH IE 137px */

ul#topnav li.nav-home a:hover  { background-position: center -37px; }
ul#topnav li.nav-about a:hover  { background-position: center -37px; }
ul#topnav li.nav-workshops a:hover  { background-position: center -37px; }
ul#topnav li.nav-contact a:hover  { background-position: center -37px; }
ul#topnav li.nav-terms a:hover  { background-position: center -37px; }
ul#topnav li.nav-privacy a:hover  { background-position: center -37px; }



#nav-home li.nav-home a,
#nav-about li.nav-about a,
#nav-workshops li.nav-workshops a,
#nav-contact li.nav-contact a,
#nav-terms li.nav-terms a,
#nav-privacy li.nav-privacy a {
	background-position: center bottom; /* THIS SETS THE ACTIVE STATE */
}
ul#topnav li.nav-home a {
	background-image: url(/images/NavBar/home_a.png);
	width: 125px; height: 37px;
	margin: 0 0 0 10px;
}
ul#topnav li.nav-about a {
	background-image: url(/images/NavBar/about_a.png);
	width: 125px; height: 37px;
	margin: 0 0 0 10px;
}
ul#topnav li.nav-workshops a {
	background-image: url(/images/NavBar/workshops_a.png);
	width: 125px; height: 37px;
	margin: 0 0 0 10px;
}
ul#topnav li.nav-contact a {
	background-image: url(/images/NavBar/contact_a.png);
	width: 125px; height: 37px;
	margin: 0 0 0 10px;
}
ul#topnav li.nav-terms a {
	background-image: url(/images/NavBar/terms_a.png);
	width: 182px; height: 37px;
	margin: 0 0 0 10px;
}
ul#topnav li.nav-privacy a {
	background-image: url(/images/NavBar/privacy_a.png);
	width: 125px; height: 37px;
	margin: 0 0 0 10px;
}




/*Sub Menu Positioning */

li ul {
	position: absolute;
	left: -18px; /* Set 1px less than menu width */
	top: 37px;
	display: none;
	list-style: none;
	padding: 0;
}


ul#topnav ul#nav-workshops li.sub a {
	padding: 4px 15px 7px 0;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

ul#topnav ul#nav-workshops li.sub a {
	background-image: url(/images/NavBar/sub_a.png);
	width: 125px; height: 12px;
	color: #333333;
	border-bottom: 2px solid #b7b9ba;
}

ul#topnav ul#nav-workshops li.sub a:hover {
	color: #0080b7;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A;  } /* Hover Styles */
		
li ul li a { } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */