/**
 * Styles for a basic html template.
 *
 * @author Antti Rantaeskola
 */

body {
    background: url(images/body-bg.jpg) repeat-y top #E0E0E0;
    padding: 0px;
    margin: 0px;
}

#container {
    background: url(images/container-bg.jpg) no-repeat top #E0E0E0;
    width: 980px;
    min-height: 792px;
    margin: auto;
    padding: 0px 0px;
}

#header {
    background: url(images/header-bg.png) repeat-x; 
    clear: both;
    padding: 2px 0 0 0;
    margin: 0px;
}

#header h1 {
    border: none;
    color: #7F8F4F;
    padding: 0;
    margin: 50px 30px 30px 30px;
}

#infoBar {
    background: url(images/black-t50-bg.png); 
    clear: both;
    padding: 2px;
    margin: 0px;
}

#infoBar h3 {
    border: none;
    color: white;
    text-align: right;
    padding: 0;
    margin: 3px 30px;
}

#footer {
    clear: both;
    padding: 20px;
    margin: 0px;
}

#footer h6 {
    border: none;
    text-align: center;
    padding: 0;
    margin: 10px 30px;
}

#menu {
    width: 205px;
    float: left;
    padding: 0px;
    margin: 5px 0px 5px 5px;
}

#menuHead {
    background: url(images/menu-head.png) no-repeat;
    width: 205px;
    min-height: 14px;
    height: 14px;
    float: left;
    padding: 0px;
    margin: 0px;
}

#menuBase {
    background: url(images/menu-base.png) repeat-y;
    width: 180px;
    float: left;
    padding: 10px 15px 5px 10px;
    margin: 0px;
}

#menuBase ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menuBase ul li {
    border-bottom: dotted 1px #808080;
    border-left: solid 1px #A0A0A0;
    font: bold 11pt Arial, Helvetica;
    margin: 0;
    padding: 0;
    display: block;
}

#menuBase ul li a {
    padding: 3px 3px 3px 5px;
    text-decoration: none;	
    color: #404020;
    display: block;
}

#menuBase ul a:hover {
    background: yellow;
    color: #809000;
    display: block;
}

#menuTail {
    background: url(images/menu-tail.png) no-repeat;
    width: 205px;
    min-height: 19px;
    float: left;
    padding: 0px;
    margin: 0px;
}

#content {
    width: 755px;
    float: left;
    padding: 0px;
    margin: 5px; 
}

#contentHead {
    background: url(images/content-head.png) no-repeat;
    width: 755px;
    min-height: 14px;
    height: 14px;
    float: left;
    padding: 0;
    margin: 0;
}

#contentBase {
    background: url(images/content-base.png) repeat-y;
    width: 725px;
    float: left;
    padding: 5px 20px 5px 10px;
    margin: 0; 
}

#contentTail {
    background: url(images/content-tail.png) no-repeat;
    width: 755px;
    min-height: 19px;
    float: left;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: dashed 1px #808080;
    font-family: 'Courier New', Courier;
    color: #707040;
    margin: 30px 10px 20px 17px;
    padding: 0;
}

p {
    font: normal 11pt Arial, Helvetica;
    text-align: justify;
    color: #303010;
    margin: 15px 10px 10px 15px;
    padding: 0;
}

ul {
    font: normal 11pt Arial, Helvetica;
    color: #303010;
}

div.box {
    margin: 20px;
    padding: 0;
}

div.adBox {
    width: 800px;
    padding: 0;
    margin: 20px auto;
}

div.adBox img {
    margin: 15px;
    border: 0;
    padding: 0;
    align: left;
}

div.ottelija {
    margin: 15px 10px 10px 15px;
    padding: 0;
    min-height: 300px;
}