/*
version have fixed with firefox,
correct for IE in skins file
*/
/*defined div
Color use:  
item on hover: #4C7016 
item submenu: #7C9C5F
textcolor :black;  
*/
/*defined for bounder*/
DIV#NavMenuJS
{
 FONT-SIZE: 85%; COLOR: black; FONT-FAMILY: "Trebuchet MS", Arial; BACKGROUND-COLOR: white;text-align:left;width:185px;
}
DIV#NavMenuJS A
{
	FONT-SIZE: 76%; COLOR: #4c2e12; FONT-FAMILY: "Trebuchet MS", Arial; width:185px;
}
DIV#NavMenuJS {
	HEIGHT: 100%
}
DIV#NavMenuJS {
	WIDTH: 15.4em
}
DIV#NavMenuJS H2 {
	BACKGROUND-POSITION: left top; FONT-SIZE: 1em; MARGIN: 0px; COLOR: white; BORDER-BOTTOM: white 1px solid; BACKGROUND-REPEAT: no-repeat
}
DIV#NavMenuJS H2 {
	BACKGROUND-IMAGE: url(nav_head_topleft.gif); BACKGROUND-COLOR: #999999
}
DIV#NavMenuJS H2 A {
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; BACKGROUND: no-repeat right top; PADDING-BOTTOM: 7px; COLOR: white; PADDING-TOP: 7px; TEXT-DECORATION: none
}
DIV#NavMenuJS H2 A {
	COLOR: white
}
DIV#NavMenuJS H2 A:hover {
	TEXT-DECORATION: underline
}
DIV#NavMenuJS UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#NavMenuJS LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#NavMenuJS UL LI {
	FLOAT: left; BORDER-BOTTOM: white 3px solid
}
DIV#NavMenuJS UL LI {
	WIDTH: 15.4em;/*defined with of submenu*/
}
DIV#NavMenuJS UL LI {
	background-color: transparent;
	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 185px;
}
DIV#NavMenuJS UL LI#secondnav {
	background-color: transparent;
	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 185px;
}
DIV#NavMenuJS UL LI#noarrow {
	background-color: transparent;
}
DIV#NavMenuJS UL LI#noarrow.active {
	BACKGROUND-COLOR: transparent;
}
DIV#NavMenuJS UL LI#noarrow.active A {
color: #4c2e12;
}
DIV#NavMenuJS UL LI#noarrow:hover {
	background-color: #00ff00;
	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
DIV#NavMenuJS UL LI.sfhover#noarrow {
	background-color: transparent;
	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
DIV#NavMenuJS UL LI#noarrow A:hover {
	
}
DIV#NavMenuJS UL LI#noarrow A.sfhover {
	
}
DIV#NavMenuJS UL LI#thirdnav1,DIV#NavMenuJS UL LI#thirdnav2,DIV#NavMenuJS UL LI#thirdnav3,DIV#NavMenuJS UL LI#thirdnav4 {
	BACKGROUND: #E5D38F no-repeat;
	BORDER-BOTTOM-WIDTH: 3px;
	height: auto;
}
/*if you more 4 level, please defined class thirdnav5, thirdnav6...*/
DIV#NavMenuJS UL LI#selectednav {
	BACKGROUND: #E5D38F no-repeat;
	BORDER-BOTTOM-WIDTH: 3px;
	height: auto;
}
DIV#NavMenuJS UL LI#selectednav2 {
	BACKGROUND: #0000ff no-repeat; BORDER-BOTTOM-WIDTH: 0px
}
DIV#NavMenuJS UL LI#secondnav A {
	COLOR: #4c2e12
}
DIV#NavMenuJS UL LI#thirdnav1 A {
	MARGIN-LEFT: -2em; width:160px;
}DIV#NavMenuJS UL LI#thirdnav2 A {
	MARGIN-LEFT: 2em
}DIV#NavMenuJS UL LI#thirdnav3 A {
	MARGIN-LEFT: 3em
}
DIV#NavMenuJS UL LI#thirdnav4 A {
	MARGIN-LEFT: 4em
}
DIV#NavMenuJS #selectednav A.level1
{
	MARGIN-LEFT: -2em; COLOR: #4c2e12; width: 160px;
}
DIV#NavMenuJS #selectednav A.level2
{
	MARGIN-LEFT: 2em; COLOR: #4c2e12;
}
DIV#NavMenuJS #selectednav A.level3
{
	MARGIN-LEFT: 3em; COLOR: #4c2e12;
}
DIV#NavMenuJS #selectednav A.level4
{
	MARGIN-LEFT: 4em; COLOR: #4c2e12;
}
DIV#NavMenuJS UL LI#selectednav A {
	MARGIN-LEFT: 1em; COLOR: #4c2e12; 
}
DIV#NavMenuJS UL LI#selectednav2 A {
	MARGIN-LEFT: 1em; COLOR: black;
}
DIV#NavMenuJS UL LI#secondnav:hover {
	BACKGROUND-COLOR: #ff0000 
}
DIV#NavMenuJS UL LI#thirdnav1:hover,DIV#NavMenuJS UL LI#thirdnav2:hover,DIV#NavMenuJS UL LI#thirdnav3:hover,DIV#NavMenuJS UL LI#thirdnav4:hover {
	BACKGROUND-COLOR: #E5D38F 
}
DIV#NavMenuJS UL LI#selectednav:hover {
	BACKGROUND-COLOR: #E5D38F 
}
DIV#NavMenuJS UL LI#selectednav2:hover {
	BACKGROUND-COLOR: #ff0000 
}
DIV#NavMenuJS UL LI.sfhover#secondnav {
	BACKGROUND-COLOR: transparent; 
}
DIV#NavMenuJS UL LI.sfhover#thirdnav1,DIV#NavMenuJS UL LI.sfhover#thirdnav2,DIV#NavMenuJS UL LI.sfhover#thirdnav3,DIV#NavMenuJS UL LI.sfhover#thirdnav4  {
	BACKGROUND-COLOR: #E5D38F 
}
DIV#NavMenuJS UL LI.sfhover#selectednav {
	BACKGROUND-COLOR: #E5D38F 
}
DIV#NavMenuJS UL LI.sfhover#selectednav2 {
	BACKGROUND-COLOR: #ff0000 
}
DIV#NavMenuJS UL LI#secondnav:hover A {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#thirdnav1:hover A,DIV#NavMenuJS UL LI#thirdnav2:hover A,DIV#NavMenuJS UL LI#thirdnav3:hover A,DIV#NavMenuJS UL LI#thirdnav4:hover A {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#selectednav:hover A {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#selectednav2:hover A {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#secondnav A:hover {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#thirdnav1 A:hover,DIV#NavMenuJS UL LI.sfhover#thirdnav2 A:hover,DIV#NavMenuJS UL LI.sfhover#thirdnav3 A:hover,DIV#NavMenuJS UL LI.sfhover#thirdnav4 A:hover {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#selectednav A:hover {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#selectednav2 A:hover {
	COLOR: #ff0000; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#whiteline {
	BORDER-TOP: white 1px solid
}
DIV#NavMenuJS UL LI#whiteline_noarrow {
	BORDER-TOP: white 1px solid; BACKGROUND-IMAGE: none
}
DIV#NavMenuJS UL LI#whiteline_noarrow:hover {
	BORDER-TOP: white 1px solid; BACKGROUND-IMAGE: none
}
DIV#NavMenuJS LI UL {
	Z-INDEX: 100; LEFT: -999em; POSITION: absolute}
DIV#NavMenuJS LI UL {
	WIDTH: 16em
}
DIV#NavMenuJS LI UL LI {
	WIDTH: 220px;
	height:auto;
}
DIV#NavMenuJS LI:hover UL {
	LEFT:auto; 
	PADDING-TOP: 1px;
	margin-left: 4.4em;
}
DIV#NavMenuJS LI.sfhover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 4.4em;
}
/*level 3*/
DIV#NavMenuJS LI.sfhover UL LI UL,DIV#NavMenuJS LI:hover UL LI UL {
	Z-INDEX: 100; LEFT: -999em; POSITION: absolute
}
DIV#NavMenuJS LI UL LI UL {
	WIDTH: 16em
}
DIV#NavMenuJS LI UL LI UL LI{
	WIDTH: 16em
}
DIV#NavMenuJS LI UL LI:hover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 4.4em;
}
DIV#NavMenuJS LI UL LI.sfhover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 12.4em;
}
/*end level 3*/
DIV#NavMenuJS LI:hover {
	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
DIV#NavMenuJS LI.sfhover {

	background-image: url(MH_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
DIV#NavMenuJS LI UL LI {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BACKGROUND-COLOR: #efdd9b;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
DIV#NavMenuJS LI UL LI:hover {
	BACKGROUND-IMAGE: none
}
DIV#NavMenuJS LI UL LI.sfhover {
	BACKGROUND-IMAGE: none
}
DIV#NavMenuJS UL LI A:visited {
	COLOR: #4c2e12
}
DIV#NavMenuJS UL LI UL LI A:visited {
	COLOR: #00ff00
}
DIV#NavMenuJS LI UL LI {
	BACKGROUND-IMAGE: none;
	
}
DIV#NavMenuJS UL LI:hover A {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI:hover A:visited {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI:hover A:hover {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent; 
}
DIV#NavMenuJS UL LI.sfhover A {
	COLOR: #4c2e12;
	BACKGROUND-COLOR: transparent;
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 32px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; TEXT-DECORATION: underline}
DIV#NavMenuJS UL LI.sfhover A:visited {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI A:hover {
	TEXT-DECORATION: underline
}
DIV#NavMenuJS UL LI A.sfhover {
	TEXT-DECORATION: underline
}
DIV#NavMenuJS UL LI.sfhover A:hover {
	COLOR: #4c2e12; BACKGROUND-COLOR: transparent;
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 32px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; TEXT-DECORATION: underline}
DIV#NavMenuJS UL A {
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 32px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; TEXT-DECORATION: none
}
DIV#NavMenuJS UL LI A {
	PADDING-RIGHT: 1.5em
}
DIV#NavMenuJS LI A {
	FONT-SIZE: 90%
}
DIV#NavMenuJS UL LI UL LI A {
	FONT-SIZE: 80%
}
DIV#NavMenuJS UL LI A:hover {
	COLOR: white; BACKGROUND-COLOR: #efdd9b; width:160px; 
}
DIV#NavMenuJS UL LI#navBottomRow {
	BACKGROUND-POSITION: left bottom; DISPLAY: block; BACKGROUND-IMAGE: url(nav_bot_left.gif); BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-REPEAT: no-repeat
}
* HTML DIV#NavMenuJS LI A {
	HEIGHT: 1%
}
