html, body {
margin : 0;
padding : 0;
}
body {
font : 76% arial, sans-serif;
text-align : center;
background-image : url(images/bg2.jpg);
line-height:1.5;
}
p {
margin : 0 10px 10px;
}
div#header {
position : relative;
}
div#container {
text-align : left;
}
div#content p {
line-height : 1.4;
}
#navigation {
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
#navlist li {
display : inline;
padding-bottom : 14px;
padding-left : 20px;
background-repeat : no-repeat;
}
#navlist a {
padding-left : 20px;
padding-bottom : 14px;
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
}
#navlist a:link, #navlist a:visited {
padding-left : 20px;
color : #000;
background : url(images/arrowbullet.gif);
background-position : 0 -28px;
background-repeat : no-repeat;
}
#navlist a:hover {
color : #828282;
padding-left : 20px;
background : url(images/arrowbullet.gif);
background-repeat : no-repeat;
background-position : 0 -14px;
}
div#container {
width : 800px;
margin : 0 auto;
background : #fff;
border : 1px solid;
}
div#content {
width : 800px;
}
div#navigation {
clear : both;
width : 100%;
}
div#navigation p {
margin : 0;
padding : 5px 10px;
}
div#navigation a {
display : inline;
padding : 0;
}
div#footer {
background : #828282;
color : #fff;
}
div#footer p {
margin : 0;
padding : 5px 10px;
text-align: right;
}
div#footer a {
display : inline;
padding : 0;
color : #c6d5fd;
}
h2 {padding:10px;background-color:#AEA9A9}