*
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px Arial, Helvetica, sans-serif;
}
#page-wrap
{
    width: 800px;
    margin: 25px auto;
}
a
{
    text-decoration: none;
}
ul
{
    list-style: none;
}
p
{
    margin: 15px 0;
}

/* 
	LEVEL ONE
*/
ul.dropdown
{
    position: relative;
}
ul.dropdown li
{
    font-weight: bold;
    float: left;
    zoom: 1;
    background: url(../Images/blue.jpg) repeat-x;
    height: 24px;
}
ul.dropdown a:hover
{
    color: #fff;
}
ul.dropdown a:active
{
    color: #ffffff;
}
ul.dropdown li a
{
    display: block;
    padding: 5px 14px;
    border-right: 1px solid #289cce;
    color: #ffffff;
}
ul.dropdown li:last-child a
{
    border-right: none;
}
/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
    background: url(../Images/black.jpg) repeat-x;
    height: 24px;
    color: white;
    position: relative;
}

ul.dropdown li.hover a
{
    color: white;
}


/* 
	LEVEL TWO
*/
ul.dropdown ul
{
    width: 160px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}
ul.dropdown ul li
{
    font-weight: normal;
    background: #4f4f4e;
    color: #fff;
    border-bottom: 1px solid #aaaaaa;
    float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
    border-right: none;
    width: 100%;
    display: inline-block;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul
{
    left: 100%;
    top: 0;
}
ul.dropdown li:hover > ul
{
    visibility: visible;
}
.selected
{
    background: url(../Images/black.jpg) repeat-x;
    color: white;
    position:fixed relative;
    left: 0;
}