/* ----------------- wrapper div ----------------- */
#DynamicMenu
{
    position: relative;
    margin: auto;
    padding: 0 0 0 0px;
    width: 1000px;
    height: 35px;
    /*border-top: 2px solid #000E38;*/
    background-color: #E0DED1;
    text-align: left;
    z-index: 1000; 
    background: url(/images/NavigationBcK.jpg) top left repeat-x;
}

/* ----------------- main links ----------------- */
#DynamicMenu ul
{   
    padding-left: 0px;
    padding-right: 0px;
    font: normal 16px Helvetica;
    line-height: 35px;
    color: #042246;
    text-decoration: none;
    text-align: center;
    float: left;
    position: absolute;
}
#DynamicMenu ul li
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left; /* move all main list items into one row, by floating them */
    position: relative; /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 98; /* thus we need to apply explicit z-index here... */
}

#DynamicMenu ul li:hover
{
    z-index: 98; /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) 							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
    margin-top: 0;
    padding-top: 0;
}

#DynamicMenu ul a
{
    padding: 0 13px;
    text-decoration: none;
    color: #042246;
    display: block;
    position: relative;
    font-size: .8em;
    font-weight: bold;
    letter-spacing: -.05px;
}

#DynamicMenu ul a:hover, #DynamicMenu ul li:hover, #DynamicMenu ul li:hover a
{
    color: #152950;
    background: #fff;
}

/* ----------------- level 2 links ----------------- */
#DynamicMenu ul ul
{
    visibility: hidden; /* initially hide all submenus. */
    position: absolute;
    z-index: 100;
    left: 0; /* while hidden, always keep them at the top left corner, */
    top: 0; /* 		to avoid scrollbars as much as possible */
}
#DynamicMenu ul ul
{
    width: 210px;
    position: absolute;
    border-bottom: 5px solid #152950;
    line-height: 18px;
    display: block;
    text-align: left;
    background: #fff;
    z-index: 100;
    list-style-type: none;
    list-style-position: outside;
}
#DynamicMenu ul li:hover > ul
{
    visibility: visible; /* display submenu them on hover */
    top: 100%; /* 1st level go below their parent item */
}

#DynamicMenu ul ul li
{
    font: normal 16px Helvetica;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    text-align: left;
}
#DynamicMenu ul li li
{
    float: none; /* items of the nested menus are kept on separate lines */
}
#DynamicMenu ul li li a
{
    /* create borders around each item */
    width: 200px;
    display: block;
    color: #152950;
    background: #fff;
    text-indent: 0;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    font-size: .75em;
}
#DynamicMenu ul ul a:hover, #DynamicMenu ul ul li:hover > a
{
    background: #152950;
    color: #fff;
}






/* ----------------- level 3 links ----------------- */
#DynamicMenu ul li li:hover > ul
{
    /* inset 2nd+ submenus, to show off overlapping */ /* 	top: 5px; 	left: 90%;*/
    display: none;
    visibility: hidden;
}








/* -- float.clear -- force containment of floated LIs inside of UL */
#DynamicMenu ul:after, #DynamicMenu ul ul:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
#DynamicMenu ul, #DynamicMenu ul ul
{
    /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */