@charset "utf-8";
/* CSS Document */

/* List TopNav Multimenu start*/

/* Colors used:
   bottom border mainmenu div and 
   partial border around horizontal links buttons and
   #AFB6D0 = light blue grey 

   bottom border of dropdown
   #707586 = dark blue grey

   background of horizontal links buttons
   #888C99 = medium blue grey

   background of hover and selected horizontal links buttons
   #d6ecb9 = light green

   partial border around horizontal links buttons and
   font color of selected horizontal links
   #333333 = dark grey 

   level 1 & 2 dropdown background color
   #e6f0d2 = lighter light green

   level 1 & 2 dropdown link color
   #364061 = medium blue

   Level 1 dropdown hover and selected link color
   #ff6600 = orange

   level 1 & 2 dropdown background color
   #BFE699 darker light green

   level 2 dropdown hover & selected background color
   #dadde9 = lighter light blue

   */


div#mainmenu {
   height: 3em; 
 /* border-bottom: 3px solid #AFB6D0;*/
   } 

#nav {
   list-style: none;
   position: relative;
   width: 750px !important; 
   width: 700px; 
   margin: 0px 30px 0px 0px !important;
   margin: 0px 0px 0px 0px;
   font-size: 1em;
   z-index: 1001;
   }


#nav ul {
   list-style: none;
   display: none;
   position: absolute;
   overflow: visible;
   /*border-bottom: 3px solid #707586;*/
   }


#nav li {
   display: block;
/*   width: 90px; */
   position: relative;
   margin: 0px 0px 0px 0px !important; 
   margin: 0px 0px 0px 0px;
   padding-bottom: 0px !important;
   padding: 0;
   float: left;
   }
  #nav li a {
	display: block;
	background-color: #888C99;
	color: #D6EFB5;
	font-weight: bold;
	text-decoration: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #989898;  /* border: solid 2px; 
   border-color: #AFB6D0 #333333 #333333 #AFB6D0; */
   }
  #nav li a:hover {
   background-color: #d6ecb9;
   color: #333333;
   /*border: solid 2px; 
   border-color: #333333 #AFB6D0 #AFB6D0 #333333;*/
   }
   #nav li.sel A {
   background-color: #d6ecb9;
   color: #333333;
   }
   #nav li.sel A:hover {
   background-color: #d6ecb9;
   color: #ff6600;
   }


/* 1st dropdown level */
   #level1 {
   display: block;
   left: -18px;
   }
   #level1 UL {
	position: absolute;
	overflow: visible;
	border-bottom: 3px solid #707586;
   }
   #level1 li {
   display: block;
   margin: 0 !important; 
   margin: 0;
   padding: -0 0 !important;
   font-size: 1em; 
   }
   #level1 li A {
   display: block;
   width: 150px; 
   background: #a1a0a0;
   padding: 1px 3px;
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   color: #ffffff;
   margin: 0; 
   border: 0;    }
   #level1 li A:hover {
	display: block;
	color: #FFFFFF;
	background-color: #0074af;
	border: 0;
   }
   #level1 li.sel A {
   background-color: #BFE699;
   color: #364061;
   }
   #level1 li.sel A:hover {
   background-color: #BFE699;
   color: #ff6600;
   } 

/* all see this */
   #nav ul ul, #nav ul ul ul {
   display: none;
   position: absolute;
   width: 150px;
   top: 0;
   }
   /* non-IE bowsers see this */
   #nav ul li>ul, #nav ul ul li>ul {
   margin-top: 0;
   }
   #nav LI:hover UL UL, #nav LI:hover UL UL UL{
   display: none;
   }
   #nav LI:hover UL {
   display: block;
   }
   #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
   display: block;
   }
   li>ul {
   top: auto:
   }
   UNKNOWN {
   margin-top: 0;
   left: auto; 
   top: auto;
   }

/* List TopNav Multimenu end*/