body {
background : #fff url('../a1.gif') repeat-x;
font-size : 11px;
font-family : "trebuchet ms", helvetica, sans-serif;
color : #8c8c73;
line-height : 18px;
}
#container {
background : #fff;
margin : auto;
width : 800px;
padding : 5px;
border : 1px solid #999;
}
#header {
background : #fff url('../images/header/header.jpg') repeat-x;
height : 280px;
}
#header h1 {
font-size : 90px;
letter-spacing : -10px;
margin : 0;
margin-right : 5px;
float : right;
}
#header h2 {
font-size : 24px;
float : left;
margin : 5px;
}
#navigation {
padding-top : 10px;
padding-bottom : 10px;
border-bottom : 1px solid #999;
}
#navigation a {
padding : 5px;
border : 1px solid #fff;
text-decoration : none;
}
#navigation a:hover {
padding : 5px;
border : 1px solid #006699;
background-color : #eaeaea;
text-decoration : none;
}
#navigation ul, #navigation li {
display : inline;
margin : 0;
padding : 0;
color : #339;
font-weight : bold;
}
#navigation ul li:after {
content : " | ";
}
#navigation ul li.last:after {
content : " ";
}
#body {
font-size : 110%;
}
#footer {
padding-top : 10px;
padding-bottom : 10px;
border-top : 1px solid #999;
}
#column {
width : 200px;
float : right;
border : 1px solid #ccc;
padding : 10px;
margin-left : 5px;
}
#column h2 {
margin : 0;
}
#body a {
color : #008899;
text-decoration : none;
border-bottom : 1px dashed;
}
#body a:hover {
color : #000;
text-decoration : none;
}
#footer a {
color : #999;
text-decoration : none;
border-bottom : 1px dashed;
}
#footer a:hover {
color : #000;
text-decoration : none;
}
#navigation a, #navigation a:visited {
color : #444;
}
sup {
color : #777;
}
.right {
float : right;
margin-left : 5px;
padding-left : 5px;
border-left : 1px dashed #eaeaea;
}
.left {
float : left;
margin-right : 5px;
padding-right : 5px;
border-right : 1px dashed #eaeaea;
}