/*
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*/



#idnav{
	padding-bottom:15px !important; background:#01304a;float:left; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

DIV#NavMenuJS
{
 FONT-SIZE: 76%; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white;text-align:left;
}
DIV#NavMenuJS A
{
	FONT-SIZE: 76%; color: #FFFFFF !important; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
DIV#NavMenuJS {
	HEIGHT: 76%
}
DIV#NavMenuJS {
	WIDTH: /*15.4em*/ 21.8em; padding-top:10px; background:#01304a;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
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 1px solid
}
DIV#NavMenuJS UL LI {
	WIDTH: 15.4em;/*defined with of submenu*/
}
DIV#NavMenuJS UL LI {
	BACKGROUND: /*url(blue-arrow.gif)*/ #01304a no-repeat 14.2em 8px; font-size: 14px;border-bottom: 1px solid #426676;-webkit-border-bottom-right-radius: 8px;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    DIV#NavMenuJS UL LI { border-radius:0px; } 
}


DIV#NavMenuJS UL LI#secondnav {
	BACKGROUND: /*url(white-arrow.gif)*/ url(selected.png)  no-repeat ; BORDER-BOTTOM-WIDTH: 0px; font-size: 14px;margin-left: -6px;
    padding: 7px 3px;font-weight: bold;
}
DIV#NavMenuJS UL LI#noarrow {
	BACKGROUND: #01304a;
	display:none;
}
DIV#NavMenuJS UL LI#noarrow.active {
	BACKGROUND-COLOR: #7C9C5F;
}
DIV#NavMenuJS UL LI#noarrow.active A {
color: White;
}
DIV#NavMenuJS UL LI#noarrow:hover {
	BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#noarrow {
	BACKGROUND-COLOR: transparent
}
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: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 0px;font-size: 14px;
}
/*if you more 4 level, please defined class thirdnav5, thirdnav6...*/
DIV#NavMenuJS UL LI#selectednav {
	BACKGROUND: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 0px
}
DIV#NavMenuJS UL LI#selectednav2 {
	BACKGROUND: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 0px
}
DIV#NavMenuJS UL LI#secondnav A {
	COLOR: #ffffff;
	font-size: 12px;
}


	@media all and (min-width:0) {
    DIV#NavMenuJS UL LI#secondnav A { font-size:11.5px \0/; }  /* IE9-IE10pp4 */
}
DIV#NavMenuJS UL LI.thirdnav1 A {
	color: #000000 !important;
	MARGIN-LEFT: 1em;
	 font-size: 11px !important;;
}DIV#NavMenuJS UL LI.thirdnav2 A {
	color: #000000 !important;
	font-size: 11px !important;
	MARGIN-LEFT: 2em
	
}DIV#NavMenuJS UL LI.thirdnav3 A {
	color: #000000 !important;
	font-size: 11px !important;
	MARGIN-LEFT: 3em
}
DIV#NavMenuJS UL LI.thirdnav4 A {
	color: #000000 !important;
	font-size: 11px !important;
	MARGIN-LEFT: 4em
}
DIV#NavMenuJS #selectednav A.level1
{
	MARGIN-LEFT: 1em; COLOR: #000000; FONT-STYLE: inherit;
}
DIV#NavMenuJS #selectednav A.level2
{
	MARGIN-LEFT: 2em; COLOR: #000000; FONT-STYLE: inherit;
}
DIV#NavMenuJS #selectednav A.level3
{
	MARGIN-LEFT: 3em; COLOR: #000000; FONT-STYLE: inherit;
}
DIV#NavMenuJS #selectednav A.level4
{
	MARGIN-LEFT: 4em; COLOR: #000000; FONT-STYLE: inherit;
}
DIV#NavMenuJS UL LI#selectednav A {
	MARGIN-LEFT: 1em; COLOR: #000000; FONT-STYLE: inherit;color: #0248C1 !important;font-weight: bold;
}
DIV#NavMenuJS UL LI#selectednav2 A {
	MARGIN-LEFT: 1em; COLOR: black;
}
DIV#NavMenuJS UL LI#secondnav:hover {
	BACKGROUND-COLOR: none;
}
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: #ffffff !important;
}
DIV#NavMenuJS UL LI#selectednav:hover {
	BACKGROUND-COLOR: #ffffff
}
DIV#NavMenuJS UL LI#selectednav2:hover {
	BACKGROUND-COLOR: transparent
}
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: transparent 
}
DIV#NavMenuJS UL LI.sfhover#selectednav {
	BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#selectednav2 {
	BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#secondnav:hover A {
	COLOR: white; BACKGROUND-COLOR: none;
}
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: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI#selectednav:hover A {
	COLOR: white; BACKGROUND-COLOR: #ffffff
}
DIV#NavMenuJS UL LI#selectednav2:hover A {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#secondnav A:hover {
	COLOR: white; 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: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#selectednav A:hover {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover#selectednav2 A:hover {
	COLOR: white; 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: 16em
}
DIV#NavMenuJS LI:hover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 12.4em;
}
DIV#NavMenuJS LI.sfhover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 12.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: 12.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(white-arrow.gif)*/;/* BORDER-BOTTOM-COLOR: #cccccc ; */BACKGROUND-COLOR: #01304a
}
DIV#NavMenuJS LI.sfhover {
	BACKGROUND-IMAGE: /*url(white-arrow.gif)*/;/* BORDER-BOTTOM-COLOR: #cccccc ; */ BACKGROUND-COLOR: #01304a
}
DIV#NavMenuJS LI UL LI {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #7C9C5F; BORDER-BOTTOM-STYLE: none
}
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: black
}
DIV#NavMenuJS UL LI UL LI A:visited {
	COLOR: white
}
DIV#NavMenuJS LI UL LI {
	BACKGROUND-IMAGE: none; display: none;
}
DIV#NavMenuJS UL LI:hover A {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI:hover A:visited {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI:hover A:hover {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover A {
	COLOR: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL LI.sfhover A:visited {
	COLOR: white; 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: white; BACKGROUND-COLOR: transparent
}
DIV#NavMenuJS UL A {
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; line-height: 14px; 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: 90%
}
DIV#NavMenuJS UL LI A:hover {
	COLOR: white; BACKGROUND-COLOR: transparent;  text-decoration: none;
}
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%
}