body {
     text-align: center;
}

a {
     background-color: #ffffff;
     color: #333333; 
}

a:hover {
     background-color: #333333;
     color: #ffffff;
}

a.active {
     background-color: #333333;
     color: #ffffff;
}

#header {
     padding: 15px;
     text-align: left;
     background: #ffffff;
}

#content {
     margin: 0px;
     padding: 15px;
     text-align: center;
}

/* begin navigation */

#navigation {
     padding: 15px;
;
}

#navigation ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
     background-color: #ffffff;
}

#navigation li {
     padding: 5px;
}

#navigation li a {
     display: block;
     color: #333333;
     text-align: left;
     padding: 5px, 10px;
     text-decoration: none;
} 

#navigation li a.active {
     background-color: #333333;
     color: #ffffff;
} 

#navigation a:hover {
     background-color: #333333;
     color: #ffffff;
}

/* end navigation */

#story {
text-align: left;
width: 95%;
;
}

#footer {
padding: 15px;
text-align: left;
background: #ffffff;
}

#footer ul {
list-style-type: none;
background-color: #ffffff;
}

#footer li {
padding: 5px;
background-color: #ffffff;
}

#footer li a {
display: block;
color: #333333;
}

#footer li a:hover {
background-color: #333333;
color: #ffffff;
}