/***********************************************
* MENU CSS SPRITING, as at 2010-03-16
***********************************************/

/** accordion is the base class **/
.accordion a {
	font-size: 13px;
	font-family: "Arial", "Helvetica", "Verdana";  
}

.accordion img {
	border: 0px;
}

/** following class consume the spriting image file **/
.accordion .submenu_trigger_opened,
.accordion .submenu_trigger,
.accordion .submenu_trigger:hover,
.accordion .submenu ul li,
.accordion .menu_link img,
.accordion .submenu a.submenu_trigger,
.accordion .submenu a.submenu_trigger:hover,
.accordion .submenu a.submenu_trigger_opened,
.accordion .submenu a.submenu_trigger_opened:hover
{
	background: url(menu.gif);
}

/** menu width & background image **/
.accordion {
	width: 150px;
	padding: 0px 0px;/*steal */

}

.accordion div {
	/*filter:alpha(opacity=50);*/
	/*background: #D0ECF0 url(../images/bg_menu.jpg) no-repeat;*/
	margin: 0;
	padding: 2px 2px 0px 2px; /*steal */
}

/***********************************************
* FIRST LEVEL
***********************************************/

/** FIRST LEVEL, TOP DIV **/

.accordion .menu_item {
	
	background:url(header_menu.gif) no-repeat;
	padding: 0;
	margin: 2px 0 2px 0 ;  /* edited °½¦ì*/
	/*filter:alpha(opacity=0);*/
		border-bottom:1px solid #FFFFFF;
}

/** FIRST LEVEL, SUBMENU OPENER TRIGGER **/

.accordion .submenu_trigger {
	text-decoration:none;
	line-height:20px;
	border-bottom:0px dotted #ff0000;
	background-repeat: no-repeat;
	background-position: 0 -632px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
}

.accordion .submenu_trigger:hover {
	background-repeat: no-repeat;
	background-position: 0 -695px;
	padding:0px;
}

.accordion .submenu_trigger_cancel {
	background: none;
}

.accordion .submenu_trigger_cancel:hover {
	background: none;
}

.accordion .submenu_trigger img {
	margin: 0px;
	padding: 0;
}

.accordion .submenu_trigger_opened {
	background-repeat: no-repeat;
	background-position: 0 -506px;
}

.accordion .submenu_trigger_opened:hover {
	background-repeat: no-repeat;
	background-position: 0 -2645px;
}

/** FIRST LEVEL, HYPERLINK **/

.accordion .menu_link img{
	background-position: 0 -941px;
	background-repeat: no-repeat;
}

.accordion .menu_link{
	padding : 0 0px 0 0px;
	margin: 0 0 0 0px;
	display: inline-block;
	background: none;
	max-width: 120px;
	/*filter:alpha(opacity=100);*/
}

.accordion .menu_link a{
	text-decoration:none;
	background: none;
	line-height:20px;
	/*border-bottom:1px dotted #C8D5E4;*/
	padding : 0;
	margin: 0px;
	/** hyperlink color **/
	color: #1a4429;
}

.accordion .menu_link a:hover {
	text-decoration:none;
	background:  #36856e none;
	border-bottom:1px dotted #C8D5E4;
	padding : 0;
	margin: 0;
	/** hyperlink color **/
	color: #FFFFFF;
}

/***********************************************
* SUB MENU
***********************************************/

.accordion .submenu {
	padding: 0 0 0 18px;
	display: block;
}

.accordion .submenu ul {
	padding: 0px;
	margin: 0px;
}

.accordion .submenu ul li{
	list-style:none;
	background-repeat: no-repeat;
	background-position: 0 -2319px; /** camus: 1399 to 2319 **/
	padding: 3px 3px 0px 20px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}

.accordion .submenu ul li:hover{
	background-repeat: no-repeat;
	background-position: 0 -2491px;
	background-color: #b7e1c9;
}

.accordion .submenu a {
	background: none;
	text-decoration:none;
	padding: 0px 0px 0 0px;
	margin: 0px;
	/*border-bottom:1px dotted #C8D5E4;*/
	/** hyperlink color **/
	color: #3b6c9e;
	font-size: 12px;
}

.accordion .submenu a:hover {
	margin: 0px;
	background:#b7e1c9;
	padding:0px 0px 0px 0px;
	/** hyperlink color **/
	color: #c569a3;
}

/***********************************************
* SUBMENU's SUBMENU
***********************************************/

.accordion .submenu a.submenu_trigger{
	background-repeat: no-repeat;
	background-position: 0 -632px;
	margin: 0 3px 0 0;
	padding: 0;
}

.accordion .submenu a.submenu_trigger:hover {
	background-repeat: no-repeat;
	background-position: 0 -695px;
	padding:0px;
}

.accordion .submenu a.submenu_trigger_opened {
	background-repeat: no-repeat;
	background-position: 0 -506px;
}

.accordion .submenu a.submenu_trigger_opened:hover {
	background-repeat: no-repeat;
	background-position: 0 -2645px;
}

/***********************************************
* WIDTHS
***********************************************/

.accordion .menu_link_level_1{
	max-width: 125px;
	/*background: #FF0000;*/
}

.accordion .menu_link_level_2{
	max-width: 107px;
	/*background: #FF0000;*/
}

.accordion .menu_link_level_3{
	max-width: 88px;
	/*background: #FF0000;*/
}

/***********************************************
* HIDE THE EXPAND FOLDER ICON IF NO SUBMENU ITEM GENERATED
***********************************************/
.accordion .submenu a.submenu_trigger_cancel {
	background-position: 0 -2796px;
}

.accordion .submenu a.submenu_trigger_cancel:hover {
	background-position: 0 -2796px;
}

.menu_link img {
	display: none;
}

.accordion .menu_item.current a {
	color:  #369;
}