/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_up.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

a,a:hover,a:active,a:visited
{
    color: White;
}

#nav, 
#nav ul 
{
    padding:0; 
    margin:0; 
    list-style:none; 
    position:relative; 
    z-index:200;
    font-family: Verdana, sans-serif;
    background-image: url(/images/transparent.gif) repeat-x repeat-y;
}

#nav
{
    height: 18px;
}

#nav > li 
{
    height:16px;
    padding:0;
}

#nav li 
{
    float:left;
    position: relative;
    background-image: url(/images/transparent.gif) repeat-x repeat-y;
    text-align:left !important;
}
#nav li li 
{
    /* float: none; will not work in ie */
    float:none;
    background:url(/images/transparent2.png);
    border-bottom: 1px solid #666666;
    padding: 6px 6px 6px 25px;
    text-shadow: none;
    text-align:left !important;
}

/* a hack for IE5.x and IE6 */
* html #nav li li 
{
    float:left;
}

#nav li ul
{
    position:absolute;
}

#nav li a 
{
    display:block; 
    color:White; 
    font-weight:bold;
    padding:0 25px 0 10px; 
    text-decoration:none; 
    white-space:nowrap;
    font-size: 13px;
}

#nav li:hover 
{
    position:relative;
    z-index:300;
}

#nav li:hover a:hover
{
    /** included should be IE FILTER: however this creates stilted effects, so jquwery is used at the LI level to create the filter effect. */
    text-shadow: Red 1px 1px 8px, Red -1px -1px 8px, Red 2px 2px 3px, Red -2px -2px 3px;
    color: #4e0000;
}

#nav li:hover li:hover a:hover
{
    text-shadow: none;
    filter: none;
}

#nav li li a 
{
    color:#d7d6d6 !important;
    font-weight: normal;
    float:none;
}

#nav li:hover li:hover
{
    position:relative; 
    z-index:300;
    background:url(/images/transparent2.png) 0 -25px;
    text-shadow: none;
    filter: none;
}


#nav li:hover ul 
{
    left:0; 
    bottom:16px; 
    top:auto;
}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul 
{
    left:10px;
}

#nav ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px;
}

/* yet another hack for IE5.x and IE6 */
* html #nav ul 
{
    width:1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul 
{
    left:-15px; 
    margin-left:100%; 
    bottom:-7px; 
    top:auto;
}

/* keep further levels hidden */
#nav li:hover > ul ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:auto;
}

/* show path followed */
#nav li:hover > a 
{
    
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
    left:-15px; 
    margin-left:100%; 
    bottom:-7px; 
    top:auto;
}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
    position:absolute; 
    left:-9999px; 
    top:-9999px;
}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{
    
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{
    text-decoration:none; 
    color:White;
}


/*********** UI CSS to position specific menu items in a particular location on the page ************/
#nav li:hover.projects li
{
    left: -85px;
}
#nav li:hover.services li
{
    left: 0px;
}
/*********** UI CSS to position specific menu items in a particular location on the page ************/

.ie-top-level-hover
{
    FILTER: Glow(Color=#ff0000, Strength=4);
    color: #4e0000 !important;
}
.ie-li-top-level-hover
{
    color: #4e0000;
}