body
{
margin: 0;
padding: 0;
height: 100%;
background-color: white;
}
a:link {color: red;}
a:visited {color: red;}
a:hover {background-color: #003366; color: #fff; }
a:active {text-decoration: none; }

#middle {
width: 60%;
margin: 0 20%;
height: 800px;
font: 76% helvetica,garamond,sans-serif;
padding: 5px;
}

#left	{
position: absolute;
background-color: red;
top: 0px;
left: 0px;
width: 18%;
height: 800px;
padding-top: 25px;
margin: 0 auto;
font: 1em/180% helvetica, garamond, sans-serif;
}
                                 
#left ul li{
color: #003366;                      
list-style-type: none;
}
#left ul li a{
color: #fff;                 
background-color : transparent;      
text-decoration : underline;     
}

#left ul li a:hover{
color: red;
background-color: white;    
text-decoration : none;
}
#right {
position: absolute;
background-color: #003366;
color: white;
height: 800px;
top: 0px;
right: 0px;
width: 18%;
padding-top: 25px;
margin: 0 auto;
float: right;
font: 0.85em/140% helvetica, arial, sans-serif;
}	

#right ul li{
color: #fff;                      
list-style-type: square;
}
h1
{ 
font: 1.7em helvetica,garamond,sans-serif;
color: #003366;
padding-top: 25px;
margin: 0 auto;
}
#middle h2(font:1.1em helvetica,garamond,sans-serif;
color:red;
padding-top: 25px;
margin: 0 auto;
}
hr{
height: 1px; 
width: 90%; 
color: red; 
border: none; 
background-color: red; 
}