/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

==============================================================================*/

/*========================= TOP OF THE MENU CASCADE =========================*/
.cssmenu {
    position: relative; /* establish a menu-relative positioning context */
    top: -1px;
    float: left; /* play nicely with others */
    padding: 0;
    border: 0;
    height: 2em; /* the menu's overall height */
    background: #a8adb6;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 10px; /* this (and also below) sets the menu's font size */
    z-index: 2000;
    max-width: 986px;
    min-width: 986px;
    width: 986px;
    margin: 0 auto;
}

.cssmenu a:hover {
    text-decoration: none;
}

.cssmenu ul li {
    text-transform: uppercase;
    font-family: arial, helvetica, clean, sans-serif;
}

.cssmenu ul {
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none; /* we don't want to view the list as a list */
    line-height: 1.5em; /* globally set the menu's item spacing. note */
}

/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.cssmenu li {
    float: left; /* this creates the side-by-side array of top-level buttons */
    position: relative; /* create local positioning contexts for each button */
    margin: 0;
}

.cssmenu ul li table {
    margin: -1px 0; /* IE5 needs -1px top and bottom table margins */
    m\argin: 0; /* re-zero the table margins for everyone but IE5 */
    border-collapse: collapse; /* IE5 needs this for the sub-menus to work */
    font-size: 12px; /* this sets the base font size for our entire menu */
}

.rightmenu {
    position: relative; /* establish a local positioning context for YAH label */
    float: right; /* and right-align it at the top of our page */
}

.cssmenu table tr th {
    padding: 0;
}

.cssmenu table tr td {
    border-top: 0;
    border-right: 0;
    height: 0;
    padding: 0;
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.cssmenu ul li ul {
    display: none; /* initially hide the entire list hierarchy */
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.cssmenu ul li a,
    .cssmenu ul li a:visited {
/* unselected top-level menu items */
    line-height: 200%;
    display: block;
    float: left;
    text-decoration: none;
    height: 2em;
    padding: 0 8px;
    color: #ffffff;
    border-left: 1px solid #ffffff;
}

.cssmenu ul li:hover a,
    .cssmenu ul li a:hover {
    background-color: #1d8cca;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.cssmenu ul li ul li {
    width: 100%;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.cssmenu ul li:hover ul,
    .cssmenu ul li a:hover ul {
/* 2nd level drop-down box */
    display: block;
    position: absolute;
    margin: 0;
    top: 2em; /* place us just up underneath the top-level images */
    left: 1px; /* left-align our drop-down to the previous button border */
    height: auto; /* the drop-down height will be determiend by line count */
    width: 25em;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 10px; /* this (and also below) sets the menu's font size */
}

.cssmenu ul.rightmenu li:hover ul,
    .cssmenu ul.rightmenu li a:hover ul {
/* 2nd level neighborhood drop-down box */
    left: auto;
    right: 0; /* nudge the right menu right to line up under the border */
}

* html .cssmenu ul.rightmenu li a:hover ul {
/* IE5/6 needs a tweak here */
    right: -1px;
}

.cssmenu ul li:hover ul li a,
    .cssmenu ul li a:hover ul li a {
/* 2nd level unselected items */
    border: 0;
    margin: 0;
    padding: 0;
    height: auto;
    color: #444444; /* this sets the unselected drop-down text color */
    background: #f5f5f5; /* this sets the drop-down menu background color */
    width: 25em;
}

.cssmenu ul li:hover ul li:hover a,
    .cssmenu ul li a:hover ul li a:hover {
/* 2nd level selected item */
    color: #ffffff;
    background: #1d8cca;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.cssmenu ul li:hover ul li ul,
    .cssmenu ul li a:hover ul li a ul {
/* hide inactive 3rd-level menus */
    visibility: hidden;
}

.cssmenu ul li:hover ul li:hover ul,
    .cssmenu ul li a:hover ul li a:hover ul {
/* 3rd level drop-down box */
    visibility: visible;
    position: absolute;
    margin-top: -1px; /* bring the top edge of the 3rd level menu up one */
    top: 1px;
    left: 25em;
    width: 25em;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 10px; /* this (and also below) sets the menu's font size */
}

.cssmenu ul li:hover ul li:hover ul li a,
    .cssmenu ul li a:hover ul li a:hover ul li a {
/* 3rd level unselected items */
    width: 25em;
    background: #f5f5f5;
    color: #444444;
}

.cssmenu ul li:hover ul li:hover ul li a:hover,
    .cssmenu ul li a:hover ul li a:hover ul li a:hover {
/* level3 selected items */
    width: 25em;
    background: #1d8cca;
    color: #ffffff;
}