body
{
background: #b0bfc2;
color: 444;
text-align: center;
}
#container
{
text-align: left;
margin: 0 auto;
width: 700px;
background: #FFF;
border: 1px solid black;
}
h1
{
color: #fff;
padding: 0;
margin: 0;
font-size: 45px;
}
#top
{
text-align: center;
margin: 0 auto;
background-color: #418db2;
height: 80px;
border-bottom: 5px solid #387a9b;
}
#menu
{
float: left;
width: 140px;
display: inline;
margin: 0 0 0 20px;
padding: 0 5px;
background: #418db2;
font-size: 12px;
}
#menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}
#menu li
{
padding: 0 20px 5px 0;
background: url('./kuvat/moosebullet.png') no-repeat 100%;
}
#content
{
float: left;
width: 465px;
margin-left: 25px;
padding: 0;
}
#footer
{
clear: both;
background: #387a9b;
color: #fff;
padding: 5px 10px;
text-align: right;
font-size: 70%;
}
h2
{
margin-top: 0;
color: #b323b00;
font-weight: normal;
}
#menu a:link
{
color: #175b7d;
}
#menu a:visited
{
color: #600;
}
#menu a:hover, a:active
{
color: #fff;
background: 175b7b;
}
a:link
{
color: #175b7d;
}
a:visited
{
color: #600;
}
h3
{
margin-top: 0;
text-decoration: underline;
}
#upleft
{
float: left;
width: 140px;
padding: 0;
margin: 0 0 0 20px;
text-align: center;
}
#upright
{
float: left;
width: 465px;
margin: 0 0 0 40px;
padding: 0;
text-align: center;
}