/*TOP MENU*/

.mattblackmenu ul
{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    border-bottom: 1px solid gray;
    overflow: hidden;
    width: 100%;
}

.mattblackmenu li
{
    display: inline;
    margin: 0;
}

.mattblackmenu li a
{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: #333300;
    background: #BABC98;
    width: 138px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
    -webkit-transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
}

.mattblackmenu li a:visited
{
    color: #333300;
}

.mattblackmenu li a:hover
{
    background: #4E4F33;
    color: #FFFFFF;
}

.mattblackmenu a.selected
{
    background: #4E4F33;
    color: #FFFFFF; /*background of tab with "selected" class assigned to its LI */
}





/*SIDE MENU */

.markermenu
{
    width: 200px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul
{
    list-style-type: none;
    margin: 1px 0;
    padding: 0;
}

.markermenu ul li
{
    background-color: #BABC98;
    color: #663300;
    margin: 0px;
    padding: 3px;
    text-decoration: none;
    border: 1px solid #3f7f00;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-right-radius: 14px;
    border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -webkit-border-top-left-radius: 14px;
    border-top-left-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
    -moz-border-radius-bottomleft: 14px;
    -webkit-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
    transition: background-color 0.4s ease 0s;
    -webkit-transition: background-color 0.4s ease 0s;
}
.markermenu ul li:hover
{
    background-color: #515236;
    color: White;
  
}

.markermenu ul li a
{
    color: #000000;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none; /* border-bottom: 1px solid #B5B5B5;*/
    font: bold 9pt 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
    transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
    -webkit-transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
}





* html .markermenu ul li a
{
    /*IE6 hack*/
    width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active
{
    /*color: #0066CC;*/
    color: #000000;
}

.markermenu ul li a:hover, .markermenu ul li a.selected
{
    color: #ffffff;
}



/*SELECTED*/
.markermenu1
{
    width: 200px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu1 ul
{
    list-style-type: none;
    margin: 1px 0;
    padding: 0;
}

.markermenu1 ul li
{
    background-color: #545636;
    color: #663300;
    margin: 0px;
    padding: 3px;
    text-decoration: none;
    border: 1px solid #3f7f00;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-right-radius: 14px;
    border-top-right-radius: 14px;
    -moz-border-radius-topleft: 14px;
    -webkit-border-top-left-radius: 14px;
    border-top-left-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
    -moz-border-radius-bottomleft: 14px;
    -webkit-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.markermenu1 ul li:hover
{
    background-color: #515236;
    color: White;
}

.markermenu1 ul li a
{
    color: White;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none; /* border-bottom: 1px solid #B5B5B5;*/
    font: bold 9pt 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
}





* html .markermenu1 ul li a
{
    /*IE6 hack*/
    width: 155px;
}

.markermenu1 ul li a:visited, .markermenu1 ul li a:active
{
    /*color: #0066CC;*/
    color: #ffffff;
}

.markermenu1 ul li a:hover, .markermenu1 ul li a.selected
{
    color: #ffffff;
}



/**************SUBMENU*/

.ddsubmenustyle, .ddsubmenustyle div
{
    /*topmost and sub DIVs, respectively*/
    border-bottom-width: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    visibility: hidden;
    z-index: 100;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-right-radius: 14px;
    border-top-right-radius: 14px;
}

.ddsubmenustyle ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    -moz-border-radius-topright: 14px;
    -webkit-border-top-right-radius: 14px;
    border-top-right-radius: 14px;
}

.ddsubmenustyle li a
{
    display: block;
    width: 170px; /*width of menu (not including side paddings)*/
    color: #990000;
    background-color: #BABC98;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px solid black;
    font: bold 9pt 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
    border-bottom-color: #CCCCCC;
}

* html .ddsubmenustyle li
{
    /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover
{
    background-color: #990000;
    color: #ffffff;
}







.ddsubmenu
{
    display: block;
    width: 100%; /*width of menu (not including side paddings)*/
    color: #fff;
    background-color: #4E4F33;
    text-decoration: none;
    padding: 4px 5px;
    font: bold 9pt 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
    border-bottom-color: #CCCCCC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
}
.ddsubmenu table th
{
    font: bold 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #00F2F2;
}

.ddsubmenu table td a
{
    border-style: none;
    width: 90%; /*width of menu (not including side paddings)*/
    color: #fff;
    background-color: #4E4F33;
    text-decoration: none;
    padding: 4px 5px;
    font: bold 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
}

.ddsubmenu table td a:hover
{
    color: #f00;
    background-color: #4E4F33;
    text-decoration: none;
    padding: 4px 5px;
    font: bold 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
}

.whiteLink a
{
    color: #fff;
}



/* ######### Neutral CSS  ######### */

.downarrowpointer
{
    /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer
{
    /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim
{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}















.ddsubmenustyleblack
{
    /*topmost and sub DIVs, respectively*/
    border-bottom-width: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: #000000;
    color: #ffffff;
    z-index: 100;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.ddsubmenustyleblack a
{
    color: #990000;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px solid black;
    font: bold 9pt 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
    border-bottom-color: #CCCCCC;
}