body {
background:#000 ;
font-family: Verdana,Arial,sans-serif;
margin:0;
padding:0;
color:#FFF;
text-align:center;
}
a img{
border:none;
}
#page{
border:1px solid red;
margin:10px auto;
width:620px;
text-align:center;
padding-bottom:20px;
}

#header{
width:auto;
height:100px;
margin:0 0 0 20px;
background:#000;
}
#header   h1{
display:block;
Width:326px;
height:91px;
padding:0;
margin:10px 0 0;
text-indent:-9009px;
background:transparent url(../photos/header.gif) no-repeat 0 0;
}
ul li{white-space:nowrap;
}
a:link{text-decoration:none;
outline:none;}
#header a{
display:block;
width:100%;
height:100%;
outline:none;
}
#navigation{
width:90%;
float:left;
padding:0;
margin:0 0 20px 20px;}

ul{
margin:0;
padding:0;
}

#navigation li{border-bottom:1px solid red;
float:left;
width:auto;
list-style:none;
margin:0 ;
padding:0;
font-size:80%;
}
 ul li a{
display:block;
width:0.1em;/*for IE6*/
float:left; /* for IE5-Mac*/
margin:4px auto ;
line-height:20px;
color:#FFF;
text-decoration:none;
padding:1px 5px;
}
/* correction hack for IE5-Mac\*/
#nav a{float:none;}
/*end of IE6 hack*/
html>body #navigation a{width:auto;}/*correction of IE6 hack*/

ul a:hover,ul a:active {
color:red;
text-decoration:underline;
}
a.current {
color:red;
}
a:visited {
text-decoration:none;
}
a.current:hover,a.current:hover active{
color:red;
text-decoration:none;
cursor:default;
}
#footer{background-color:#000;
 padding:10px 0 0 0;
width:580px;
margin:10px  auto  10px;
font-size:60%;
border-top:1px solid red;
text-align:center;
clear:both;
}
#footer p{
margin:0 10px;
padding:0;
}
#container{
background-color:#000; 
border:1px solid black;
}
#content p{
float:left;
width:300px;
font-style:italic;
margin:60px 0px 0 0;
font-size:100%;
text-align:center;
}
#image{
float:left;
width:220px;
margin:0 0 30px 15px;
padding:0;
}