body {
  z-index:0;
  background-color: #cfcfdd;
  margin 0px; 
  padding 0px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  max-width:1400px;
  min-width:600px;
}
#clear {clear: both; margin: 0px}

#header {
color:#cfcfdd;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: large;
}


#level1 {
  
  z-index:4; 
  margin-left: auto;
  margin-right:auto;
 
  /*background-color: #bbbbd9;
  border: 1px solid  #777c9;*/
  /*background-image:url(backg.jpg);*/
  background-repeat:no-repeat;
  padding: 0px;
  
  height:480px;
  /*width:600px;*/
  width:70%;
  
}



#mainbody {
  float:right;
  z-index:3;
  background-color:transparent;/*#8f8fc0;*/
  /*background-repeat:no-repeat;
  background-position: top-left;*/
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  /*color: #ddf;*/
 color:#eef;
  padding:0px;
 border: 0px solid #9999c0;
  width:70%;
  height: 460px;
   margin: 0px;
  margin-top:10px;
  margin-bottom:10px;
   /*filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;*/

  overflow: auto;
  position:relative;

}



#mainbody img {
  border: 0px;
  display:inline;
  padding: 5px;
  filter:alpha(opacity=100, FinishOpacity=0, style=1, startx=0, starty=70, finishx=0, finishy=100);
        opacity: 1;
        -moz-opacity:1;
}

#mainbody a {
  z-index:10;
  position:static;
  font-family: arial, helvetica, sans-serif;
  color: #99bbff; 
  text-decoration: none;
  
  font-weight: normal;
  filter:alpha(opacity=100);
        opacity: 1;
        -moz-opacity:1;

}

#mainbody a:hover {
  z-index:10;
  position:static;
  color: #c9c9ff;
  text-decoration: none;
 
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  
}

#mainbody p {
 position:relative;
  z-index:10;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  padding-right: 15px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-align: justify;
 /* background:transparent;*/

  filter:alpha(opacity=100);
        opacity: 1.0;
        -moz-opacity:1.0;

}

#mainbody li {
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  padding-right: 5px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

#header h1 {
  font: bold  arial, helvetica, sans-serif;
  font-size:large;
  
  padding-right: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-align: center;
  position:absolute;
  filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

#mainbody h2 {
  font: italic normal arial, helvetica, sans-serif;
  padding-right: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-align: left;
}

#mainbody h3 {
  font: italic normal arial, helvetica, sans-serif;
  padding-right: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-align: left;

}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {

  float:left;
  z-index:10;
  background-attachment:fixed;
  position:relative;
  left:-20px;
  top:0px;
  /*width: 145px;*/
  width:29%;
  text-align:right;
  padding-top: 10px;
  padding-right: 0px;



}


#menu dt {
  cursor: pointer;
  z-index:11;

  /*background-color:#9999c0;border: 1px solid #9999c0; */
  background-image:url(back4.gif);
  filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;

  left: 0px;
 
  width:100%;
  height:100%;
  padding-top: 3px;
  padding-bottom:3px;
  padding-right: 0px;
  padding-left:0px;
  margin-top: 10px;
  margin-bottom: 0px;

  color: #eef;

  text-align: right;
  font-weight: bold;
}


#menu dd {
  /*width:145px;*/
  display:none;
  width:100%;
  height:100%;
  /*background-color:#7777b2;*/
  background-color:#5f5f82;
  background-repeat:repeat-x;
  border: 0px solid #9999c0;
  
  margin 0px;
  padding: 0px;
    
  position:relative;
  filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;

}

#menu li {

  /*color: #ddf;*/
    /*width:145px;*/
  width:100%;
  
  /*height:20px;*/

  text-decoration: none;
  text-align: right;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;

  
}



#menu dt a {

  text-decoration: none;
  display:block;
  border: 0 none;
  color: #eef;

  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size:normal;
  padding-right:10px;
  padding-left:10px;
  
}

/* submenu link*/
#menu li a {
  text-decoration: none;
 display:block;
  border: 0 none;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  font-size:small;
  color: #eef;
  position:relative;
  
  padding-right:10px;
  padding-left:10px;

  filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;

}

/* submenu link*/
#menu li a:hover {
  color:#fff;
  position:relative;
  background-color:#559;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  padding-right:10px;
  padding-left:10px;
  display:block;
  filter:alpha(opacity=100);
        opacity: 1.0;
        -moz-opacity:1.0;

}

/* main menu link */
#menu dt a:hover {
  color:#fff;
  position:static;
  background-color:#559;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  padding-right:10px;
  padding-left:10px;
}



#image {
  position:relative; 
  /*width:420px; */
  width:88%;
  height:440px;
  margin:0px auto 0px auto; 
  border:0; padding:0px;
  text-align:left;
}


#text {  
  position:absolute;
  top:0px;right:0px;
 
  width: 90%;
  border:0px; 

 /*margin: 0px auto 0px auto;*/
/*height: 380px;*/

  /*margin:0px 10px 0 10px;*/
  /*background:#000; */

  background:transparent;
  color:#eef;

  /*padding:10px;*/
  z-index:20;
}

#image2 {
  position:absolute; top:0px; right:0px;
  width:50px; height:50px;
  top:380px;
margin:0px auto 0px auto; 
  filter: alpha(opacity=50,  FinishOpacity=0, style=1, startx=0, starty=90, finishx=0, finishy=100));
  -moz-opacity: 0.5; opacity:0.5; 
} 

#image3 {
  position:absolute; top:0px; right:0px;
  width:80px; height:60px;
  top:340px; right:10px;
margin:0px auto 0px auto; 
  filter: alpha(opacity=60,  FinishOpacity=0, style=1, startx=0, starty=90, finishx=0, finishy=100));
  -moz-opacity: 0.6; opacity:0.6; 
} 

#words {
  position:absolute; 
  top:0px; right:0px;
  margin:5px; 
  width:90%; 
  border:0px;
  background:transparent;
  color:#eef;

  padding:10px;
  font-size:small;
  z-index:21;

} 
