/* #e7ae4a: dark yellow; */
    /* #00417b: dark blue; */
    /* #f7d7ad: dark-peach; */
    /* #ffefde: light-peach; */


    body, ul {
            margin: 0;
            padding: 0;
    }

    ul {
            margin-left: 15px;
            padding-left: 15px;
    }

    body {
            width: 100%;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt;
            color: #464649;            /* grey
            background-color: #ffebd6; /* peach
    }

    p    {
            margin:20px;
            width:700px;
    }

    .pageint {
            background-color:#fff;
            margin:20px;
            width:700px;
    }

    .pagehome {
            background-color:#73aad6;
    }

    a:visited {
            /*      This should be uncommented when you're ready to build real pages.
            color: #a3c4da;
            */
    }


    #second_menu_bar {
            position: relative;
            xmargin-top: 30px;
            xmargin-left: 272px;
            z-index: 50;
    }
    #second_menu_bar ul {
            float:right;
            margin-top: 7px;
            margin-left: 8px;
            padding-bottom: 0px;
            padding: 0;
            list-style: none;
    }

    #second_menu_bar li {
            float: left;
            font-size: 9pt;
            font-weight: bold;
    }

    #second_menu_bar li a {
            display: block;
            text-decoration: none !important;
            padding-bottom: 5px;
    }

    #second_menu_bar li a:hover {
            text-decoration: none !important;
    }

    #second_menu_bar li a span span{
            display: block !important;
            color: #e0e3ec;
            background-color: #00457b !important;

            padding-bottom: 0px !important;
            padding-top: 5px !important;
            padding-left: 13px !important;
            padding-right: 13px !important;

            text-transform: uppercase;
			white-space: nowrap;
            xborder-left: 1px #fff solid ;
    }

    #second_menu_bar li a span {
            display: block;
            background-color: #00457b !important;
            padding-bottom: 4px;
    }

    #second_menu_bar li.first span {
            padding-left: 13px !important;
            border: 0 none !important;
    }

    #second_menu_bar a.dropdown_arrow {
            background-image: url('../images/dropdown-arrow.gif');
            background-repeat: no-repeat;
            background-position: right center;
    }



    /* menu markup */
    .shadow_bottom {
            margin: 0;
            padding: 0px;
            position: absolute;
            width: 178px;
            background-image: url("../images/menu_shadow_bottom.png");
            background-position: bottom;
            background-repeat: no-repeat;
    }

    .shadow_sides {
            margin: 0;
            margin-bottom: 13px;
            width: 178px;
            background-image:url("../images/menu_shadow_sides.png");
            background-repeat: repeat-y;
            background-position: right;
    }

    .menu   {
            position: absolute;
            text-transform: Capitalize !important;
            margin: 0 !important;
            padding: 0;
            width: 166px !important;
            margin-bottom: 9px;
            margin-right: 7px;
            border: 1px solid #999;
            background-color: #f7d7ad; !Formerly #ccc
            list-style: none;

            /*
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
            opacity:.90;
            filter: alpha(opacity=90);
            -moz-opacity: 0.90;
            */
    }

    .shadow_submenu, ul.submenu {
            position: absolute !important;
            margin-left: -166px !important;
    }

    /************************************/
    /* these menus (and associated shadows) will now show up on the left side of the parent menu */
    /************************************/
    .menu ul.submenu {
            margin-left: -166px !important;
            xbackground-color: #f7d7ad; !Formerly #ccc

            xbackground-color:transparent;

            opacity:.90;
            -moz-opacity: 0.90;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);

    }

    .menu .submenu a:hover {
            background-color: #fff !important;
            xtext-decoration: none !important;

    }
    /************************************/
    /************************************/
    /************************************/

    .menu li {
            width: 166px;
            font-weight: bold !important;
    }

    .menu a {
            margin: 0;
            color: #00457b;
            padding: 4px !important;
            padding-left: 7px !important;
            display: block !important;
            font-weight: bold !important;

    }

    .menu a:hover {
            background-color: #fff !important;
            xtext-decoration: none !important;
    }

    .menu a:visited {
            color: #00457b;
    }

    #second_menu_bar #a.top_menu:hover {
            background-color: #f0d29e !important;
    }

    #invisibleLyr {
            position: absolute;
            left: 0;
            top: 57px;
    }

    td.footer   {
           color:#00417b;
           font-size:8pt;
           font-weight: bold;
           background-color:#f0d29e;
           line-height:25px;
           border:0 none;
    }
    td.footer a {
           color: #00417b;
           padding: 4px !important;
           padding-left: 10px !important;
           padding-right: 10px !important;
           text-decoration: none !important;
    }

    td.footer a:hover {
           background-color: #e7ae4a !important;
           text-decoration: none !important;
    }

    /* specify menu custom properties here */

    /* these menus (and associated shadows) will now show up on the left side of the parent menu */
      #AdministrativeBoards, #AdministrativeBoards_shadow
    , #MusicActivities, #MusicActivities_shadow
    , #OtherActivities, #OtherActivities_shadow
    , #SportsActivities, #SportsActivities_shadow {
            xmargin-left: -168px !important;

    }