body 
    { 
     margin: 0; 
     padding: 0; 
     padding-top: 30px;
     text-align: center; 
     background-color: #000000;
     background-image: url(http://www.troupesalamat.com/backpics09/bar2.jpg);
    background-repeat: repeat-x;
     
    } 
 
 
  #wrapper 
   {position: relative; width: 800px; margin: auto; 
}
 
  ul 
  {margin-left: 10px; 
   padding-left: 10px; 
   text-align: left; 
   list-style-type: none; 
   font-family: Garamond, Times, Arial; 
   font-size: 18px; 
   font-weight: bold;
}  
 
a.menu {text-decoration:none; color: #CC9900; horizontal-align: left; font:16pt;}
 
a.menu:link {text-decoration:none; color: #CC9900; horizontal-align: left; font:16pt;}
 
a.menu:hover {text-decoration:none; color: #FFCC66; horizontal-align: left; font:16pt;}
 
p {padding:0px 5px 0px 5px; text-align: justify; font-family:arial, helvetica, sans-serif; font:16px; }
 
p2 {padding:0px 0px 0px 7px; font-family:arial, helvetica, sans-serif; font:16px; color: rgb(204,0,0) }
 
h4 { text-align:center; padding:0px 0px 0px 5px; font-family:arial, helvetica, sans-serif; font:16px; font-weight:bold }

h5 { text-align:left; padding:0px 0px 0px 5px; font-family:arial, helvetica, sans-serif; font:16px; font-weight:bold }
 
h2 {text-align:center; font-family:arial, helvetica, sans-serif; font:18px; font-weight:bold }
 
 
 
 #centered
    { 
     width: 800px; 
     text-align: left;
     border: 0px; 
     padding: 0;  
     margin: 0 auto; 
    } 
 
 #lefttop
   {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 0px;
    width: 175px;
    height: 150px;
    left: 3px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #690000;
     background-image: url(http://www.troupesalamat.com/backpics09/sideback.jpg);
    line-height : 110%;/*line-height set to 110% in order to*/
    } 
 
  
#leftfade
   {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 0px;
    width: 40px;
    height: 900px;
    left: 0px;
    background-image: url(http://www.troupesalamat.com/backpics09/blackfade2.gif);
    background-repeat: repeat-y;
    line-height : 110%;/*line-height set to 110% in order to*/
    }
 
#rightfade
   {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 0px;
    width: 40px;
    height: 900px;
    left: 800px;
    background-image: url(http://www.troupesalamat.com/backpics09/blackfade.gif);
    background-repeat: repeat-y;
    line-height : 110%;/*line-height set to 110% in order to*/
    }
 
       
 
  #content
   {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 150px;
    width: 450px;
    height: 700px;
    left: 178px;
    right:50px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #B3894F;
    background-image: url(http://www.troupesalamat.com/backpics09/contentback.jpg);
    line-height : 110%;/*line-height set to 110% in order to*/
    } 


 #menu
   {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 150px;
    width: 175px;
    height: 700px;
    left: 624px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #690000;
    background-image: url(http://www.troupesalamat.com/backpics09/shell2.jpg);
    line-height : 110%;/*line-height set to 110% in order to*/
    }
 
 
 
 #footer
{
  position:absolute;
  top:850;
  bottom:20px;
  left:178px;
  width:625px;
  height:70px;
  text-align: center;
  background-image: url(http://www.troupesalamat.com/backpics09/bottom3.jpg);
  background-repeat: no-repeat;
}
 
 #footerspacer
{
  position:absolute;
  top:900;
  bottom:20px;
  left:3px;
  width:800px;
  height:70px;
  
}
#webspacer
{
  position:absolute;
  top:950;
  bottom:20px;
  left:3px;
  width:800px;
  height:70px;
  
}