#primaryNav {
   margin: 0px 4px 0px 13px;
   padding: 0px 0px 0px 0px;
   }

/* here we set the default display for the lists/nested lists */
#primaryNav ul {
   margin: 0px 0px 0px 5px;
   padding: 0px 0px 0px 0px;
   list-style: none;
   width: 153px;
     
   }
   
#primaryNav ul ul {
   display: none;
   position: absolute;
   width: 140px;
   border-bottom: 1px solid #ccc;
   background-color:#00CCFF;
   top: -1px;
   left: 145px
     }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul { top: -1px; left: 145px; width: 140px;}
   /* End */
   
   
#primaryNav ul ul ul {
   display: none;
   position: absolute;
   left: 149px;
   top: 2px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul ul { left: 149px; top: 2px; }
   /* End */

/* here we set the default display for the list items/nested list items */
#primaryNav ul li {
 position: relative;
/*  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; */
border: 1px solid #B7D796;
 /*  -moz-border-radius: 1em;
  border-radius: 1em; */ 
 background: url("http://gwinnett.mooreascience.org/interface/leftmenu-single-bg.gif") top left no-repeat; 
   }
   
   
  
#primaryNav ul li ul li{
 position: relative;
background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;
border: 1px solid #B7D796;

   }

#primaryNav ul li ul li a {
 display: block;
   text-decoration: none;
   font-weight: 500;
   color: #476726;
   font-family: Century Gothic;
	font-size: 11px;
	/* background: #DADADA; /* IE6 Bug */
   padding: 2px;
   border: 0px;
   border-bottom: 0;
   }

   

#primaryNav ul li li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #ccc;
   border-bottom: 0px;
   float: none;
   display: block;
   font-weight: normal;
   }

/* here we set the default display state for the links */
#primaryNav ul li a {
 display: block;
   text-decoration: none;
   font-weight: 500;
   color: #476726;
   font-family: Century Gothic;
	font-size: 11px;
	/* background: #DADADA; /* IE6 Bug */
   padding: 2px;
   border: 0px;
   border-bottom: 0;
   }
   
#primaryNav ul li li a {
   padding: 5px 10px 5px 10px;
   display: block;
   width: 170px;
   }

   /* Fix IE. Hide from IE Mac
   * html #primaryNav ul li { height: 1%; }
   * html #primaryNav ul li ul li { height: 1%; }
   * html #primaryNav ul li a { height: 1%; }
    * html #primaryNav ul li ul li a { height: 1%; }
   End */
   

/* here we set the ACTIVE class for ON menus, first for cascade */
#primaryNav ul.itemOff { color: #ffffff; /*color: #FF3300;*/ }

/* DEFINE DEFAULT LI/A APPEARANCE */
/* here we set the standard LI states - controls bg color */
#primaryNav ul li { background-color: transparent; color: #666666; }
#primaryNav ul li li { background-color: #efefef; color: #777; }
#primaryNav ul li li li { background-color: #ffffff; color: #777; }
#primaryNav ul li li li li { background-color: #f9f9f9; color: #777; }

/* here we set the standard A states - controls text color */
#primaryNav ul li a { color: inherit; }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li a { color: #666666; }
   * html #primaryNav ul li li a { color: #777; }
   /* End */

/* DEFINE DEFAULT LI/A HOVER/ON APPEARANCE */
/* here we set the hover and "in" styles for elements */
   /* L1 on states */
#primaryNav li:hover, #primaryNav li.sfhover a { color: #ffffff;  padding: 2px;
   border: 0px;  border-bottom: 0; }
   /* L1 off states - for children */
#primaryNav li:hover li, #primaryNav li.sfhover li a { color: #fff; }

   /* L2 on states */
#primaryNav li li:hover, #primaryNav li li.sfhover a { color: #FF3300; }
   /* L2 off states - for children */
#primaryNav li li:hover li, #primaryNav li li.sfhover li a { color: #777; }

   /* L3 on states */
#primaryNav li li li:hover, #primaryNav li li li.sfhover a { color: #FF3300; }
   /* L3 off states - for children */
#primaryNav li li li:hover li, #primaryNav li li li.sfhover li a { color: #777; }

   /* global states - bg colors */
#primaryNav li li:hover, #primaryNav li li.sfhover, #primaryNav li li li:hover, #primaryNav li li li.sfhover {
   background-color: #f9f9f9;
   }

/* DEFINE MENU APPEARANCE BEHAVIORS */
/* here we set the reveal/hide chains for the fly-out */
#primaryNav li:hover ul ul, #primaryNav li:hover ul ul ul {
   display: none;
   }
   
#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul {
   display: block;
   }

#primaryNav li.sfhover ul ul, #primaryNav li.sfhover ul ul ul, #primaryNav li li.sfhover ul ul {
   display: none;
   }
   
#primaryNav li.sfhover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
   display: block;
   }