body {
margin: 0px;
padding: 0px;
background-color: #fffecf;
color: #000;
}
a, a:link, a:hover, a:active, a:visited {
color: #f00;
text-decoration: none;
}
#header {
position: relative;
width: 800px;
height: 77px;
border-style: none;
border-width: 1px;
margin: auto;
padding: 0px;
background-color: transparent;
background-image: url("./img/top.jpg");
background-repeat: repeat-x;
background-position: left bottom;
}
#nw {
position: absolute;
width: 10px;
height: 10px;
bottom: 0px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/topleft.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#ne {
position: absolute;
width: 10px;
height: 10px;
bottom: 0px;
left: 790px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/topright.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#logo {
position: absolute;
width: 300px;
height: 77px;
background-color: transparent;
margin: 0 250px;
background-image: url("./img/logo.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#toolbar {
position: absolute;
right: 5px;
bottom: 10px;
width: 70px;
height: 20px;
border-style: none;
border-width: 0px;
background-color: transparent;
}
#toolbar img {
margin-bottom: -4px;
}
#contents {
position: relative;
width: 800px;
height: 513px;
border-style: none;
border-width: 1px;
margin: auto;
padding: 0px;
background-color: #fffeae;
color: #000;
}
#page {
position: absolute;
width: 780px;
height: 468px;
top: 30px;
left: 10px;
border-style: none;
border-width: 1px;
padding: 0px;
background-color: transparent;
text-align: left;
}
#menu {
position: absolute;
width: 780px;
height: 30px;
top: 0px;
left: 10px;
border-style: none;
border-width: 1px;
padding: 0px;
background-color: transparent;
text-align: center;
}
#credits {
position: absolute;
width: 780px;
height: 15px;
bottom: 0px;
left: 10px;
border-style: none;
border-width: 1px;
padding: 0;
background-color: transparent;
color: #000;
text-align: center;
}
#w {
position: absolute;
width: 10px;
height: 513px;
top: 0px;
left: 0px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/left.jpg");
background-repeat: repeat-y;
background-position: left top;
}
#e {
position: absolute;
width: 10px;
height: 513px;
top: 0px;
left: 790px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/right.jpg");
background-repeat: repeat-y;
background-position: left top;
}
#footer {
position: relative;
width: 800px;
height: 10px;
border-style: none;
border-width: 1px;
margin: auto;
padding: 0px;
background-color: transparent;
background-image: url("./img/bottom.jpg");
background-repeat: repeat-x;
background-position: left top;
}
#sw {
position: absolute;
width: 10px;
height: 10px;
top: 0px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/bottomleft.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#se {
position: absolute;
width: 10px;
height: 10px;
top: 0px;
left: 790px;
border-style: none;
border-width: 0px;
background-color: transparent;
background-image: url("./img/bottomright.jpg");
background-repeat: no-repeat;
background-position: left top;
}
#menu a {
font-family: serif;
font-size: 10pt;
text-decoration: none;
color: #f00;
}
#menu a:hover {
text-decoration: underline;
}
#menu #current {
font-family: serif;
font-size: 11pt;
text-decoration: underline;
color: #f00;
}
#page p {
padding-left: 10px;
font-family: serif;
margin: 0;
font-size: 12pt;
}
#page span.name {
font-variant: small-caps;
font-weight: bold;
}
#left {
float: left;
width: 300px;
padding: 0;
}
a img {
border-style: none;
}