html{
   margin: 0;
   padding: 0;
}

body {
  text-align: center; /* for ie */
  margin: 5px;
  padding: 0px;
  background-color: #E4E5EC;
  color: black;
}

body,p {
  font-family: Verdana, Arial, Helvetica;
}

/* --- Web page structure --- */

div#container
{
  position: relative;
  width: 755px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: left;
  background-color: #FFFFFF;
}

div#topWindow{
  width: 755px;
  /* IE6 makes the total height 2 pixels less (because padding 1). 
     No problem if: an image is used as background or
	 html > body div#leftMenuDiv {top: 125px;} */ /* This is not reconized by IE6*/
  height: 169px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  background-repeat: no repeat;
}

div#topMenu{
  position: absolute;
  width: 687px;
  top: 148px;
  left: 0px;
  padding: 0px;
  font-size: 70%;
  text-align: right;
}

div#leftMenu{
  position: absolute;
  background-color: #FFFFFF;
  left: 0px;
  top: 205px;
  width: 174px;
  padding: 0px;
  font-size: 70%;
}

div#LeftMenuLogo{
	width: 174px;
	height: 92px;
    margin-top: 50px;
	background-repeat: no-repeat;
	background-image: url(../illust/LeftMenuLogo.jpg);
	background-position: top center;
}

div#mainTextLine{
	margin-left: 174px;
	width:540px;
	min-height: 200px;
	margin-bottom: 0px;
	visibility: visible;
	background-color: #FFFFFF;
	padding: 0px;
	font-size: 70%;
	border-left-color: #211F2B;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-color: #211F2B;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/* To resolve minimum height problem of IE */
/* Dreamweaver doesn't like this method */
/**html* #mainText
{
 height: 200px;
}*/

div#mainText{
  margin-left: 20px;
  margin-bottom: 20px;
}

div#bottomContainer{
  	background-color: #FFFFFF;
  	width: 100%;
  	height:40px;
  	z-index:9;
}

div#bottomText{
  display: inline;
  float: left;
  width: 500px;
	line-height: 19px;
	margin: 2px 0 0 174px;
	visibility: visible;
	font-size: 60%;
	text-align: left;
	padding: 0px;
	/*text-align: left;*/
	color: #211F2B;
}

div#BeLogo{
  display: inline;
  float: right;
  width: 23px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../illust/be2.jpg);
  background-position: top right;
  margin: 1px 40px 0 0;
  padding 0px;
}

div#spacer{
  height: 15px;  
}

div#MenuSeparator{
  display: inline;
  width: 12px;
  height: 11px;
  background-repeat: no-repeat;
  background-image: url(../illust/MenuSeparator.jpg);
  background-position: center left;
}

/* --- Menu layout --- */

div#leftMenu ul{
  margin: 0px 2px 30px 28px;
  padding: 0; /* important for firefox - opera */
}

div#leftMenu ul li{
  margin: 0px 0px 15px 0px;
  font-weight: bold;
  list-style-type: none;
}

div#leftMenu ul a{
  color: #211F2B;
  text-decoration: none;
}

div#leftMenu ul a:hover{
  color: #800000;
  text-decoration: underline;
}

div#topMenu ul{
  margin: 0px 13px 0px 10px;
  padding: 0;
  display: inline;
  color: #211F2B;
  text-decoration: none;
}

div#topMenu ul a{
  color: #211F2B;
  text-decoration: none;
}

div#topMenu ul li{
  margin: 0px -2px 0px 0px;
  padding: 0;
  display: inline;
  font-weight: bold;
  list-style-type: none;
}

div#topMenu ul a:hover{
  color: #800000;
  text-decoration: underline;
}

/* --- Text layout --- */

  a { text-decoration:none; }
  a:link { color:#336699; text-decoration:underline; }
  a:visited { color:#336699; text-decoration:underline; }
  a:active { color:#336699; text-decoration:underline; }
  a:hover { color:#800000; text-decoration:underline; }

  h1 { color: #000000; text-decoration:bold; font-size: 100%; font-family: Verdana, Arial, Helvetica; }

  table { font-size: 100%; font-family: Verdana, Arial, Helvetica; }

  p.highlight { font-weight: bold; }
  p.indent { font-size: 100%; margin-top: 0; margin-bottom: 0; margin-left: 0cm; margin-right: 0 }
  p.indent1 { font-size: 100%; margin-top: 0; margin-bottom: 0; margin-left: 1cm; margin-right: 0 }

  span.highlight { font-weight: bold; }
  span.italic { font-style: italic; }
  span.underline {text-decoration: underline; }