html, body {
margin : 0;
padding : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : left;
}
div#container {
position : relative;
width : 950px;
margin : 0 auto;
border-left : 1px solid #000;
border-right : 1px solid #000;
color : #000;
text-align : left;
left : 18px;
top : 0;
height : 974px;
}
div#header {
background-color : #ff5;
color : #fff;
}
div#header a {
color : #eee;
text-decoration : none;
}
h1, h2, h3, p {
margin : 0;
}
p {
padding-bottom : 10px;
}
h3 {
padding-top : 10px;
}
h1 {
padding-left : 0;
font : bold 0.9em/10px georgia, times, serif;
}
h2 {
font-size : 1em;
}
h3 {
font-size : 1.2em;
}
div#footer a {
color : #ccc;
font-weight : bold;
text-decoration : underline;
}
div#navigation {
position : absolute;
top : 255px;
width : 110px;
height : 703px;
left : -2px;
width : 110px;
width : 100px;
padding : 1em 0 0 10px;
}
div#extra {
position : absolute;
top : 253px;
right : 0;
width : 180px;
left : 766px;
height : 753px;
width : 190px;
width : 180px;
padding : 1em 5px;
}
div#content {
margin : 0 190px 0 110px;
padding : 1em 10px;
background-color : #ff5;
}
div#footer {
text-align : right;
padding : 5px 20px;
background-color : #ff5;
color : #000;
}
div#navigation ul {
margin : 0 0 20px;
padding : 0;
list-style-type : none;
}
div#navigation ul a {
display : block;
width : 90px;
border-bottom : 1px solid #fff;
color : #000;
font-weight : bold;
text-decoration : none;
}
div#navigation ul a:hover {
background-color : #bbb;
color : #fff;
}
div#navigation ul a#activelink {
color : #fff;
text-decoration : none;
}
div#minilink a {
margin : 10px 0;
display : block;
border : 1px inset #666;
width : 80px;
line-height : 10px;
background-color : #fff;
color : #000;
text-align : center;
text-decoration : none;
}
div#minilink a:hover {
font-size : 1.2em;
font-weight : bold;
color : #ccc;
}
div#extra div.newsbox {
font-size : 90%;
margin-bottom : 2em;
}
div#extra div.newsbox h2 {
padding : 1px 2px;
background-color : #999;
color : #fff;
font-size : 1.2em;
}
div#extra div.newsbox p {
margin : 0;
}
div#content {
border-left : 1px solid #999;
border-right : 1px solid #999;
}
div.textimage {
border-bottom : 1px dotted #999;
width : 100%;
}
div.textimage img {
float : left;
margin : 10px;
}
div.textimage h2 {
margin-top : 10px;
}
div.wide, div.split2, div.split3 {
clear : left;
}
div.wide {
margin : 0 1%;
border-top : 1px dotted #ccc;
}
div.split2 div {
float : left;
width : 300px;
width : 300px;
width : 300px;
padding : 0 5px;
}