/* CSS DOCUMENT */
/* BASED ON: http://csscreator.com/node/24115 */

/* BEGIN MENU STYLES */
div#listmenu {
    width: 849px;  /* matches the top image*/
    height: 150px; /* matches the top image*/
    float: left;
    font-size: 0.7em;
    background-color: #FFF;
    font-family: "Trebuchet MS", "Arial sans-serif";
}
    
div#listmenu ul {
    margin-top: 0px;
    margin-right: 0;  
    margin-bottom: 0px;
    margin-left: 0px;
}
    
div#listmenu li {
    float:left;
    position: relative;
    list-style-type: none;
    background-color: #FFF;
 /* border-right: 1px solid #FFF; */
}

div#listmenu li:first-child {
 /* border-left: 1px solid #663300; */
}

div#listmenu li:hover {
    background-color: #fff;
    color: #663366;
}

div#listmenu a {
    display: block;
 /* padding: 1px 6px; */
    padding-top: 85px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 5px;
    text-decoration: none;
    color: #666;
    line-height: 2.5em;
    font-weight: bold;
}

div#listmenu a.logo {
    display: block;
 /* padding: 1px 6px; */
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 5px;
    text-decoration: none;
    color: #666;
    line-height: 2.5em;
    font-weight: bold;
}

div#listmenu li:first-child {
 /* border-left: 1px solid #FFF; */
}
/* END MENU STYLES */


/* BEGIN DROP-DOWN STYLES */
div#listmenu ul li ul {
    margin: 0; 
    z-index: 10;        /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
    position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
    width: 17em;        /* sets the width of the menu - in combo with the li's 100% width, makes the menu stack */
    border-right: 0;    /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
    left: -1px;         /* aligns the drop exactly under the menu */
    font-size: .9em;
}

div#listmenu ul li ul li:first-child {
 /* border-top: 1px solid #FFF; */
    }

div#listmenu ul li ul li {
    padding: 0;
    background-color: #FF6633;
    width: 100%;  /* makes the list items fill the list container (ul) */
 /* border-left,
    border-bottom,
    border-right:  1px solid #FFF; */
    }

div#listmenu ul li ul li a {
    padding: 1px .5em;
    color: #666;
    background-color: #E1D1E1;
    }

div#listmenu ul li ul { display: none;  }       /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul { display: block; } /* shows the drop-down when the menu is hovered */
/* END DROP-DOWN STYLES */


/* BEGIN CURRENT STATE */
div#listmenu ul li a:hover, #nav ul li a:focus {
    color: #663366;
    }
    
div#listmenu ul li a.current{
    color: #003366;
}
/* END CURRENT STATE */


/* BEGIN TOP AND BOTTOM RULES */
div#listmenu img.floatleft {
    float: left;
    margin-top: 0px;
    margin-right: 1em;
    margin-left: 20px;
    margin-bottom: 4px;
}
/* END TOP AND BOTTOM RULES */


/* BEGIN VISIBILITY RULES */
div#listmenu ul li ul li:hover ul { visibility: visible; } /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility: hidden; }
div#listmenu ul li ul li ul li:hover ul {visibility: visible; } /* same effect as display:block in this situation */

/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility: hidden; }
div#listmenu ul li ul li ul li ul li:hover ul {visibility: visible; } /* same effect as display:block in this situation */

/* pop-out starts here */
body div#listmenu ul li ul li ul {
    visibility: hidden; /* same effect as display:none in this situation */
    top: -1px;
    left: 10em;
}
/* END VISIBILITY RULES */


/* BEGIN HACK ZONE */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
    float:left;                    /* makes the ul wrap the li's */
    margin-left:10px;              /* IE doubles the given value above - why? */
 /* border-left:1px solid #FFF; */ /* adds the rightmost menu vertical line to the ul */
}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#listmenu ul li ul {
 /* border-top:1px solid #FFF; */
 /* border-left:0px; */            /* stops the drop inheriting the ul border */
}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html div#listmenu ul li ul li ul {
    left: 9.85em;
    voice-family: "\"}\"";
    voice-family: inherit;
    left: 10em;
}

/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
    left: 10em;
}

/* BEGIN OPERA-ONLY HACK */
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
    @media all and (min-width: 0px)  {
    body div#listmenu ul li ul       { padding-bottom: 100px; }
    body div#listmenu ul li ul li ul { padding-bottom:  22px; }
    ul li ul li ul li ul li:hover    { visibility: visible;   }  /* same effect as display:block in this situation */
}
/* END OF OPERA-ONLY HACK */

/* END HACK ZONE */

.menuitem