.foofoo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}

ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}

/* End Menu*/


/*Menu Change Often*/

/* 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. */
.ChurchMenu .AspNet-Menu-Vertical
{
    position:relative;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.ChurchMenu ul.AspNet-Menu, 
.ChurchMenu ul.AspNet-Menu ul
{
    width: 180px;
    font-family: Georgia, Sans-Serif;
    font-size: 130%;
    border:solid 0px #000;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. 
.ChurchMenu ul.AspNet-Menu ul
{
    left: 128px;
    top: 30px;
    background:#FFF;
}*/

/* 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. */
.ChurchMenu ul.AspNet-Menu li
{
   /* background: url(../images/bg-menu-example.png) repeat-x;*/
   background: url(../PersistantImage.ashx?key=BGCross);
   background-repeat:no-repeat;
   background-position:0% 50%
   
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.ChurchMenu ul.AspNet-Menu li a,
.ChurchMenu ul.AspNet-Menu li span
{
    color:#4b4b4a;
    padding:4px 2px 4px 20px;
    line-height:25px;
    /*border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;   
border-bottom: solid 1px #D2D2D2;
  /*  border-left: solid 1px #E7E7E7;*/
    /*background: transparent url(../images/arrowdown.gif) right center no-repeat;
    background: transparent url(../PersistantImage.ashx?key=ArrowVert) right center no-repeat;*/
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.ChurchMenu ul.AspNet-Menu li:hover, 
.ChurchMenu ul.AspNet-Menu li.AspNet-Menu-Hover,
.ChurchMenu ul.AspNet-Menu li:hover a:hover
{
    /*background: url(../images/bg-menu-example-over.png) repeat-x;*/
    background: url(../PersistantImage.ashx?key=BGCrossOver);
    background-repeat:no-repeat;
    background-position:0% 50%;
    color:#931f20;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
/*.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover, */
.AspNet-Menu-Link a:hover
{
    color:#931f20;
  /*  background: transparent url(../images/arrow-active.png) right center no-repeat;
    background: transparent url(../PersistantImage.ashx?key=ArrowVertOver) right center no-repeat;
*/
}

ul li.AspNet-Menu-WithChildren ul
{
margin-left:168px;
margin-top:-33px !important;
border:solid 1px #bab085 !important;
background-color:#f6efd6;
}

ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf
{

background: url(../PersistantImage.ashx?key=BGSubNav);
background-position:0% 50%;
background-repeat:no-repeat;
font-family: Georgia, Sans-Serif;
font-size: 80%;
}


ul li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf .AspNet-Menu-Link
{
background: url(../PersistantImage.ashx?key=BGSubNav) !important;
background-position:0% 50% !important;
background-repeat:no-repeat !important;
line-height:20px !important;
}


li.AspNet-Menu-WithChildren ul  li.AspNet-Menu-WithChildren

{
    font-size:12px !important;
}

.ChurchMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren,
.ChurchMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren a:hover
{
background: url(../PersistantImage.ashx?key=BGSubNav) !important;
background-position:0% 50% !important;
background-repeat:no-repeat !important;
}