#menu {
    position:relative;
	z-index:999999 ;
}
#menu .menu {width:100%; height:40px; padding:0}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding-left:13px;
}
#menu a span {
    display:block;
    padding:6px 14px 10px 2px;
    white-space:nowrap;
}
#menu li {
    float:left;
	border-bottom:3px solid #0f38ad;
	margin-right:5px;
}
#menu li li { float:none; }
#menu div {
    display:none;
    position:absolute;
    margin-top:-5px;
    width:200px;
}
#menu div a span{color:#fff; text-shadow:1px 1px 0 #0f38ad;}
#menu div ul { position:relative; }
#menu li:hover>div { display:block; }

/** ie7 */
*:first-child+html #menu li:hover>div { top:auto; }

#menu a,
#menu a span {
    font-size:0.95em;
    line-height:1.5em;
    color:#000000;
    text-decoration:none;
    font-weight:normal;
	text-shadow:1px 1px 0 #e2c9cd;
}
#menu a span:hover{
    color:#fff;
}

#menu div a span {
    text-transform:none;
    font-size:14px;
    white-space:normal;
}

#menu div ul {
    width:200px;
}
#menu.active a {
    z-index:780;
    position:relative;
}
#menu.active li { z-index:778; }
#menu.active div div { z-index:781; }
#menu.active div a { position:static; }

#menu.active li.back {
	background:#0f38ad;
    height:40px;
    position:absolute;
    padding:0;
    margin:0;
}
#menu.active li.back .left {
    display:block;
    padding:0;
    width:auto;
	background:#0f38ad;
    height:40px;
    margin:0 5px 0 8px;
    position:relative;
    left:5px;

}

#menu.active .spanbox {
    position:absolute;
    display:none;
    margin-top:-5px;
    width:200px;
}
#menu.active div {
    margin-top:0;
    display:block;
    position:relative;
}
#menu.active div .spanbox {
    margin:0 0 0 -6px;
    left:100%;
}
#menu.active .spanbox .spanbox { margin-top:-50px; }
#menu.active .spanbox .spanbox div { margin:-2px 0 0 0; }

/** ie7 */
*:first-child+html #menu.active div div { top:auto; }
*:first-child+html .menu-images-preloading { visibility:hidden; }

/*------------*/

#menu>ul>li:hover>a.parent span,
#menu a.parent:hover span{
	background-position:right bottom !important
}
#menu a{padding:3px 6px 3px}
#menu a span{padding:0}
#menu a.parent{padding-right:5px}
#menu a.parent span{padding:0}
#menu.active li.back .left,
#menu.active li.back{
	height:30px;
	-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
#menu.active li.current-back,
#menu.active li.current-parent-back { background:#0f38ad}
#menu.active li.current-back .left { background:#0f38ad; }
#menu.active li.current-parent-back .left { background:#0f38ad }
/*======= sub =======*/
#menu.active .spanbox{margin:0}
#menu.active .spanbox .spanbox{margin:-32px 0 0; padding-left:5px;}
#menu div{
	background:none;
	padding:5px 0 0 0;
}

#menu div ul{
	padding:5px 0;
	background:#0f38ad;
	-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
#menu div ul li { border-bottom: 1px solid #FFF; }
#menu div a,
#menu div a.parent{
	width:185px;
	padding:0 5px 0 10px;
	margin:0;
}
#menu div a span,
#menu div a.parent span{
	font-size:14px;
	padding:0 25px 0 0;
	margin:0;
}
#menu div a.parent span{background:url(./arrow2.png) no-repeat right 4px !important}

#menu div a:hover,
#menu div ul>li:hover>a.parent,
#menu div ul li a.parent:hover {
    background-color: #0f38ad;
}
#menu div ul>li:hover>a.parent span,
#menu div ul li a.parent:hover span { background-position:right -21px !important; }