body {
	margin-left:auto;
        margin-right:auto;
	font-family: Verdana, sans-serif;
	font-size: small;
	background: #fffff0;
        width:800px;
        
     }
li { 
     color: maroon;
     margin-left:60px;
     font-size:small;}	

p {
	margin-left: 50px;
        
        color: Maroon;
   }
pre { 
       margin-left:60px;
       font-size: 100%;
    }

h1 {
	margin-left: 20px; 
 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 180%;
	color: #cc6633;
        border-bottom: 1px solid black;
	}
h2 {
	margin-left: 30px;
    
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	color: #999999;
	}
 h3 {
	margin-left: 40px;
   
	font-family: "Trebuchet MS", sans-serif;
	font-size: 120%;
	color: #999999;
	}
 a:link{font-weight: bold;
            
          text-decoration: none;
          color:#444444;}

a:visited {font-weight: bold;
            
          text-decoration: none;color:#777777}
a:hover {font-weight: bold;
                     text-decoration: none; color:#ff0000;}



p.quotation {
         font-family: cursive;
         color: #00bb33;
         margin-left:70px;
}
header, nav, footer, article {display:block;}
header { background-color: #fffff0;}
nav {float:left; width:20%;}
article {float:right; width:75%; background-color:#fffff0;}
footer {clear:both;}

header h1{ font-size:250%;
            
            text-align:center;
            color:#990033;
            padding:20px;
}
footer {   padding: 20px;
            background-color: #fffae6;

}

nav h3 {
	margin-left: 40px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
	color: #555555;
}
nav p {
	margin-left: 50px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 90%;
	color: #999999;
}
nav a:link{
         font-weight: bold;            
         text-decoration: none;
         color:#cc6633;
}

nav a:visited {
         font-weight: bold;            
         text-decoration: none;color:#cc6633
}
nav a:hover {
         font-weight: bold;
         text-decoration: none; color:#ff0000;
}

.author {color: #330099;}