/* 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.**************/

#navigation {
	float:right; 
	text-align:right;
	width: 922px; 
	height: 42px; 
	background-image:url(../images/navigation.gif);
	list-style: none;
}

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


/* ABOUT */
.menulist a.about {
	width: 84px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -65px 0px;
}

.menulist a.about:hover {
	background-position: -65px -42px;
}

/* EVENTS */
.menulist a.events {
	width: 70px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -149px 0px;
}

.menulist a.events:hover {
	background-position: -149px -42px;
}

/* TRAINING */
.menulist a.training {
	width: 73px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -219px 0px;
}

.menulist a.training:hover {
	background-position: -219px -42px;
}

/* COMMITTIEES */
.menulist a.committiees {
	width: 168px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -291px 0px;
}

.menulist a.committiees:hover {
	background-position: -291px -42px;
}

/* CONTRACTORS */
.menulist a.contractors {
	width: 102px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -459px 0px;
}

.menulist a.contractors:hover {
	background-position: -459px -42px;
}

/* RECRUITMENT */
.menulist a.recruitment {
	width: 104px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -561px 0px;
}

.menulist a.recruitment:hover {
	background-position: -561px -42px;
}

/* ADVERTS */
.menulist a.adverts {
	width: 76px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -665px 0px;
}

.menulist a.adverts:hover {
	background-position: -665px -42px;
}


/* RESOURCES */
.menulist a.resources {
	width: 89px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -741px 0px;
}

.menulist a.resources:hover {
	background-position: -741px -42px;
}

/* CONTACT */
.menulist a.contact {
	width: 92px;
	height: 42px;
	background: url("../images/navigation.gif");
	background-position: -830px 0px;
}

.menulist a.contact:hover {
	background-position: -830px -42px;
}



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