#navigationWrapper {
    background: #FFF url(/pub/images/front/bgnavigation.gif) repeat-x;
    font: bold 1em Verdana,sans-serif;
    height: 44px;
    margin: 0 auto;
    width: 760px;}
#navigation {font-size: small;font-family: arial, helvetica, sans-serif;width:100%;float:left;}
#navigation a {text-align: center;display:block;white-space:nowrap;margin:0px;padding: 0.3em;background-image: url(/pub/images/front/bgnavigation.gif);background-repeat: repeat-x;
    color: #543;
    text-decoration: none;
    padding: 3px 4px;
    line-height: 36px;}
/* menu at rest */
#navigation a:link, #navigation a:visited, #navigation a:active	{color: #543;text-decoration:none;background-image: url(/pub/images/front/bgnavigation.gif);background-repeat: repeat-x;}
/* menu on mouse-over  */
#navigation a:hover	{text-decoration:none;
    background: #CEBDA1;
    color: #420;}		
/* attaches down-arrow to all top-parents */
#navigation a.parentTop, #navigation a.parentTop:hover {background-image: url(navdown_blue.gif);background-position: right center;background-repeat: no-repeat;}
/* attaches side-arrow to all parents */
#navigation a.parent, #navigation a.parent:hover {background-image: url(nav_blue.gif);background-position: right center;background-repeat: no-repeat;
    font-size: 0.8em;}
#navigation ul {list-style:none;margin:0;padding:0;float:left;width:10em; /* width of all menu boxes */}
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
    However, you will have to add padding in the "#menh a" rule so that the menu boxes
    will have space on either side of the text -- try it */
#navigation li {position:relative;min-height: 1px; /* Sophie Dennis contribution for IE7 */	vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */}
#navigation ul ul {position:absolute;z-index:500;top:auto;display:none;padding: 1em;margin:-1em 0 0 -1em;}
#navigation ul ul ul {top:0;left:100%;}
div#navigation li:hover {cursor:pointer;z-index:100;}
div#navigation li:hover ul ul, div#navigation li li:hover ul ul, div#navigation li li li:hover ul ul, div#navigation li li li li:hover ul ul {display:none;}
div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li li li li:hover ul {display:block;}

