body {background: purple;}

h1 { color: red;
    background: yellow;
    font-size: 64pt;
    text-align: center;
   }
a:link {color: #ff0;}
a:visited {color: #c90;}
a:hover {color: #ddd; }
a:active {color: #06f;}
h2 {background: url("image/logodemo3.gif") top center no-repeat;}
#main {padding: 0px 0px 0px 0;
       margin: 20px;
       border: solid 5px #5ff;
       background: magenta;
       }
#head {width: 100%;
       padding: 0; 
       margin: -57px 0px 0 0px;}
#footer {clear: both;
       background: red;
       clear: both;       
       margin: -20px  0;}
#footer p {text-align: center;
       font-size: .7em;}

.content { background: black;
       color: silver;
       margin: -57px 0 0 175px;
       padding: 20px 10px 20px 0; }
.floatright { float: right; 
       background: black;
       color: silver;
       width: 250px;
       padding: 10px;
       margin: 30px 10px;
       border: yellow 5px dotted; }
.floatleft { float: left; 
       background: black;
       color: silver;
       width: 250px;
       padding: 10px;
       margin: 30px 10px 30px -40px;
       border: yellow 5px dotted; }
#menu {float: left;
       width: 150px;
       background: magenta;
       margin: 0;
       padding: 10px;}
p {padding: 3px 0;
   margin: 20px;
   color: white; }
ol {background: #f66;
    margin: 20px;
    padding: 0; }
ul {list-style: none;
   padding: 0;
   margin: 20px;
   background: #5f9; }
ul#menu {border: yellow 1px solid;
   padding: 0;
   border-bottom: none;
   margin: 0 0 0 10px;}
#menu li a {text-decoration: none;
   display: block;
   background: blue;
   color: yellow;
   border-bottom: yellow 1px solid;
   padding: 0 15px; } 
#menu li a:hover {background: yellow; 
   color: blue; }