body {
background-image : url(images/background.gif);
background-repeat : repeat-y;
background-position : center 0%;
color : #000000;
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size : 12px;
margin : 0;
padding : 0;
line-height : 1.6em;
}
* {
margin : 0;
padding : 0;
}
.clear {
clear : both;
}
#container {
margin : 0 auto;
text-align : left;
width : 780px;
}
a {
color : #000000;
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size : 12px;
}
#header {
margin : 0 0 0 0;
background-image : url(images/header.jpg);
background-repeat : no-repeat;
width : 780px;
height : 230px;
}
#menu {
position : relative;
width : 768px;
height : 117px;
}
#menu ul {
position : absolute;
top : 207px;
left : 15px;
}
#menu li {
float : left;
display : inline;
padding : 0 0 0 10px;
}
#menu a {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
color : #ffffff;
text-decoration : none;
}
#menu a:hover {
text-decoration : underline;
}
h3 {
font-family : georgia, verdana, sans-serif;
font-style : italic;
font-weight : normal;
font-size : 18px;
color : #000000;
}
h2 {
font-family : georgia, verdana, sans-serif;
font-style : italic;
font-weight : bold;
font-size : 14px;
color : #000000;
}
h1 {
font-family : georgia, verdana, sans-serif;
font-style : italic;
font-weight : bold;
font-size : 14px;
color : #000000;
}
h4 {
font-family : Arial, Helvetica, sans-serif, Verdana;
font-style : normal;
font-weight : 500;
font-size : 14px;
color : #000000;
}
h1 {
margin : 0 0 0 20px;
border-bottom : 1px solid #cdcdcd;
}
h2 {
margin : 0 0 0 30px;
border-bottom : 1px solid #cdcdcd;
}
h3 {
margin : 15px 0 0 30px;
border-bottom : 1px solid #cdcdcd;
}
h4 {
margin : 0 0 0 30px;
}
#main {
display : block;
width : 768px;
height : auto;
}
#content {
width : 768px;
}
#left {
float : left;
width : 490px;
}
#left p {
padding : 0 0 0 30px;
}
#left p {
text-indent : 10px;
}
#left a:hover {
color : #669933;
}
#left a {
padding : 0 0 0 0;
}
.link {
padding : 0 0 0 30px;
}
#right {
background-image : url(images/oikea_bg.gif);
background-repeat : repeat-y;
float : right;
width : 230px;
}
#right li {
list-style : none;
padding : 10px 0 0 20px;
}
#right p {
padding : 10px 0 0 20px;
}
#right a:hover {
color : #669933;
}
.image {
padding : 0 0 30px 0;
}
.centeredImage {
text-align : center;
margin-top : 0;
margin-bottom : 0;
padding : 0;
}
#footer {
width : 768px;
height : 97px;
text-align : center;
float : left;
clear : both;
}
#footer li {
display : inline;
float : none;
text-align : center;
padding : 0 5px 0 5px;
border-right : 1px solid #908a68;
}
.last {
border-right : 0 none !important;
}
#footer a {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-transform : uppercase;
color : #908a68;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#footer span {
font-size : 9px;
font-weight : bold;
color : #18160e;
margin : 10px;
display : block;
}