﻿
#menuSKarrow
{
   margin-right: -1px; /* all lists */
   margin-top:-2px;
   float: left;
}

#menuSKarrow ul
{
   margin: 0; /* all lists */
   padding: 0;
   color: white;
}
#menuSKarrow li
{
   margin: 0; /* all list items */
   float: left;
   display: block;
   background: none;
   color: white;
   cursor: pointer;
   font-family: Arial, Helvetica, sans-serif;
}

#menuSKarrow .divider
{
   margin-top: 3px;
   background-color: #FFFFFF;
   width: 1px;
   height: 27px;
   float: left;
}


#menuSKarrow .undivider
{
	margin-left: -1px;
   margin-top: 3px;
   background-color:  #0066CC; /*  #0083c6; */
   width: 1px;
   height: 27px;
   float: left;
}
/**************   TOP LEVEL *****************/
#menuSKarrow li a
{
   margin: 0;
   display: block;
   cursor: pointer;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight: bold;
   color: white;
   padding: 10px 14px 10px 14px; /***   also affect position of submenu  ****/
   font-size: 11px;
}

#menuSKarrow li a:hover
{
   color: white;
    position: static;	/* GM */

}

#menuSKarrow li a.active
{
   color: white;
}

#menuSKarrow li a.active:focus
{
}






#menuSKarrow DIV#ACTIVEITEM a
{
   color: white;
   background-color: #00439A;
}
/**********   LEVEL1 SUB MENU   **********/

#menuSKarrow li ul
{
   background-color:  #0066CC; /*  #0083c6; */
   z-index: 99;
    position: static;  /* GM */
}

#menuSKarrow li ul.Submenu
{
border-right: 0px solid green;
}

#menuSKarrow li ul a
{
   /**********   item of submenu**************/
   padding-left: 4px; 
   padding-top: 3px;
   padding-bottom: 3px;
   height: 14px;
   font-weight: normal;
   text-transform: none;   

}

#menuSKarrow li ul a:hover, #menuSKarrow li ul a:active, #menuSKarrow li ul a:focus
{
   color: white;
   background-color: #0097fe;

}



/* level 2 */
#menuSKarrow li ul
{
   width: 190px;
   position: absolute;
   margin: 0px; /* level 2, where to start  */
   z-index: 99;
   left: -999em;
   height: auto;

}


/* level 3, where to start  */
#menuSKarrow li ul ul
{
   margin: 0 0 0 160px;
}



/* width of submenu item*/
#menuSKarrow li li
{
   margin-left: 7px; 
   width: 175px;
   border-bottom: 1px solid #40A2D4;
   text-transform: lowercase;
}

#menuSKarrow li li.last
{
   margin-left: 7px; 
   width: 175px;
   border-bottom: 0px solid #40A2D4;
   text-transform: lowercase;
}

#menuSKarrow ul a
{
   width: 128px;
}

#menuSKarrow li:hover ul ul, #menuSKarrow li:hover ul ul ul, #menuSKarrow li.sfhover ul ul, #menuSKarrow li.level1sfhover ul ul, #menuSKarrow li.level1-activesfhover ul ul, #menuSKarrow li.sfhover ul ul ul, #menuSKarrow li.level1sfhover ul ul ul, #menuSKarrow li.level1-activesfhover ul ul ul
{
   left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#menuSKarrow li:hover ul, #menuSKarrow li li:hover ul, #menuSKarrow li li li:hover ul, #menuSKarrow li.sfhover ul, #menuSKarrow li.level1sfhover ul, #menuSKarrow li.level1-activesfhover ul, #menuSKarrow li li.sfhover ul, #menuSKarrow li li.levelhavechildsfhover ul, #menuSKarrow li li.levelhavechild-activesfhover ul, #menuSKarrow li li li.sfhover ul, #menuSKarrow li li li.levelhavechildsfhover ul, #menuSKarrow li li li.levelhavechild-activesfhover ul
{
   left: auto;	
  background-position: 0 0;	/* GM */

}

/*
-----------------------------------*/

#menuSKarrow li li a.active
{
   border-top: none;
   background: none;
   color: white;
   font-weight: bold;
}

#menuSKarrow li.level1
{
   background-color:  #0066CC; /*  #0083c6; */ 
   color: White;
}

#menuSKarrow li.level1-active
{
}

#menuSKarrow li.levelhavechild
{
   background: url( arrow12.gif) no-repeat 95% 50%;
   border-bottom: 1px solid #40A2D4;
}

#menuSKarrow li.levelhavechild-active
{
}

/* hover li with sub
   change arrow7.jpg to arrow12.gif
   bgcolor = #e0ffff
*/
#menuSKarrow li.levelhavechild:hover
{
   background: url( arrow12.gif) no-repeat 95% 50% #da934d !important;
}

/* hover or active level 1
   bground = topbg_green1.gif	
   backcolor = #FFFFFF
*/
#menuSKarrow li:hover, #menuSKarrow li.sfhover, #menuSKarrow li.level1sfhover, #menuSKarrow li.level1-activesfhover
{
   background-color: #0097fe;
}

/* hover li no sub
   backcolor = #e0ffff
*/
#menuSKarrow ul li:hover, #menuSKarrow ul ul li:hover, #menuSKarrow ul ul ul li.hover #menuSKarrow ul li.sfhover, #menuSKarrow ul ul li.sfhover, #menuSKarrow ul ul ul li.sfhover
{
   background-color: #0097fe;
   color: white;
}

