/* ================================================================ 
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.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 - Future Follow-up_Alfred 96390301*/

.menu {
width:960px; height:36px; position:relative; z-index:100; top:10px; margin:0px auto;
}

.menu ul li a, .menu ul li a:visited{
	display:block;
	text-decoration:none;
	color:#0066cc;
	width:auto;
	margin: 0 19px !important;
	text-align:center;
	border:0px solid #fff;
	overflow:hidden;
	height:20px;
	line-height:20px;
} 
.menu-tc ul li a, .menu-tc ul li a:visited{
	margin: 0 31px !important;
} 
.menu ul li ul{
	height:20px;
	line-height:20px;
	margin-left:30px !important;
} 
.menu ul li ul li {
	height:20px;
	line-height:20px;
	margin-left:0px !important;
	background:#ddd !important;
} 
.menu ul li ul li a, .menu ul li ul li a:visited {
	display:block;
	text-decoration:none;
	text-align:left;
	border:0px solid #fff;
	overflow:hidden;
	height:20px;
	line-height:20px;
	margin: 0px !important;
} 


.menu ul {padding:0; margin:0; list-style: none; width:960px;-webkit-padding-start:0;}
.menu ul li {float:left; position:relative; margin: 0px !important;}
.menu-tc ul li {float:left; position:relative; margin: 0px !important;}
.menu ul li ul { background:#ddd; display: none;} 
.menu ul li a { padding-left:7px;}
.menu ul li a:hover {color:#333; text-decoration:none;}

.menu ul li#menu-0 a:hover,.menu ul li#menu-0 .active{	background: url(../../images/menu-0.jpg) repeat-y ;}
.menu ul li#menu-1 a:hover,.menu ul li#menu-1 .active{background: url(../../images/menu-1.jpg) repeat-y;}
.menu ul li#menu-2 a:hover,.menu ul li#menu-2 .active{background: url(../../images/menu-2.jpg) repeat-y;}
.menu ul li#menu-3 a:hover,.menu ul li#menu-3 .active{background: url(../../images/menu-3.jpg) repeat-y;}
.menu ul li#menu-4 a:hover,.menu ul li#menu-4 .active{background: url(../../images/menu-4.jpg) repeat-y;}
.menu ul li#menu-5 a:hover,.menu ul li#menu-5 .active{background: url(../../images/menu-5.jpg) repeat-y;}
.menu ul li#menu-6 a:hover,.menu ul li#menu-6 .active{background: url(../../images/menu-6.jpg) repeat-y;}
.menu ul li#menu-7 a:hover,.menu ul li#menu-7 .active{background: url(../../images/menu-7.jpg) repeat-y;}

/*  specific to non IE browsers  Future Follow-up_Alfred 96390301*/

.menu ul li:hover a {color:#333; text-decoration:none;}
.menu ul li:hover ul {display:block; position:absolute; left:0; width:105px;}
.menu ul li#menu-0:hover ul {display:block; position:absolute; left:0; width:105px;}
.menu ul li#menu-0:hover ul li{width:105px;}
.menu ul li#menu-1:hover ul {display:block; position:absolute; left:0; width:150px;}
.menu ul li#menu-1:hover ul li{width:180px;}
.menu ul li#menu-2:hover ul {display:block; position:absolute; left:0; width:150px;}
.menu ul li#menu-2:hover ul li{width:150px;}
.menu ul li#menu-4:hover ul {display:block; position:absolute; left:0; width:170px;}
.menu ul li#menu-4:hover ul li{width:170px;}
.menu ul li#menu-6:hover ul {display:block; position:absolute; left:0; width:150px;}
.menu ul li#menu-6:hover ul li{width:200px;}
.menu ul li#menu-7:hover ul {display:block; position:absolute; left:0; width:170px;}
.menu ul li#menu-7:hover ul li{width:170px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none; margin-left:0px;} 
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover { color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}