/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 font: 11px arial;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style: none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: transparent;
 color: inherit;
 border: 0px solid #fff;
 margin-right: 0px;
}

/* LINKS INSIDE THE TOP MENU (OFF STATE) */
.menulist a {
 display: block;
 padding: 0px 0px 0px 0px;
 color: inherit;
 text-decoration:  none;
}

/* LINKS INSIDE THE TOP MENU (OVER STATE) */
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: inherit;
 background-color: transparent;
}

/* LINKS INSIDE THE TOP MENU (LEAVE STATE?) */
.menulist  a.highlighted {
 color: inherit;
 background-color: transparent;
}

/* END HORIZONTAL FREESTYLE MENU LAYOUT */

/****************TOP MENU IMAGES ROLLOVER CODE.**************/

#navbar_top {
	float:left;
	margin:0px;
	padding:0px;
	width: 770px; 
	height: 25px; 
	background-image:url(../images/top_nav.gif);
	list-style: none;
}

/*HOME*/
.menulist a.home {
	width: 154px;
	height: 25px;
	background: url("../images/top_nav.gif");
	background-position: 0px 0px;
}
.menulist a.home:hover {
	background-position: 0px -25px;
}

/*ABOUT*/
.menulist a.about {
	width: 154px;
	height: 25px;
	background: url("../images/top_nav.gif");
	background-position: -154px 0px;
}

.menulist a.about:hover {
	background-position: -154px -25px;
}

/*PRODUCTS*/
.menulist a.products {
	width: 154px;
	height: 25px;
	background: url("../images/top_nav.gif");
	background-position: -308px 0px;
}

.menulist a.products:hover {
	background-position: -308px -25px;
}

/*NEWS AND EVENTS*/
.menulist a.newsevents {
	width: 154px;
	height: 25px;
	background: url("../images/top_nav.gif");
	background-position: -462px 0px;
}

.menulist a.newsevents:hover {
	background-position: -462px -25px;
}

/*CONTACT US*/
.menulist a.contactus {
	width: 154px;
	height: 25px;
	background: url("../images/top_nav.gif");
	background-position: -616px 0px;
}

.menulist a.contactus:hover {
	background-position: -616px -25px;
}

span.hide {
	display:none;
}

/*END***************TOP MENU IMAGES ROLLOVER CODE.**************/