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;
}
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;
}
ul li{white-space:nowrap;
}
#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:right;
}
#footer p{
margin:0 10px;
padding:0;
}
#container{ clear:both;
background:#000;
}
#content p{
font-style:italic;
margin:5px 80px 15px 35px;
font-size:85%;
text-align:left;
line-height:140%;
padding:0;
}
img{float:right;
margin:10px  80px 10px 15px;
}