Open Yahoo! Axis application
/* MENU CSS form */
#bgmenu {
	width:100%;
	position:relative;
    display: inline-block;
    /*margin: -22px 0 0 6px;*/
	z-index:100; background:red
	
}
#menuhozirontal {
    position: relative;	
	width: 100%;
	background-image: url(../../Images/bgmenu.png) ;
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0px auto;list-style-type: none;
	float:left;	
}
.sf-menueng { 
	float:left; 
	/*margin:-15px 0 0 0px; */
	display:inline; height:35px; margin-left:6px;
}
.sf-menueng a {
	border:none;
	padding: 0;
}
.sf-menueng a, .sf-menu a:visited {
	color:#636363; text-decoration:none;
}
.sf-menueng LI {
	display:inline;
	float:left;
	position:relative;
	z-index:4000;
	margin-left:0px;
	/*height:27px;*/
	background-image:url(../../Images/menu_active.png); background-repeat:no-repeat; 
	background-position:top right;  border-top-left-radius:6px; border-top-right-radius:6px;
	padding-left:10px; 
	padding-right:10px; 
	margin-right: 10px;
	bottom:0px;
}
.sf-menueng LI.last {
	margin-right:0;
}
.sf-menueng LI a {
	padding:0px;
	display:inline-block;
	height:22px;
	cursor:pointer;
	color: #fff;
    margin: 0px;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 6px;
    font-weight: bold; font-size:12px;
}
.sf-menueng LI a span {
	font-size:15px;
	font-weight:normal;
	line-height:23px;
	height:29px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 8px 0 8px;
	margin-top:1px;
}
.sf-menueng LI a:hover span {
	font-size:15px;
	font-weight:normal;
	line-height:23px;
	height:29px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 8px 0 8px;
	color:#ed3237;
	margin-top:1px;
}


.sf-menueng LI a .iconhome {
	background-image:url(../../Images/iconhome.png);
	background-repeat:no-repeat;
	width:13px;
	height:12px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 0 0 0px;
	margin-top:5px;
}
.sf-menueng LI a .iconmenuhome {
	background-image:url(../../Images/iconmenuhome.png);
	background-repeat:no-repeat;
	width:35px;
	height:35px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 0 0 0px;
	margin-top:7px; margin-left:7px;
	position:relative;
	z-index:1000;
}


.sf-menueng LI a span.about {
	background-image:url(../../Images/about.png);
	background-repeat:no-repeat;
	width:81px;
	height:27px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 0 0 0px;
}
.sf-menueng LI a .iconmenuhome {
	background-image:url(../../Images/iconmenuhome.png);
	background-repeat:no-repeat;
	width:35px;
	height:35px;
	z-index:10;
	float:left;
	display:inline;
	padding:0px 0 0 0px;
	margin-top:7px; margin-left:7px;
	position:relative;
	z-index:1000;
}

.sf-menueng ul {
	display:none;
	/*background:url(../../images/bg_sfmenu_ul.png) no-repeat left bottom;*/
	width:197px;
	position:absolute;
	/*top: 27px;*/
    left: 0px;
	overflow:hidden;
	filter: none !important;
	opacity: none !important;
	-moz-opacity: none !important;
	-ms-filter: none !important;
	background-color:#5cba22;
    padding-bottom:10px;
	
}
.sf-menueng li:hover ul,
.sf-menueng li.sfHover ul {
	overflow:visible;
}
.sf-menueng .linemenu {margin:0 auto; padding:0;background-image:url(../../Images/limenenuhome.png); background-repeat:no-repeat; float:left; width:2px; height:32px;margin-top:10px;}
.sf-menueng li.active 
{
  padding:0px 10px 0px 10px; height: 35px; margin-top:-7px; text-transform:uppercase; font-weight:bold;
  background-image:url(../../Images/menu_active.png); background-repeat:no-repeat; background-position:top right; 
  border-top-left-radius:6px; border-top-right-radius:6px;
}
.sf-menueng li a:hover,
.sf-menueng li.sfHover a,
.sf-menueng li.active a {
		color:#fff;	
}
.sf-menueng li.active a {
		color:#fff;	padding-top: 5px;margin-bottom: 2px;
}
.sf-menueng li a:hover span,
.sf-menueng li.sfHover a span,
.sf-menueng li.active a span {
	 	color:#fff; background-repeat: repeat-x; background-position:bottom center; margin-top:1px;
}
.sf-menueng LI li {
	/*background:url(../../images/bg_sfmenu_lisub.png) no-repeat center top;*/
	margin:0;
	float:left;
	display:inline;
	width:100%;
	padding:0;
	background:none;
}
.sf-menueng LI li:first-child {
	background:url(../../images/bg_sfmenu_lifirst.png) no-repeat center top;
	padding:5px 0 0 0; text-transform:none;
}
.sf-menueng li.active li a,
.sf-menueng li.sfHover li a,
.sf-menueng LI li a {
	background:url(../../images/icon_2.png) no-repeat 12px 8px;
	color:#fff;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
    height: auto;
    padding: 3px 5px 3px 32px;
	width:142px;
	float:left;
	display:inline;
	line-height:19px;
	margin: 5px 0 3px;	text-transform:none;
}


.sf-menueng li.active li a:hover,
.sf-menueng li.sfHover li a:hover,
.sf-menueng LI li a:hover {
	background:url(../../images/bg_sfmenu_ahover.png) no-repeat 2px 1px;text-transform:none;
}

.sf-menueng ul ul {
	left:154px; display:none; 
}
.sf-menueng ul ul.important {
	top:-80px !important;
}
.sf-menueng ul li.lifirst ul.important {
	top:-100px !important;
} 
.sf-menueng LI a span.suba {
	background:url(../../images/arrow_suba.png) no-repeat left top;	
	width:4px; height:7px; position:absolute; top:8px; left: 130px; 
}
.sf-menueng LI li a.subhover span,
.sf-menueng LI a:hover span.suba {
	background:url(../../images/arrow_suba.png) no-repeat left bottom;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu  {
	width:209px;
	margin:-175px 0 0 3px;
	overflow:hidden;
}
#menu .menupoup ul {
	float: left;
	display:inline;
	margin:0px; padding:0px;
}
#menu .menupoup {
	margin:14px 0px 0px -35px;
	float:left;
}
#menu .menupoup li {
	background:url(../../images/bg_vermenu_li.png) no-repeat left bottom;
	width:100%;
	float: left;
	display:inline;
	padding-bottom:1px;
	margin-bottom:2px;
}
#menu .menupoup li a {
	line-height:19px;
	font-weight:bold;
	font-size:12px;
	font-family:arial;
	color:#512804;
    padding: 3px 10px 3px 10px;
    width: 189px;
	float:left;
	display:inline;
	cursor: pointer;
	margin-bottom:2px;
}
#menu .menupoup li a span {
	background:url(../../images/icon_1.png) no-repeat 0px 4px;
	padding: 0 0 0 21px;
	float:left;
	display:inline;
}
.menupoup li li a span {
	background:url(../../images/icon_2.png) no-repeat 0px 4px;
}
.menupoup li.active a,
.menupoup li a:hover {
	background:url(../../images/bg_vermenu_hover.png) no-repeat left top;
}

#menu .menupoupitem {
	margin-left:31px; display:none;
}
#menu li.active .menupoupitem {
	display:block;
}
.menupoup li li {
	background:none;
	border-bottom:dotted 1px #991E00;
	width:161px;
}
.menupoup li li:last-child {
	border-bottom:none;
}
.menupoup li li a {
	font-weight:normal;
	background:none;
	width:auto;
	padding:0;
}
.menupoup li.active li a {
	background:none;
}
.menupoup li li.active a,
.menupoup li li a:hover {
	font-weight:bold;
	background:none;	
}