#navcontainer  
{
  background-color:     transparent;
  background-position:  ;
  font-family:          Tahoma, Sans-serif, Arial, Helvetica, Times, serif;
  font-size:            12pt;
  margin:               0 auto;
  padding-bottom:       0pt;
  padding-left:         5pt;
  padding-right:        5pt;
  padding-top:          0pt;
/*
  text-transform: 	lowercase; 
*/
}


/* to stretch the container div to contain floated list 
#navcontainer:after
{
  clear:                  both;
  display:                block;
  font-size:              1px;
  line-height:            1px;
}
*/


ul#navlist
{
  list-style:    none;
  padding:       0px 5px 0px 5px;
  margin:        0 auto;
  width:         100%;
  font-size:     0.8em;
}


ul#navlist li
{
  display:                block;
  float:                  left;
/*
  text-align:             center;
  margin:                 0px;
  padding:                0pt 0pt 0pt 0pt;
*/
}

ul#navlist li a  
{
  color:                  #000000;
  background-color:       #D6D1AE;
  border-style:           solid;
  border-width:           1px;
  border-color:           #D6D1AE;
/*
  border-bottom-color:    #A4997D;
  border-left-color:      #fff;
  border-right-color:     #aaab9c;
  border-top-color:       #ffe;
*/

  display:                block;
/*  text-align:             center;*/
  padding:                5px 10px 5px 10px;
/*
  padding:                5pt 10pt 5pt 10pt;

  padding:                5pt 10pt 5pt 10pt;

  padding:                0.5em;
*/
  text-decoration:        none;
  width:                  95%;
}

/*
#navcontainer>ul#navlist li a { width: auto; }
*/

ul#navlist li#mhactive a
{
  color:                  #FFFFFF;
  background-color:       #5B522F;
  border-color:           #5B522F;
  text-transform: 	uppercase; 
/*
  color:                  #000000;
  background-color:       #CABFA0;
  border-color:           #CABFA0;
*/
}


ul#navlist li#mhactive a:hover
{
  color:                  #FF9900;
  background-color:       #5B522F;
  border-color:           #5B522F;
  text-transform: 	uppercase; 
/*


  background-color:       #FF9900;
  border-color:           #FF9900;
*/
/*
  border-width:           1px;
  border-style:           solid;
  border-bottom-color:    #A4997D;
  border-left-color:      #fff;
  border-right-color:     #aaab9c;
  border-top-color:       #ffe;
*/
}


ul#navlist li a:hover
{
  color:                  #000000;
/*
  border-width:           1px;
  border-style:           solid;
*/
  background-color:       #FF9900;
  border-color:           #FF9900;
/*
  border-bottom-color:    #FFC985;
  border-left-color:      #9E6C26;
  border-right-color:     #FFC985;
  border-top-color:       #9E6C26;
*/
/*
  background: transparent;
*/
}







ul#navlistlow
{
  list-style:    none;
  padding:       0px 5px 0px 5px;
  margin:        0 auto;
  width:         100%;
  font-size:     0.8em;
}


ul#navlistlow li
{
  display:                block;
  float:                  left;
  height:		21pt; /* (21pt=29 px) needed for empty second menu. Is it ok for all screen? */

/*
  text-align:             center;
  margin:                 0px;
  padding:                0pt 0pt 0pt 0pt;
*/
}

ul#navlistlow li a  
{
  color:                  #000000;
  background-color:       #CCC599;
  border-style:           solid;
  border-width:           1px;
  border-color:           #CCC599;
/*
  border-bottom-color:    #A4997D;
  border-top-color:       #000000;
  border-left-color:      #D6D1AE;
  border-right-color:     #D6D1AE;
*/

  display:                block;
/*  text-align:             center;*/
  padding:                5px 10px 5px 10px;

/*
  padding:                5pt 10pt 5pt 10pt;

  padding:                5pt 10pt 5pt 10pt;

  padding:                0.5em;
*/
  text-decoration:        none;
  width:                  95%;
}

/*
#navcontainer>ul#navlist li a { width: auto; }
*/

ul#navlistlow li#mhactive a
{
  color:                  #FFFFFF;
  background-color:       #5B522F;
  border-color:           #5B522F;
  text-transform: 	uppercase; 
/*
  color:                  #000000;
  background-color:       #CABFA0;
  border-color:           #CABFA0;
*/
}


ul#navlistlow li#mhactive a:hover
{
  color:                  #FF9900;
  background-color:       #5B522F;
  border-color:           #5B522F;
  text-transform: 	uppercase; 
/*


  background-color:       #FF9900;
  border-color:           #FF9900;
*/
/*
  border-width:           1px;
  border-style:           solid;
  border-bottom-color:    #A4997D;
  border-left-color:      #fff;
  border-right-color:     #aaab9c;
  border-top-color:       #ffe;
*/
}


ul#navlistlow li a:hover
{
  color:                  #000000;
/*
  border-width:           1px;
  border-style:           solid;
*/
  background-color:       #FF9900;
  border-color:           #FF9900;
/*
  border-bottom-color:    #FFC985;
  border-left-color:      #9E6C26;
  border-right-color:     #FFC985;
  border-top-color:       #9E6C26;
*/
/*
  background: transparent;
*/
}