/********* MAIN NAVIGATION **********/

/* Note: colors are set in Config Settings. You can set the colors there, or
   you can replace the <w:data ... > text with color values here             */

/* This CSS drop-down menu is adapted from the "Son of Suckerfish" menu originally
   published at http://htmldog.com/articles/suckerfish/dropdowns/            */

/* Note that for the drop-downs to work in IE there is also a small bit of
   JavaScript required, which is in menu.js                                  */

/* If you make changes, be sure to check across the entire browser matrix of
   interest. A much simpler version works fine in Firefox but various browsers
   have issues if some of the CSS is simplified                              */

#linkContainer {  /* wrapper for entire navigation bar */
    float:left;
    padding: 0;
    margin: 0 0 0 122px;
    /* zoom: 1;   to make IE behave */
  /* for IE, z-index has to increase for each containing element so menus stay on top */
  z-index:2010;
    position:relative;
    top: -27px;
}

#linkContainer_bottom {
    float:left;
    padding: 0 0 10px 0;
    margin: 0;
    /* zoom: 1;   to make IE behave */
  /* for IE, z-index has to increase for each containing element so menus stay on top */
  z-index:2010;
    position:relative;
}
#nav, #nav ul {  /* top-level navigation unordered list */
    list-style-type:none;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #FEFC81;
    float: left;
    list-style: none;
    z-index:2009;
    width: 100%;
    zoom: 1;  /* to make IE behave */
    position:relative;
}
#nav li {  /* top-level navigation list items */
    display:inline;
    float:left;
    margin: 0 5px;
    list-style: none;
    line-height: 1.2em;
    z-index:2008;
    padding: 0;
}
#nav a {  /* top-level navigation links */
    display:block;
    font-size: 12px;
    padding: 4px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #FFC115;
    background-color:#00A9AC;
    z-index:2007;
}
#nav li.selected a {  /* color to highlight nav for current page */
    background-color: #00A9AC;
    color: #FFC115;
    z-index:2006;
}
#nav a:hover {   /* color for nav hover */
    background-color: #005F9D;
    color: #FEFC81;
    z-index:2006;
}

/******* Drop-Downs ********/

#nav li ul {  /* list that is the drop-down for each main menu item */
    position: absolute;
    width: 150px;  /* sets width of drop-down */
    left: -999em;  /* keep the drop-down offscreen until it is activated */
    padding:0;
    margin: 0;
    background-color: #00A9AC;
    z-index:2005;
    border-top: white 2px solid;
}
#nav li ul li {
  display:block;
  width: 150px;  /* sets width of drop-down */
  margin: 0;
  padding: 0;
  z-index:2004;
}
#nav li:hover ul, #nav .sfhover ul {  /* sfhover class is used by menu.js to make IE work */
  left: auto;   /* move the drop-down into position */
  z-index:2003;
}
#nav li ul li a {  /* primary styling for drop-down items */
    display:block;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    color: #F7C425;
    line-height: 16px;
    background-color: #00A9AC;
    margin: 0;
    z-index:2002;
}
#nav li ul li a:hover {
    background-color: #005E9C;
    color: #FEFC81;
    font-weight:bold;
    z-index:2002;
}