.menu { position: relative; font-size: 70%; }
.menu ul { list-style-type: none; width: 90px; background-color:#000; display: inline; }
.menu li { position: relative; float: left; height: 20px; background:#000; width: 90px; }
.menu li a { color: white; text-decoration: none; font-size: 100%; font-family: "Trebuchet MS",Helvetica, sans-serif; 
	display: block; width: 85px; line-height: 20px; margin-left: 5px; height: 100%; text-align: left; }

* .menu ul ul { position: absolute; visibility: hidden; top: 20px; left: 0px; width: 100px; }
* .menu ul ul li a { margin: 0; text-align: left; padding-left: 5px; padding-right: 10px; border-top: 1px solid #fff; line-height: 20px; font-size: 70%; }
* .menu ul ul li a:hover { text-align: left; padding-left: 5px; padding-right: 10px; border-top: 1px solid #fff; line-height: 20px; }
.menu > ul ul { position: absolute; visibility: hidden; left: 0px; }
.menu ul :hover ul { visibility: visible; }

/* Level 3 menu */
.menu ul :hover ul ul { visibility: hidden; } 
.menu ul ul :hover ul { visibility: visible; }
.menu ul ul ul { position: absolute; top: -1px; left: 105px; border-left: 1px solid #fff; }
.menu ul ul ul a { font-weight: normal; }
/* End level 3 */

* .menu a:hover { color: yellow; background-color: #000; }
* .menu ul ul a:hover { background-color: yellow; font-weight: bold; color: black; }
.menu table { position: absolute; top: 0px; left: 0px; }

/* Individual styling for menu items */
li.Home, li.Home a:hover { background-color: #01a7e5; }

li.About, li.About a:hover, li.About a:hover li { /*	background-color: #006666;	*/ background-color: #999BCC; }
li.About a:hover li :hover { background-color: yellow; }
li.About ul { width: 172px;	background-color: black; }
li.About ul a {	width: 172px; background-color: #999BCC; border: none; }
li.About ul a:hover { width: 172px; border: none; }

li.Services, li.Services a:hover, li.Services a:hover li { background-color: #AF8636; }
li.Services ul, li.Services ul li { width: 180px; background-color: black; }
li.Services ul a { width: 180px; background-color: #AF8636; border: none; }
li.Services ul a:hover { width: 180px; border: none; }

li.sub ul li.sub a { background: url(../../images/menu_arrow.gif) no-repeat 90px; }
li.sub ul li.sub ul li a { background: none; }

li.Services ul li.sub { background: black; }
li.Services ul li.sub a { background: url(../../images/menu_arrow.gif) no-repeat 145px; }
li.Services ul li.sub ul li a { background: #663366; }

li.Careers, li.Careers a:hover, li.Careers a:hover li {	background-color: #892428; }
li.Careers a:hover li :hover { background-color: yellow; }
li.Careers ul { width: 162px; }
li.Careers ul a { width: 162px; background-color: #892428; border: none; }
li.Careers ul a:hover { width: 162px; border: none; }
li.Careers ul ul { left: 162px; top: -1px; }

li.Users, li.Users a:hover, li.Users a:hover li { background-color: #85cebb; }
li.Users a:hover li :hover { background-color: yellow; }
li.Users ul, li.Users ul a, li.Users ul a:hover { width: 170px; }
li.Users ul a { background-color: #85cebb; }
li.Users ul a:hover { border: none; }

li.Downloads, li.Downloads a:hover, li.Downloads a:hover li { background-color: #d6e157; }
li.Downloads a:hover, li.Downloads a:hover li { color: #000; }
li.Downloads a { color: #666; }
li.Downloads a:hover li :hover { background-color: black; }

li.Contacts, li.Contacts a:hover, li.Contacts a:hover li { background-color: #ffe574; }
li.Contacts a:hover, li.Contacts a:hover li { color: #000; }
li.Contacts a:hover li :hover { background-color: yellow; }
li.Contacts ul, li.Contacts ul a { width: 135px; background-color: #ffe574; }
li.Contacts a { color: #666; }
/* End menu styling */