/* CSS by Carey Best 2007 - www.stubbystudios.com */
  
#navigation{
    float:left;
    position:relative;
    z-index:1500;
    margin-bottom:4px;
    padding-left:7px;
    width:750px;
    height:24px;
    background:url(images/navbg.gif) left bottom repeat-x #542373;
    list-style:none;
    text-align:center;
    font-size:15px;
}

#navigation li{
    float:left;
    height:23px;
    padding: 1px 0;
    margin-top: -1px;
}

#navigation li a{
    float:left;
    color:#fff;
    padding:0 8px;
    display:inline;
}

#navigation li:hover{
    background:url(images/hoverArrow.gif) bottom center no-repeat #542373;
}

#navigation li a:hover{
    text-decoration:none;
    color:#ff9400;
}

/* =======================================
  Styles for Foster Care drop down menu 
======================================= */

#navigation li ul{
    display:none;
}

#navigation li.activeLink ul{
    /* Forces drop down navigation to display inline in IE6 */
    top:29px;
    left:0;
    width:490px;
}

#navigation li:hover ul{
    /* creates hover drop down for nav elements preceding the active nav in the DOM */
    position:absolute;
    top:25px;
    left:250px;
    z-index:1300;
    display:inline;
    list-style:none;
    background:url(images/dropdownNavBG.gif) top left repeat-x transparent;
    height:100px;
}

#navigation li:hover .howToHelpNav,
#navigation li.activeLink .howToHelpNav{
    left:1px;
    width:auto;
}

.xmasWish{
    background:green;
}

.xmasWish:hover{
    background:url(images/xmasWishBG.gif) top left repeat-x transparent !important;
}

.xmasWish a:hover, .activeLink .xmasWish a:hover{
    color:#fff !important;
}

#navigation li li{
    float:left;
    height:26px;
}

#navigation li li:hover{
    background:#FFC800;
}

#navigation li li a:hover{
    color:#542373;
    text-decoration:underline;
}

#navigation li li a{
    width:auto !important;
    background:none !important;
}

/* Active link display styles */
.activeLink{
    background:url(images/menuActivebg.gif) left bottom repeat-x #ff9400;
}

.activeLink ul li a:hover{
    color:#542373 !important;
    text-decoration:none !important;
}

.activeSubLink a{
    color:#fff !important;
    text-decoration:underline;
}

#navigation li.activeLink ul{
    position:absolute;
    top:25px;
    left:225px;
    z-index:1200;
    display:inline;
    list-style:none;
    background:#ff9400;
    height:27px;
}