/* CSS Document */

/* MENU CONTAINER AND OVERALL STYLE */
#menu {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	clear: both;
	text-align: center;
	border-left: 1px solid #FFFFFF;
	z-index: 1000;
}

/* STYLE BULLETS */
#menu ul {	
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

/* STYLE MENU COLOUR AND SIZE */
#menu a {
	text-decoration: none;
	display: block;
	padding: 5px 2px 2px;
	color: #FFFFFF;
	height: 15px;
	width: 125px;
	border-right: 1px solid #FFFFFF;
	background: url(/images/site/menubg.gif) repeat-x;
}

/* STYLE MENU HOVER */
#menu a:hover {
	color: #003399;
	background: url(/images/site/menuhover.gif) repeat-x;
}

/* MENU FLOAT COMMANDS */

/* PLACE POPOUTS IN CORRECT POSSITION*/
#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	text-align: left;	
	z-index: 500;
	text-align: left;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

/* SHOW HIDE MENUS */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


body#home a#seams,
body#watersector a#sectors,
body#about a#about,
body#contact a#contact,
body#downloads a#downloads {
color: #003399;
background: #BFCDE2;
}

/* LOGOUT */

#logout {}