﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

/*********************** MENU HORIZONTAL  *******************/

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. height: 3em; */

#top .menubg .SampleMenu
{
    font-size:small;
    font-family: Tahoma;
    position:relative;
    width: 100%;
    text-align:center;
    padding-top:0px;
    position:relative;
    display: block;
    
}

#top .menubg .SampleMenuF
{
    text-align:-moz-center;
    font-size:small;
    font-family: Tahoma;
    position:relative;
    width: 100%;
    padding-top:0px;
    position:relative;
    top:-15px;
    left:0px;
    display: block;
}

.MenuPie
{
    
    font-size:small;
    font-family: Tahoma;
    position:relative;
    width: 100%;
    text-align:center;
    
}

.MenuPie
{
    text-align:-moz-center;

}

.MenuPie a, .MenuPie a:visited, .MenuPie a:hover
{
    color:#0066FF;
}


/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.SampleMenu .Menu-Skin-Horizontal, .SampleMenuF .Menu-Skin-Horizontal
{
    position:relative;
    background:#7795BD url(img/bg_menu.gif) repeat-x;
    text-align:center;
    top: 0px;
    padding-top:0px;
    margin-top:0px;
    padding-left:0px;
    margin-left:0px;
    /*width: 45em; */
}

.SampleMenu .Menu-Skin-Horizontal, .SampleMenuF .Menu-Skin-Horizontal
{
/*    position:relative;*/
    /*background:#7795BD url(img/bg_menu.gif) repeat-x;*/


    text-align:-moz-center;
    /*
    padding-left:0px;
    margin-left:0px;*/
    /*width: 45em; */
}

.SampleMenu .Menu-Skin-StaticItem, .SampleMenuF .Menu-Skin-StaticItem
{
    background:#7795BD url(img/bg_menu.gif) repeat-x;
    font-size: 12px;
    color:#FFCC00;
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-weight:bold;
}

.SampleMenu .Menu-Skin-DynamicHover, .SampleMenuF .Menu-Skin-DynamicHover
{
    /*background:#7795BD;*/
    
    background:navy;
    color:Yellow;
    font-weight:bold;
    font-size: 13px;  
}
