﻿.bsksMenu ul.AspNet-Menu-Horizontal
{
    position: relative;
    font-size: x-small; 
}


.bsksMenu ul.AspNet-Menu, 
.bsksMenu  ul.AspNet-Menu ul
{
    /*display block here puts menu's together in  a single block */
    display:block;
}


/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */

.bsksMenu  ul.AspNet-Menu li
{
    position: relative;
    font-family:arial, Verdana,  helvetica;   
}

.bsksMenu  ul.AspNet-Menu li span
/*1st tier -span element (titles-ME/CFS and FM)*/
{
    padding: 5px 10px;
    margin: 0 2px; 
    background-color:#6AA593;
    font-weight:bold;
    text-align:center;
    color:white;
    font-size:13px; 
}

.bsksMenu  ul.AspNet-Menu li a
/*second tier, highlights text (a)*/
{
    color:#FFFFFF;
    background-color: #485684;
    padding:5px 7px;
    text-align: center;
    font-size:12px;  
}
/*second tier background area?, sets position for second tier*/
.bsksMenu  ul.AspNet-Menu li ul
{
  color:white;
 }

.bsksMenu ul.AspNet-Menu-NonLink
{
   
    
}

.bsksMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 980px;
}
.bsksMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
/* background of entire menu*/
{
     }


.bsksMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li AspNet-Menu-NonLink"
{
    
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.bsksMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.bsksMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
 
    
}

