/* Mummolan tyylisivu helmikuu 2010 -----------------------*/

body {
margin: 0px;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 90%;
background-color: #993300; /*ruskea*/
background-image: url(images/tausta.png);
}


/*asemointi -----------------------------------------------*/
#container	{
margin: 0 auto;
width: 960px;
background-color: #ffffff;
border: 6px solid #330000; /*tumma ruskea*/
border-top: none;
}
#header	{
background-color: #993300; /*ruskea*/
border: 1px solid #993300; /*ruskea*/
}
#navigate {
color: #ffffff;
background-color: #330000; /*tumma ruskea*/
border: 1px solid #330000; /*tumma ruskea*/
margin-bottom: 10px;
}
#content {
}
#main_content {
background-color: #ffffff;
width: 620px;
float: left;
margin-left: 20px;
margin-bottom: 20px;
}
#sub_content {
float: right;
width: 290px;
height: 700px;
background-color: #ffffff;
margin-right: 20px;
}
#footer {
clear: both;
background-color: #330000; /*tumma ruskea*/
border: 1px solid #330000; /*tumma ruskea*/
color: #ffffff;
padding: 10px;
}


/*navigointi ----------------------------------------------*/
#navi {
margin-left: 20px;
padding: 0px;
}
#navi li {
display: inline;
margin-left: 0px;
margin-right: 30px;
}
#navi a {
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: #0087CB; /*sininen*/
}
#navi a:link, #navi a:active, #navi a:visited {
color: #0087CB; /*sininen*/
}
#navi a:link:hover, #navi a:visited:hover  {
color: #ffffff;
}
#subnavi {
margin-left: 0px;
padding: 0px;
}
#subnavi li {
display: block;
list-style-type: none;
margin: 4px 0px;
padding: 4px 10px;
background-color: #0087CB; /*sininen*/
}
#subnavi a {
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: #ffffff;
}
#subnavi a:link, #subnavi a:active, #subnavi a:visited {
color: #ffffff;
}
#subnavi a:link:hover, #subnavi a:visited:hover  {
color: #000000;
}

/*tekstityylit --------------------------------------------*/
h1 {
margin: 0px 0px 30px 0px;
font-size: 200%;
background-color: inherit;
color: #660000;/*tumma tiili*/
}
h2 {
margin: 30px 0px 20px 0px;
font-size: 150%;
background-color: inherit;
color: #660000;/*tumma tiili*/
}
h3 {
margin: 20px 0px 10px 0px;
font-size: 120%;
background-color: inherit;
color: #660000;/*tumma tiili*/
}
p {
margin: 10px; 
}
#footer p {
margin-left: 0px;
font-weight: bold;
background-color: #993300;/*vaalea ruskea*/
padding: 20px;
}

.slogan {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
}
.pos{
/*text-align: center;*/
margin-left: 70px;
}
.huom {
font-weight: bold;
line-height: 1.5em;
margin: 0px;
margin-top: 100px;
padding: 10px;
background-color: #330000; /*tumma ruskea*/
color: #ffffff;
}
.huom a, .huom  a:link, .huom  a:active, .huom  a:visited  {
color: #0087CB; /*sininen*/
}
.huom  a:link:hover, .huom  a:visited:hover  {
color: #ffffff;
}

#footer table {
width: 70%;
}
td {
vertical-align: top;
}

#footer th {
text-align: left;
}
#footer td {
padding: 10px 30px;
}