/*----------------------------------------------------------------------------*/

body
{
  margin: 20px;
  margin-left: 20px;
  margin-right: 20px;
  min-width: 650px;

  text-align: center;
}

#container
{
  max-width: 50em;

  width: expression(document.body.clientWidth > (830/12) * parseInt(document.body.currentStyle.fontSize)? "50em": (document.body.clientWidth < 700? "700px": "auto" ));

  margin: 0 auto;

  border: solid 0px #C0C0C0;
  background: none;
}

/*----------------------------------------------------------------------------*/

.title
{
  font-family: arial;
  font-weight: bold;
  color: grey;
  font-size: 90%;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.subtitle
{
  font-family: arial;
  color: grey;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.brick1
{
  float: left;
  width: 20%;
}

.brick2
{
  float: left;
  width: 30%;
}


.brick3
{
  float: left;
  width: 25%;
}


.brick4
{
  float: left;
  width: 25%;
}

/*----------------------------------------------------------------------------*/

#navcontainer
{
  display:inline;
  float: left;
  background: white;
  width: 100%;
  margin: 0px;
  padding: 0px;

  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
}

ul#navlist
{
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

ul#navlist li
{
  display: block;
  margin: 0px;
  padding: 0px;
  margin-bottom: -2px;
  margin-top: -3px;
}

html>body ul#navlist li
{
  margin-bottom: 0px;
  margin-top: 0px;
}


ul#navlist li a
{
  display: block;
  width: 100%;
  padding: 1ex 2ex 1ex 2ex;
  height: 11ex;

  border-width: 1px;
  border-color: white #DDDDDD #DDDDDD white;
  border-style: solid;


  text-decoration: none;
  background: #EDF2F2;
  color: black;
}

html>body ul#navlist li a
{
  height: 6.5ex;
}

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

ul#navlist li a:hover, ul#navlist li a#active
{
  background: #E0E9E9 ;
  /*color: #0033FF;*/
  color: red;
}

/*.submenuheader
{
  padding: 1ex 2ex 1ex 2ex;
  text-align: left;

  border-width: 1px;
  border-color: white #DDDDDD #DDDDDD white;
  border-style: solid;

  text-decoration: none;
  color: black;
  background: #EDF2F2;
}*/

h3.submenuheader
{
  padding: 1ex 2ex 1ex 2ex;
  text-align: left;
  margin: 0;

  border-width: 1px;
  border-color: white #DDDDDD #DDDDDD white;
  border-style: solid;

  text-decoration: none;
  color: black;
  background: #EDF2F2;
  font-weight: normal;
  font-size: 1em;

}

/*#submenupic
{
  padding: 1ex 0ex 1ex 1px;
  text-align: center;

  border-width: 1px;
  border-color: white #DDDDDD #DDDDDD white;
  border-style: solid;

  background: #EDF2F2;
} */

/*----------------------------------------------------------------------------*/

span.hidden
{
  display: none;
}