html, body {
margin : 0;
padding : 0;
}
body {
font : 80% arial, georgia;
letter-spacing : 1px;
line-height: 1.5;
background : #99b3cc;
color : #828282;
text-align : justify;
background-image : url('bg.jpg');
}
#contents {
position : absolute;
left : 400px;
top : 45px;
width : 375px;
}
#sidebar {
position : absolute;
left : 800px;
top : 5px;
}
#menu {
padding : 0;
margin : 50px auto 150px auto;
width : 0;
}
#menu li {
list-style-type : none;
width : 200px;
height : 20px;
margin : 2px 0;
clear : both;
}
#menu a, #menu a:visited {
position : relative;
display : block;
width : 120px;
height : 18px;
border : 1px solid #000;
background-color : #f8f8e8;
color : #000;
padding-left : 3px;
text-decoration : none;
}
#menu a span, #menu a:visited span {
display : none;
}
#menu a:hover {
color : #fff;
background-color : #000;
border : 1px solid #000;
text-decoration : none;
}
#menu a:hover span {
position : absolute;
display : block;
left : 130px;
top : 0;
width : 0;
height : 0;
border-left : 8px solid #c00;
border-top : 8px solid #fff;
border-bottom : 8px solid #fff;
font-size : 1px;
line-height : 0;
}
* html #menu a:hover span {
width : 8px;
height : 16px;
width : 0;
height : 0;
}
a:link, a:visited {
color : #ccb299;
text-decoration : none;
}
a:hover, a:active {
color : #000;
text-decoration : underline;
}
h2 {
background-color : #bbcddd;
color : #000;
padding : 3px;
}
strong, b {
color : #7195b7;
}
em, u, i {
color : #4f779c;
}
img {
border-style : none;
}