.menu {
	display:table;
	background:transparent;
margin-left:6px;
width:1000px
}
.menu ul {

}
.menu li {
	display:table-cell;
	text-indent:0;
	float:left;
	padding:0 2px;
	margin:0;
	position:relative;
	font-weight:700;
	top:-12px;
}
.menu li span.aa {
	display:block;
	width:10px;
	height:36px;
	height:auto;
	background:url(/images/aa.gif) 0 -0px;
	float:left;
	padding:9px 0;
}
.menu li span.bb {
	height:36px;
	height:auto;
	background:url(/images/bb.gif) 0 0px;
	float:left;
	padding:9px 0;
}
.menu li span.cc {
	display:block;
	width:10px;
	height:36px;
	height:auto;
	background:url(/images/cc.gif) 0 0px;
	float:left;
	padding:9px 0;
}
.menu li span.aaa {
	display:block;
	width:10px;
	height:36px;
	height:auto;
	background:url(/images/aaa.gif) 0 -0px;
	float:left;
	padding:9px 0;
}
.menu li span.bbb {
	height:36px;
	height:auto;
	background:url(/images/bbb.gif) 0 0px;
	float:left;
	padding:9px 0;
}
.menu li span.ccc {
	display:block;
	width:10px;
	height:36px;
	height:auto;
	background:url(/images/ccc.gif) 0 0px;
	float:left;
	padding:9px 0;
}
.menu a, .menu a:visited {
	color:#003d64;
	text-decoration:none;
	font-size:15px;
	cursor:pointer;
}
.menu a:hover {
	color:#fff;
	background:#transparent;
}

.menu a:hover span {
	background-position:0 36px;
}
.menu a:hover, .menu a:active {
	background-position:0 36px; /*Keep this to fix weird IE6 stuck on :hover bug*/
	font-size:15px;
}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
  


}
/* set up the first drop down sub level */
.menu :hover ul.sub {
position:absolute;
	left:0px;
	top:27px;
	background: #fff;
	color:#009900;
	padding:2px 0;
	white-space:nowrap;
	width:auto;
	height:14px;
	border:1px #333 solid;

}
.menu :hover ul.sub li {
	display:block;
	height:14px;
	position:relative;
	top:8px;
	float:left;
	width:101px;
	color:#009900
}
.menu :hover ul.sub li a {
	display:block;
	font-size:14px;
	height:18px;
	color:#009900;
	text-decoration:none;
}
.menu :hover ul.sub li a:hover {
	background:#009900;
	color:#fff;
	left:-11px;
	position:relative;
	width:103px;
	padding-left:7px
}

/*** ESSENTIAL STYLES ***/

.menu ul {

	top:			-999em;
	width:700px;

}
.menu ul li {
	width:			100%;
}
.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			46px; /* match top ul list item height */
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			700px; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			700px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.menu {
	position:absolute;
	z-index:500
}
.menu a {
	text-decoration:none;

}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	
}
.menu li {
	background:		transparent;
}
.menu li ul {
width:200px;
background:		transparent;

}
.menu li li {
	background:		#AABDE6;
border:1px solid #001f89;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
.menu li li:hover {
background:#fff
}
.menu li li a{
line-height:30px;
width:200px;
display:block
}
.menu li li a:hover {
color:#000;
}
.menu li li li {
	background:		#9AAEDB;
}
 .menu li li.hover {
background:#fff
}
.menu li:sfHover, .menu a:focus, .menu a:hover, .menu a:active {
	background:		transparent;
	outline:		0;
}