/*
lighter dif blue xxxxxxxxx  
*/

/* defined for bounder */
DIV#CSSNav
{
    FONT-SIZE: 110%; COLOR: #6998b4; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; text-align:left;
} 
DIV#CSSNav {
	WIDTH: 15.4em;  
}
/* custom */
DIV#CSSNav A { COLOR: #6998b4; }
DIV#CSSNav A.boldme { COLOR: white ;important ;}

/*------------------------------- H2 ----------------------------------------------------------*/  
DIV#CSSNav H2 {
	BACKGROUND-POSITION: left top; FONT-SIZE: 2em; MARGIN: 0px; COLOR: #6998b4; BORDER-BOTTOM: #eeeeee 1px solid; BACKGROUND-REPEAT: no-repeat
}
 DIV#CSSNav H2 {
	/* BACKGROUND-IMAGE: url(nav_head_topleft.gif); BACKGROUND-COLOR: #999999 */
} 
DIV#CSSNav H2 A {
	DISPLAY: block; PADDING-LEFT: 12px; BACKGROUND: no-repeat right top; PADDING-BOTTOM: 5px; COLOR: #6998b4; PADDING-TOP: 5px; TEXT-DECORATION: none
}
DIV#CSSNav H2 A {
	COLOR: #6998b4
}
DIV#CSSNav H2 A:hover {
	TEXT-DECORATION: none
}

/*------------------------------- UL LI  ----------------------------------------------------------*/  
DIV#CSSNav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#CSSNav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

DIV#CSSNav UL LI {
	FLOAT: left; BORDER-TOP: #eeeeee 1px solid; /* last border top and bottom - change.  Border-Bottom */
} 

DIV#CSSNav UL LI {
	WIDTH: 15.1em; /* defined width of submenu */
}

DIV#CSSNav UL LI {
	BACKGROUND: url(arrow-child.gif) #ffffff no-repeat 0.15em 9px; /* main with sub - color 0.15em 11px */ /* blue-arrow.gif */
}
DIV#CSSNav UL LI#secondnav {
	BACKGROUND: url(arrow-current.gif) #ffffff no-repeat 0.15em 9px; font-weight: 800; BORDER-BOTTOM-WIDTH: 1px
}               /* top level colour */  /* white-arrow.gif */
 
/*------------------------------- NO ARROW - no child items ----------------------------------------------------------*/  
DIV#CSSNav UL LI#noarrow {
	BACKGROUND: #ffffff;   /* main level with no sub - color */
}
DIV#CSSNav UL LI#noarrow.active {
	BACKGROUND-COLOR: #ffffff; font-weight: 800; /* custom  #F5F5F5 */
}
DIV#CSSNav UL LI#noarrow.active A {
color: #6998b4;  /* darker font  */
font-weight:bold;
}
DIV#CSSNav UL LI#noarrow:hover {
	BACKGROUND-COLOR: #F5F5F5} /* #F5F5F5 F5F5F5 */
DIV#CSSNav UL LI.sfhover#noarrow {
	BACKGROUND-COLOR: #F5F5F5}   /* #F5F5F5 */
DIV#CSSNav UL LI#noarrow A:hover {
	
}
DIV#CSSNav UL LI#noarrow A.sfhover {
	
}
/*------------------------------- END - NO ARROW - no child items ----------------------------------------------------------*/ 


DIV#CSSNav UL LI.thirdnav1,
DIV#CSSNav UL LI.thirdnav2,
DIV#CSSNav UL LI.thirdnav3,
DIV#CSSNav UL LI.thirdnav4 {
	BACKGROUND: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 1px; /* adjust color for sub menus */
}
/*if you more than 4 levels, please define class - thirdnav5, thirdnav6...*/


/*------------------------------- SELECTED ----------------------------------------------------------*/  
DIV#CSSNav UL LI#selectednav {
	BACKGROUND: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 1px; /* sub highlight - BACKGROUND: #cccccc */
}
DIV#CSSNav UL LI#selectednav2 {
	BACKGROUND: #ffffff no-repeat; BORDER-BOTTOM-WIDTH: 1px;  /* sub highlight - BACKGROUND: #cccccc */
} 


/*------------------------------- NAV LEVELS - POSITION ----------------------------------------------------------*/ 
DIV#CSSNav UL LI#secondnav A {
	COLOR: #6998b4;
}
DIV#CSSNav UL LI.thirdnav1 A {
	MARGIN-LEFT: 1em
}
DIV#CSSNav UL LI.thirdnav2 A {
	MARGIN-LEFT: 2em
}
DIV#CSSNav UL LI.thirdnav3 A {
	MARGIN-LEFT: 3em
}
DIV#CSSNav UL LI.thirdnav4 A {
	MARGIN-LEFT: 4em
}   

/*------------------------------- SELECTED - active ----------------------------------------------------------*/               
DIV#CSSNav #selectednav A.level1
{
	MARGIN-LEFT: 1em; COLOR: #6998b4; font-weight: 800;  
 } 
 DIV#CSSNav #selectednav A.level1_normal
{
	MARGIN-LEFT: 1em; COLOR: #6998b4;  font-weight: normal;  
 } 
DIV#CSSNav #selectednav A.level2
{
	MARGIN-LEFT: 2em; COLOR: #6998b4; font-weight: 800; 
}
DIV#CSSNav #selectednav A.level2_normal
{
	MARGIN-LEFT: 2em; COLOR: #6998b4;  font-weight: normal;  
 } 
DIV#CSSNav #selectednav A.level3
{
	MARGIN-LEFT: 3em; COLOR: #6998b4; font-weight: 800; 
}
DIV#CSSNav #selectednav A.level3_normal
{
	MARGIN-LEFT: 3em; COLOR: #6998b4;  font-weight: normal;  
 } 
DIV#CSSNav #selectednav A.level4
{
	MARGIN-LEFT: 4em; COLOR: #6998b4; font-weight: 800; 
}
DIV#CSSNav UL LI#selectednav A {
	MARGIN-LEFT: 1em; COLOR: #6998b4; font-weight: 800; 
}
DIV#CSSNav UL LI#selectednav2 A {
    MARGIN-LEFT: 1em; COLOR: #6998b4; 
}

/*---------------------------------- HOVER -------------------------------------------------------*/  
DIV#CSSNav UL LI#secondnav:hover {
	BACKGROUND-COLOR: #F5F5F5; } 
DIV#CSSNav UL LI.thirdnav1:hover,
DIV#CSSNav UL LI.thirdnav2:hover,
DIV#CSSNav UL LI.thirdnav3:hover,
DIV#CSSNav UL LI.thirdnav4:hover {
	BACKGROUND-COLOR: #F5F5F5;
}
DIV#CSSNav UL LI#selectednav:hover {
	BACKGROUND-COLOR: #F5F5F5;
}
DIV#CSSNav UL LI#selectednav2:hover {
	BACKGROUND-COLOR: #F5F5F5;
}
 DIV#CSSNav UL LI.sfhover#secondnav {
	BACKGROUND-COLOR: #F5F5F5;
}
DIV#CSSNav UL LI.sfhover.thirdnav1,DIV#CSSNav UL LI.sfhover.thirdnav2,DIV#CSSNav UL LI.sfhover.thirdnav3,DIV#CSSNav UL LI.sfhover.thirdnav4  {
	BACKGROUND-COLOR: #F5F5F5;
}
DIV#CSSNav UL LI.sfhover#selectednav {
	BACKGROUND-COLOR: #ffffff;
}
DIV#CSSNav UL LI.sfhover#selectednav2 {
	BACKGROUND-COLOR: #ffffff;
}
DIV#CSSNav UL LI#secondnav:hover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.thirdnav1:hover A,
DIV#CSSNav UL LI.thirdnav2:hover A,
DIV#CSSNav UL LI.thirdnav3:hover A,
DIV#CSSNav UL LI.thirdnav4:hover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI#selectednav:hover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI#selectednav2:hover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover#secondnav A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover.thirdnav1 A:hover,
DIV#CSSNav UL LI.sfhover.thirdnav2 A:hover,
DIV#CSSNav UL LI.sfhover.thirdnav3 A:hover,
DIV#CSSNav UL LI.sfhover.thirdnav4 A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover#selectednav A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover#selectednav2 A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}

/*-------------- ----------------*/
DIV#CSSNav UL LI#whiteline {
	BORDER-TOP: white 1px solid
}
DIV#CSSNav UL LI#whiteline_noarrow {
	BORDER-TOP: white 1px solid; BACKGROUND-IMAGE: none
}
DIV#CSSNav UL LI#whiteline_noarrow:hover {
	BORDER-TOP: white 1px solid; BACKGROUND-IMAGE: none
}

DIV#CSSNav LI UL {
	Z-INDEX: 100; LEFT: -999em; POSITION: absolute
}
DIV#CSSNav LI UL {
	WIDTH: 14em
}
DIV#CSSNav LI UL LI {
	WIDTH: 14em
}

/*------ side menu -------------------------------------*/
/* DIV#CSSNav LI:hover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 12.4em;
} */
/* DIV#CSSNav LI.sfhover UL {
LEFT:auto; PADDING-TOP: 1px;margin-left: 12.4em;
} */

/* level 3 */
DIV#CSSNav LI.sfhover UL LI UL,
DIV#CSSNav LI:hover UL LI UL {
	Z-INDEX: 100; LEFT: -999em; POSITION: absolute
} 


DIV#CSSNav LI UL LI UL {
	WIDTH: 14em
}
DIV#CSSNav LI UL LI UL LI{
	WIDTH: 14em
}
DIV#CSSNav LI UL LI:hover UL {
    LEFT:auto; PADDING-TOP: 1px; margin-left: 12.4em;
}
DIV#CSSNav LI UL LI.sfhover UL {
    LEFT:auto; PADDING-TOP: 1px; margin-left: 12.4em;
}
/* end level 3 */


DIV#CSSNav LI:hover {
	BACKGROUND-IMAGE: url(arrow-current.gif); BORDER-BOTTOM-COLOR: #eeeeee; BACKGROUND-COLOR: #F5F5F5 } /* white-arrow.gif */
DIV#CSSNav LI.sfhover {
	BACKGROUND-IMAGE: url(arrow-current.gif); BORDER-BOTTOM-COLOR: #eeeeee; BACKGROUND-COLOR: #F5F5F5 }  /* white-arrow.gif */
DIV#CSSNav LI UL LI {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
} /* F5F5F5 to edit - active state */
DIV#CSSNav LI UL LI:hover {
	BACKGROUND-IMAGE: none
}
DIV#CSSNav LI UL LI.sfhover {
	BACKGROUND-IMAGE: none
}
DIV#CSSNav UL LI A:visited {
	COLOR: #6998b4;  /* edit */ 
}
DIV#CSSNav UL LI UL LI A:visited {
	COLOR: #6998b4;  /* edit */
}
DIV#CSSNav LI UL LI {
	BACKGROUND-IMAGE: none
}
DIV#CSSNav UL LI:hover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI:hover A:visited {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI:hover A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover A {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI.sfhover A:visited {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}
DIV#CSSNav UL LI A:hover {
	/* TEXT-DECORATION: underline */	
}
DIV#CSSNav UL LI A.sfhover {
	/* TEXT-DECORATION: underline */	
}
DIV#CSSNav UL LI.sfhover A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: transparent
}


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


/*---- end --------*/

DIV#CSSNav UL A {
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
DIV#CSSNav UL LI A {
	PADDING-RIGHT: 1.5em;	
}

DIV#CSSNav LI A {
	FONT-SIZE: 90%
}
DIV#CSSNav UL LI UL LI A {
	FONT-SIZE: 90%
}
DIV#CSSNav UL LI A:hover {
	COLOR: #6998b4; BACKGROUND-COLOR: #F5F5F5;
}
DIV#CSSNav 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#CSSNav LI A {
	HEIGHT: 1%
}