/* ================================================================ 
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/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu	{font-family:tahoma,geneva,"lucida sans unicode","lucida grande",verdana,sans-serif;
		width:752px;
		position:relative;
		margin:2em 0px 0 0px;}

/* get rid of the default padding - margin and bullets */
.menu ul	{padding:0;
			margin:0;
			list-style-type:none;}

/* make menu horizontal */
.menu ul li	{float:left;
			position:relative;}

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited	{display:block;
										text-decoration:none;
										color:#666;
										width:98px;
										height:1.5em;
										font-weight:bold;
										border-bottom:8px solid #888;
										background:#fff url('/graphics/shell/menubg.gif') top left no-repeat;
										padding-left:10px;
										line-height:1.5em;
										margin-right:1px;}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited	{width:108px;
											w\idth:98px;}
											
/* hide the drop down menu */
.menu ul li ul	{display: none;}

/* remove all table style so that it does not interfere with the menu */
.menu table	{margin:-1px;
			border-collapse:collapse;
			font-size:1em;}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a, .menu ul li a:hover	{color:#000;
											border-bottom:8px solid #666;}
											
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul, .menu ul li a:hover ul	{display:block;
												position:absolute;
												top:1.2em;
												margin-top:11px;
												left:0;
												width:106px;
												border:1px solid #888;
												border-top:0;
												background:#d0d0d0;
												filter:alpha(opacity=95);
												filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
												opacity:0.95;}
												
/* style the drop down links with no hover */
.menu ul li:hover ul li a, .menu ul li a:hover ul li a	{display:block;
														background:transparent url(../../opacity/opaque.png);
														color:#000;
														border:0;
														margin:0;
														color:#000;
														font-weight:normal;
														font-size:0.9em;
														height:auto;
														line-height:1em;
														padding:5px;
														width:96px}
														
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover	{background:#888;
																	color:#fff;}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul	{background:transparent filter: alpha(opacity=95);
						filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
						opacity:0.95;
						margin-top:10px; /* for IE5.5 faulty box model */
						marg\in-top:11px; /* for IE6 */}

/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a	{background:#ddd;
							width:106px; /* for IE5.5 faulty box model */
							w\idth:96px; /* for IE6 */}