@media only screen and (min-width:1024px) {

    /*
              navmenu.css - navigation menus CSS
	      $Id: navmenu.css,v 1.8 2005/05/11 19:03:13 ashaffer Exp $
	              $Revision: 1.8 $
		      */

    /* NAVMENU STUFF */

    /* Default set the margins and padding to zero. */

    .navmenu * {
	margin: 0px;
	padding: 0px;
	}

    /* The div */

    .navmenu {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #C8E168;
	}

    /* Block display the top-level menu. */

    ul.vmenu {
	list-style: none;
	}

    /* Block display the individual list items. */

    ul.vmenu li {
	text-align: right;
	cursor: pointer;
	font-weight: normal;
	font-size: 18px;
	border: 1px solid #C8E168;
	border-width: 1px 0px 0px 0px;

	/* Need to set these so that the flyouts are positioned correctly */
	width: 100%;
	position: relative;

	display: block;
	/* I wish we could put these in the links rather than the enclosing li */
	/* but when we position: block the anchor tags inside the li tags */
	/* we get an extra 4px something below each one. */
	/* If we set a width on the anchor, this goes away, but when the flyouts */
	/* happen, it comes back.  Stabbity stabbity. */
	   /* padding-top: 8px;
	      padding-bottom: 8px; */
	}

    ul.vmenu li.topopen {
	border-top-width: 0px;
	}

    ul.vmenu li.bottomclosed {
	border-bottom-width: 1px;
	}

    ul.vmenu a {
	text-decoration: none;
	}

    /* Turn off the border on the dictionaries menu item - the top of the
       sidebar has the border */

    #menu_dictionaries {
	border-top: none;
	}

    /* turn off the top border for each of the second-level menu items.
       (They inherit the border from the "ul li" rule) */

    ul.vmenu ul li {
	margin: 0px;
	padding: 0px;
	border-top: none;
	color: white;
	display: inline;
	}

    ul.vmenu ul {
	border: 1px solid #C8E168;
	}

    ul.vmenu li a,
    ul.vmenu li span
    {
	display: block;
	}

    ul.vmenu li a,
    ul.vmenu li span {
	width: 150px;
	font-size: smaller;
	padding: 8px 10px 8px 0px;
	}

    ul.vmenu ul span,
    ul.vmenu ul a {
	display: inline;
	padding: 0px;
	width: auto;
	}

    ul.vmenu ul a {
	width: auto;
	display: inline;
	}

    /* Resize the link inside the span for the categories. */

    ul.vmenu ul span a {
	font-size: larger;
	}

    ul.vmenu li h2 {
	font-size: 18px;
	display: inline;
	position: relative;
	}

    /* The flyout menus. */

    ul.vmenu ul {
	background-color:  #813B32;
	position: absolute;
	left: 161px; /* Flyout menu position from the left side of the main menu */
	top: -1px; /* Compensate for the border */
	z-index: 500;
	margin: 0px;
	}

    /* Second-level menu items. */

    ul.vmenu ul a,
    ul.vmenu ul span.category {
	background-color: #813B32;
	text-align: left;
	position: relative;
	left: 0px;
	margin: 0px;
	display: block;
	padding: 2% 2%;
	width: 96%;
	}

    li#categories ul {
	top: -600%;
	}

    li#categories span.category {
	width: auto;
	padding: 0px;
	display: block;
	text-align: right;
	clear: both;
	position: relative;
	font-size: small;
	}

    li#categories span.category a {
	font-size: small;
	width: 75%;
	display: block;
	float: left;
	padding-left: 3px;
	padding: 3px 0px 3px 3px;
	}

    ul.vmenu li ul {
	width: 220px;
	}

    ul.vmenu li       ul { display: none; }
    ul.vmenu li:hover ul,
    ul.vmenu li.over  ul { display: block; } /* The magic */

    /*.navmenu ul li a:hover { color: #C8E168; background: #55281E; }*/ /* Hover Styles */

    ul.vmenu li:hover,
    ul.vmenu ul a:hover, /* So the second-level links highlight in firefox. */
    ul.vmenu li.over {
	background: #55281E;
	}

    /* Override brokenness. */
    #sidebar {
	  text-align: left;
	  }

    /* END NAVMENU STUFF */

    }