﻿.bsksMenuF ul.AspNet-Menu-Horizontal
{
    position: relative;
    font-size: x-small; 
}


.bsksMenuF ul.AspNet-Menu, 
.bsksMenuF  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. */

.bsksMenuF  ul.AspNet-Menu li
{
    position: relative;
    font-family:verdana, arial,  helvetica;    
}


.bsksMenuF ul.AspNet-Menu li span
/*1st tier -span element (titles-ME/CFS and FM)*/
{
    padding: 4px 7px;
    margin: 0; 
    background-color:#C44430;
    font-weight:bold;
    text-align:center;
    color:white;
    font-size: 12px;
      
}

.bsksMenuF  ul.AspNet-Menu li a
/*second tier, highlights text (a)*/
{
    color:#FFFFFF;
    background-color:#666666;
    padding:4px 8px;
    text-align: center;
    font-size: 10px; 
}
/*second tier background area?, sets position for second tier*/
.bsksMenuF  ul.AspNet-Menu li ul
{
  color:white;
 }

.bsksMenuF ul.AspNet-Menu-NonLink
{
   
    
}

.bsksMenuF .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 980px;
}
.bsksMenuF .AspNet-Menu-Horizontal ul.AspNet-Menu li
/* background of entire menu*/
{
     }


.bsksMenuF .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. */
.bsksMenuF ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.bsksMenuF ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
 
    
}

