html, body {
margin : 0;
padding : 0;
}
body {
font : 80% verdana, arial, georgia, sans-serif;
letter-spacing : 1px;
background : #3A6285;
background-image : url('images/bg.jpg');
}
#contents
{
background : #3A6285;
margin-right:auto;
margin-left:auto;
width: 800px;
}
a:link, a:visited {
color : #0ac2ff;
}
a:hover, a:active {
color : #0099cc;
text-decoration : underline;
}
p {
padding : 5px;
}
h2 {
background-color : #c5d1ff;
color : #000;
text-transform : uppercase;
padding : 5px;
}
strong, b {
color : #4dc9ff;
}
em, u, i {
color : #8adcff;
}
#navlist {
padding : 3px 0;
margin-left : 0;
border-bottom : 1px solid #778;
font : bold 12px Verdana, sans-serif;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 3px 0.5em;
margin-left : 3px;
border : 1px solid #778;
border-bottom : none;
background : #dde;
text-decoration : none;
}
#navlist li a:link {
color : #448;
}
#navlist li a:visited {
color : #667;
}
#navlist li a:hover {
color : #000;
background : #aae;
border-color : #227;
}
#navlist li a#current {
background : white;
border-bottom : 1px solid white;
}