/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	font-family: arial, sans-serif;
	width:535px;
	height:20px;
	position:relative;
	font-size:11px;
	background:#fff;
	position:relative;
	z-index:100;
	background-color: #555555;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
}
.menu ul {padding:0; margin:0; list-style-type: none;}
/* width etc.  of each item layer1 solid is the line between boxes*/
.menu ul li {float:left; border-left:1px solid #000; width:75px;}
/* width etc.  of each item layer1 */
.menu ul li a, .menu ul li a:visited {display:block; width:70px; text-decoration:none; padding:0 0 0 5px; height:20px; line-height:20px; color:#fff; background:#555 bottom right no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {
	position:absolute;
	top:20px;
	left:152px;
	visibility: hidden;
}

/* colour is colour text top row background is colour text top row*/
.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#000;}
/* background is colour behind 2nd row colour is */
.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:229px;background:#fff; color:#000;}
/* solid is line between text */
.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; margin-right:0px; border:0; border-left:1px solid #000;}
/* 3rd row */
.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; margin:100; border:0; border-left:1px solid #000;}
/* hover a sub color is color of text 2nd row  background is second row box colour*/
.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#fff bottom right no-repeat; color:#000000;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:20px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#fff; color:#6f0;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#fff;
	color:#0033FF;
	text-decoration: underline;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#fff; background:#000;}

.menu ul li:hover ul.right li {float:left;}
/*  color is color of rol over text 2nd row  background is second row box colour*/
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#000; color:#fff;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#eee; color:#3366ff;}
#menucontainer {
	height: 48px;
	width: 750px;
	background-color:#009CA5;
	float: left;
	margin-left: 1px;
}