* {
   margin:0;
   padding:0;
}


body {
   font: normal 16px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   background:#808080;
   color:#ddd;
   text-align:center;
}

a:link { 
font-weight: bold; 
text-decoration: none; 
color: #111;
}

a:visited { 
font-weight: bold; 
text-decoration: none; 
color: #111;
}

a:hover, a:active { 
text-decoration: none; 
color:#999;
/*background:#505f70;*/
}


h2 {
   font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   width:100%;
   background:#505f70;
   font-weight:bolder;
   text-align:left;
   text-indent:2%;
   color: #fff;
   letter-spacing: 2px;
   text-transform: uppercase;
   margin-bottom:10px;
   padding-top:10px;
   padding-bottom:10px;
}

#center {
   width:840px;
   border:1px solid #ddd;
   margin:0 auto;
}

p {
   padding:15px;
   text-align:justify;
}

div.codebig {
   width:80%;
   margin:0 auto;
   border-left:1px dashed #fff;
   text-align:left;
   border-top:1px dashed #fff;
   border-bottom:1px dashed #fff;
   color:#ddd;
   height:300px;
   overflow:auto;
   background:#80807a;
}

div.codeu {
   padding:8px;
   width:80%;
   margin:0 auto;
   border:1px dashed #fff;
   text-align:left;
   color:#ddd;
   background:#80807a;
   overflow:auto;
}


#footer {
   padding:15px;
   background:#505f70;
}