/* CSS Document */

/* Navigation */

#menu {
    position: relative;
    z-index: 2000;
    height: 42px;
    background: url(../images/menu.jpg) repeat-x;
    width: 961px;
	margin: 2px 0 0 0px;
}

/* Menu sprite code */
#menu a {
    display: block;
    height: 50px;
    background: url(../images/menu.jpg) no-repeat;
    text-indent: -3000px;
    }

a#menu_00 { width: 64px; background-position: 0px 0px; }
a#menu_00:hover {  background-position: 0px -50px; }

a#menu_01 { width: 107px; background-position: -64px 0px; }
a#menu_01:hover {  background-position: -64px -50px; }

a#menu_02 { width: 176px; background-position: -171px 0px;}
a#menu_02:hover {  background-position: -171px -50px; }

a#menu_03 { width: 172px; background-position: -347px 0px; }
a#menu_03:hover {  background-position: -347px -50px; }

a#menu_04 { width: 98px; background-position: -519px 0px; }
a#menu_04:hover {  background-position: -519px -50px; }

a#menu_05 { width: 117px; background-position: -617px 0px; }
a#menu_05:hover {  background-position: -617px -50px; }

a#menu_06 { width: 136px; background-position: -734px 0px; }
a#menu_06:hover {  background-position: -734px -50px; }

a#menu_07 { width: 91px; background-position: -870px 0px; }
a#menu_07:hover {  background-position: -870px -50px; }


/* Menu hover code */
#menu .menu_level_0 li {
	list-style: none;
    float: left;
    position: relative;
    margin: auto 0;
    }

#menu .menu_level_0 {
    /* 'Level 0' is the main menu that is always visible */
    display: block;
    }

#menu .menu_level_0 li:hover .menu_level_1 {
    /* Show 'Level 1' menu when an <li> nested in 'Level 0' is hovered over */
     display: block;
    }

#menu .menu_level_1 {
    /* 'Level 1' is nested in 'Level 0' and is the first set of drop down or fly out menus. Should not be visible by default */
    display: none;
    position: absolute;
    top: 49px;
    width: 170px;
    z-index: 2000;
    border: 1px solid #cacaca;
	background: url(../images/hover-bg.png) repeat;
    }

/* The flyout menu for the first menu item needs to be over to the right a little bit due to the extra graphic on the far left */
#menu .menu_level_1.first {
    left: 0px;
    }

#menu .menu_level_1 a {
    /* These will globally style all <a> tags nested under 'Level 1' including any subsequent levels */
    display: block;
    width: 155px;
    
    /* Unset global menu styles */
    text-indent: 0px;
    float: none;
    height: auto;
    
    /* Customize Appearance */
    text-decoration: none;
    font-size: 1em;
    padding: 5px 5px 5px 12px;
    z-index: 2002;
	background: url(../images/menu-seperator.png) no-repeat center bottom;
}

#menu .menu_level_1 a:hover {
    color:#0055A5;
    text-decoration: none;
    filter: alpha(opacity=99);
    opacity: .99;
    }

#menu .menu_level_1 a:visited, #menu .menu_level_1 a:visited {
    text-decoration: none;
    color: #0055A5;
    }