/* ================================================================ 
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 */


/* common styling */
.menu {
  position:relative;
  top:184px;
  margin:0;
  padding:0;
  width:1054px;
  height:62px;
  font-size:0.7em;
  z-index:10;
  background:#fff url("../images/menu-bg.jpg") no-repeat right top;
}
.menu ul {
  margin:0 30px 0 38px;
  padding:0;
  list-style: none;
  z-index:10;
}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


.menu ul li a {
  display:block;
	position:relative;
	height:62px;
	line-height:50px;
  color:#000;
	text-align:center;
}
.menu ul li a span {
	display:block;
	position:absolute; 
	left:0; 
  top:0; 
	margin:0; 
	padding:0;
	height:62px;
	z-index:0;
	cursor:pointer;  
}

.menu ul li:hover a {color:#fff; background:#c90e00;}
.menu ul li:hover a span {background-position:right top !important;}
.menu ul li:hover ul {
  display:block; 
  position:absolute; 
  top:62px; 
  left:-1px; 
  margin:0;
  padding:10px 0;
  width:222px;
  background:#fff;
  border:solid red;
  border-width:0 1px 1px 1px;
  background:url("../images/menu-bg.png") repeat left top;
}
.menu ul li:hover ul li a {
  display:block; 
  padding:0 15px;
  width:192px;
  height:27px;
  line-height:27px;
  color:#000;
  text-align:left;
  font-weight:bold;
  color:#000;
  background:none;
  text-decoration:none;
}
.menu ul li:hover ul li ul {
  display:none;
}
.menu ul li:hover ul li:hover ul {
  display:block; 
  position:absolute; 
  left:222px; 
  top:-11px;
  margin:0;
  width:252px;
  border-width:1px;
}
.menu ul li:hover ul li:hover a {
  background:url("../images/menu-bg-hover.gif") repeat-y 5px top !important;
  color:#fff;
}
.menu ul li:hover ul li:hover ul li a {
  display:block; 
  padding:0 15px;
	width:222px;
  height:27px;
  line-height:27px;
  color:#000;
  text-align:left;
  font-weight:bold;
  color:#000;
  background:none !important;
  text-decoration:none;
}
.menu ul li:hover ul li:hover ul li a:hover {
  width:222px;
  background:url("../images/menu-bg-hover.gif") repeat 5px top !important;
  color:#fff;
}

#m1,#m1 span {width:128px;}
#m1 span {background:url("../images/menu/m1.jpg") no-repeat left top;}
#m1.selected span {background-position:right top !important;}
#m2,#m2 span {width:100px;}
#m2 span {background:url("../images/menu/m2.jpg") no-repeat left top;}
#m2.selected span {background-position:right top !important;}
#m3,#m3 span {width:79px;}
#m3 span {background:url("../images/menu/m3.jpg") no-repeat left top;}
#m3.selected span {background-position:right top !important;}
#m4,#m4 span {width:69px;}
#m4 span {background:url("../images/menu/m4.jpg") no-repeat left top;}
#m4.selected span {background-position:right top !important;}
#m5,#m5 span {width:123px;}
#m5 span {background:url("../images/menu/m5.jpg") no-repeat left top;}
#m5.selected span {background-position:right top !important;}
#m6,#m6 span {width:174px;}
#m6 span {background:url("../images/menu/m6.jpg") no-repeat left top;}
#m6.selected span {background-position:right top !important;}
#m7,#m7 span {width:114px;}
#m7 span {background:url("../images/menu/m7.jpg") no-repeat left top;}
#m7.selected span {background-position:right top !important;}
#m8,#m8 span {width:107px;}
#m8 span {background:url("../images/menu/m8.jpg") no-repeat left top;}
#m8.selected span {background-position:right top !important;}
#m9,#m9 span {width:89px;}
#m9 span {background:url("../images/menu/m9.jpg") no-repeat left top;}
#m9.selected span {background-position:right top !important;}