/* CSS Document */

 /*========================= TOP OF THE MENU CASCADE =========================*/

#menu
{
    padding: 0px;
    position: relative; /* establish a menu-relative positioning context */
    margin: 0px;
    border: none;
    height: 20px; /* the menu's overall height */
    /* when solutions is done change width to 570px*/
    width: 483px; /* we always want our menu to fill the available space */
    font-size: x-small; /* this (and also below) sets the menu's font size */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: #333;
    float: right;
    display: inline;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#menu ul {
	padding:0;
	margin:0;
	border:none;
	/*background:url(../images/nav-back.jpg);*/
	list-style-image:none;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.0em;            /*globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

#menu ul 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;
    border-right: 1px solid #525252;
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

#menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	border-style: outset;
    border-width: 1px;
    border-color: #353531;
}

#menu ul li a, #menu ul li a:visited
{
    /* unselected top-level menu items */
    display: block;
    float: left; 
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

#menu ul li:hover a,
#menu ul li a:hover {                        /* selected top-level menu items */
	 /* these 2 lines create the push-in illusion */
	background-color: #B27C3D;
    color: #484848;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#menu ul li:hover ul, #menu ul li a:hover ul
{
    /* 2nd level drop-down box */
    display: block;
    margin: 0;
    top: 20px; /* place us just up underneath the top-level images */
    left: 0px; /* left-align our drop-down to the previous button border */ /* this sets the unselected-text color */
    background: #484848; /* this sets our menu's effective "border" color */
    width: 158px;
    position: absolute;
    text-transform: none;
    border: none;
    z-index:50;
}

#menu ul li:hover ul li a, #menu ul li a:hover ul li a
{
    /* 2nd level unselected items */
    border: 1 solid #c0c0c0;
    margin: 0;
    margin-left: 3px;
    padding: 0;
    height: auto;
    line-height: 10px;
    color: #484848; /* this sets the unselected drop-down text color */
    background: #c0c0c0; /* this sets the drop-down menu background color */
    width: 150px;
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: x-small;
    font-weight: bold;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    z-index:50;
}

#menu ul li:hover ul li:hover a, #menu ul li a:hover ul li a:hover
{
    /* 2nd level selected item */
    border: 1px solid #b27c3d;
    background: #B27C3D;
    margin: 0;
    margin-left: 2px;
    color: #FFFFFF;
    width: 150px;
    z-index:50;
}

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

#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
    z-index:50;
}
     
#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul
{
    /* 3rd level drop-down box */
    visibility: visible;
    margin-top: 0px; /* bring the top edge of the 3rd level menu up one */
    top: 0;
    width: 150px;
    z-index:50;
    left: 158px;
}

#menu ul li:hover ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover ul li a:hover
{
    /* level3 selected items */
    width: 150px;
    background: white;
    z-index:50;
    color: #000000;
}

/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */

/* Components override 

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-vertical *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

*/