html 
  { 
  padding:0px;
  margin:0px;
  }

body 
  {
  bgcolor: #FFFF00;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #000000;  
  padding: 0px;
  margin: 0px;
  }

p, h2, pre 
  {
  margin: 0px; 
  padding: 5px 5px 5px 5px; 
  }

a 
  { 
  color: #0000FF;
  font-size: 12px;
  background-color: transparent;
  text-decoration: none; 
  }

a:hover 
  { 
  color: #000000;
  font-size: 12px;
  background-color: transparent;
  text-decoration: none; 
  }

a:visited 
  { 
  color: #000000;
  font-size: 12px;
  background-color: transparent;
  text-decoration: none; 
  }
 
h1 
  {
  font-size: 22px;
  text-align: left;
  color: #3B5360;
  padding: 5px 5px;
  margin: 0px;
  }

h2 
  {
  font-size:18px;
  padding: 7px 7px;
  color: #3B5360;
  margin: 0px;
  background-color: transparent;
  }

h3 
  {
  font-size: 14px;
  color: #3B5360;
  padding: 0px 0px;
  margin: 0px;
  }

h4 
  {
  font-size: 14px;
  text-transform: capitalize;
  text-align: center;
  color: #3B5360;
  padding: 5px 5px;
  margin: 0px;
  vertical-align: center;
  }

.header 
  {
  font-size: 11px;
  text-transform:uppercase;
  text-align: right;
  color: #FFFFFF;
  background-color: #3B5360;
  z-index:1;
  padding:5px 15px;
  margin:0px
  }

strong 
  { 
  font-size: 13px;
  }

/* --------- positioning-layers -------- */

#left 
  {
  position: absolute;
  left: 0px;
  width: 20px;
  color: #000;
  margin: 0px; 
  padding: 0px;
  }

#main 
  {
  margin: 0px 290px 0px 0px;
  border-left: 2px solid #A9A9A9;
  border-right: 2px solid #A9A9A9;
  padding: 10px;
  background-color: #FFFFFF;    
  }

#right 
  {
  position: absolute;
  right: 0px;        
  width: 290px;
  color: #000;
  margin: 0px; 
  padding: 0px;
  background-color: #DDDDDD;    
}