/* ######### Marker List Vertical Menu ######### */

.markermenu
{
    width: 220px; /*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: #FFFF8F;
   text-align :left ;
 
    color: #ff0000;
    margin: 0px;
    padding: 15px;
    text-decoration: none;
    border: 1px solid #7eb3e5;
   
      -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius:5px;
    
     
      transition:  background-color 0.4s ease 0s;
    -webkit-transition:  background-color 0.4s ease 0s;
}
.markermenu ul li:hover
{
    background-color: #993300;
    color: #999;
}

.markermenu ul li a
{
    
    color: #ff0000;
    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: #ff0000;
}

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




.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 a
{
    background: #F2F2F2 url('../Images/menubg.png') no-repeat center; /*light gray background*/
    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;
}





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

.markermenu1 ul li a:visited, .markermenu1 ul li a:active
{
    color: #000000;
}

.markermenu1 ul li a:hover, .markermenu1 ul li a.selected
{
    color: white;
    background: #F2F2F2 url('../Images/menuhover1.png') no-repeat center; /*light gray background*/
}

/* Marker Menu 3 */

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

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

.markermenu2 ul li a
{
    background: #990000 url('../Images/menubg1.png') repeat-x center; /*light gray background*/
    color: #0066CC;
    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 .markermenu2 ul li a
{
    /*IE6 hack*/
    width: 155px;
}

.markermenu2 ul li a:visited, .markermenu2 ul li a:active
{
    color: #0066CC;
}

.markermenu2 ul li a:hover, .markermenu2 ul li a.selected
{
    color: white;
    background: #F2F2F2 url('../Images/menubghover1.png') repeat-x center; /*light gray background*/
}















.blackwhite li a
{
    background: white;
}

.blackwhite li a:hover
{
    background: #2077b5;
    color: white;
}