/* Generic Selectors */ 

body {
   font-family: serif;
   font-size: 15px;
   background-color: #fff;
   color: #000;
   padding: 0px 0 0;
   margin: 0;
   }


/**************** Pseudo classes ****************/ 




/************************* ID's *************************/ 




#header {
   background-color: #ffffff;
   padding: 10px;
   margin: 0px;
  
   }

#left LI
{
Color: AliceBlue;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 100%;
Font-Weight: bold;
Font-Style: normal;
background-color: transparent;

list-style: none;

}
 
#left :link {
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}
  

#left :link:visited {
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}


#main {
   background-color: #ffffff;
   color: #000066;
   padding: 0;
   margin: 10px 247px;
   position: absolute;
   top: 120px;

   }

#footer {
   background-color: #143b88;
   padding: 0;
   border: 1px solid #90f;
   margin: 10px 247px;
   }

#left {
   background: #def2ff;
   padding: 0;
   
   margin: 10px;
   width: 150px;
   position: absolute;
   top: 120px;
   left: 0;
   }

#right {
   background: #fff7d5;
   padding: 0;
   border: 1px solid #fc0;
   margin: 10px;
   width: 225px;
   position: absolute;
   top: 212px;
   right: 0;
   }

P {
   margin: 0.7em 1em;
   }

.code {
   font-size: 0.8em;
   background-color: #eee;
   color: #333;
   padding: 0.5em;
   margin: 0.5em;
   }
.code pre {
   color: #333;
   background-color: #f8f8f8;
   padding: 0.5em;
   }
.code pre em {
   color: #920;
   }
h1 {
   font: 1.7em  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }
h1 code {
   font-weight: bold;
   color: #999;
   }