/* Site Colours  - high contrast for nav #770900  darkest brown #8b1d04  
                   mid brown #9e4a4a light brown #a65854 grey #d8d9db*/
a{font-size:1em;font-weight:bold;font-family:verdana, arial, helvetica, sans-serif; color:#770900;}
#hnavcontainer {/*position:absolute;left:0px;top:138px;*/
								width:100%;height:4em;min-height:4em;
								font-size:100%;
								margin:10px 0px;
								/*border:2px solid #8b1d04;*/border:none;
   						 }
#hnavcontainer ul
{/*position:relative;left:0px;top:0px;*/
margin: 0px;
/*white-space: nowrap;*/
padding: 0px 4px 0px 0px;
/*width:100%;*/
}

#hnavcontainer li
{
display: inline;
list-style-type: none;
}

#hnavcontainer a
{
padding: 0px 4px;
margin-right:4px;
/*background-color: #999;*/
}

#hnavcontainer a:link, #hnavcontainer a:visited
{
color: #770900; background-color:#fff;
text-decoration: none;
}

#hnavcontainer a:hover
{
text-decoration: underline;
}

#hnavcontainer #active a:link, #hnavcontainer #active a:visited,#hnavcontainer #active a:hover
{
text-decoration: underline;
color: #770900; background-color:#fff;
}

/* 2nd level */
div.h2navigationPadding {color:#770900;background-color:#fff;display:inline;width:1px;}
#h2navcontainer {position:absolute;left:0px;top:159px;font-size:90%;z-index:22;}
#h2navcontainer a{font-size:12px;font-weight:normal;font-family:verdana, arial, helvetica, sans-serif; color:#000; background-color:#fff;}
#h2navcontainer ul
{
margin: 0px;
white-space: nowrap;
padding: 0px;
width:100%;
}

#h2navcontainer li
{
display: inline;
list-style-type: none;
}

#h2navcontainer a
{
padding: 4px 4px 1px 4px;
}

#h2navcontainer a:link, #h2navcontainer a:visited
{
text-decoration: none;
font-weight:bold;
/*background-color: #003470;
border:2px solid #003470;*/
color: #003470; background-color:#fff;
}

#h2navcontainer a:hover
{
/*background-color: #E8832A;*/
color:#fff;
background:#E8832A;
}
#h2navcontainer #h2active a:link, #h2navcontainer #h2active a:visited,#h2navcontainer #h2active a:hover
{
color:#fff;
background:#E8832A;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    /*display:block;*/display:none;
    position:absolute;
    top:-1.5em; left:0em;/* width:15em;*/
    border:0px;
    color:#fff; background-color:#E8832A;
    text-align: center;}