/*

Created by: Daniel Sibitzky
Licensed under a Creative Commons Attribution 2.5 License
http://creativecommons.org/licenses/by/2.5/

If you use this design, please leave these lines here.

*/


body {
background:#ececec url(SFimg/bg.png) center repeat-y;
color:#246;
font:16px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0 20px;
padding:0;
}

div#main {
width:800px;
min-height:400px;
background: transparent;
/* background:#f8f8f8; */
color:#246;
/* border-left:solid 2px #000 ;
border-right: solid 2px #000 ; */
font:14px/16px Verdana, Arial, Helvetica, sans-serif;
clear:both;
margin:0 auto;
padding:0;
}

/*
***** header
*/

div#image {
width:775px;
height:250px;
border:solid 1px #238;
background:#ececec url(SFimg/finland01.jpg);
color:inherit;
margin:0 auto;
padding:0 0 0 -3px;
}

div#image h4 {
font:bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#66FFFF;
float:right;
background:transparent;
margin:0;
padding:200px 10px 0 0;
}

h3 {
font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:transparent;
color:inherit;
margin:0;
padding:0 0 2px 10px;
}

/*
***** navigation
*/

div#nav {
text-align:left;
float:left;
color:inherit;
margin-left: 5px;
padding:0 0 0 10px;
}

div#nav ul {

display:block;
width:100px;
background:transparent;
color:inherit;
margin:0 0 10px 20px;
padding:0;
}

div#nav a:link,div#nav a:active,div#nav a:visited {
font:normal 14px/16px Verdana, Arial, Tahoma, Helvetica, sans-serif;
color:#205080;
text-decoration:none;
background:transparent;
}

div#nav a:hover {
color:#205080;
text-decoration:underline;
list-style-type:circle;
background:transparent;
}

/*
***** main
*/

div#content {
float:left;
text-align:justify;
width:630px;
background:transparent;
color:inherit;
margin:0 0 5px 10px;
}

div#content h3.l {
float:left;
width:300px;
text-align:left;
background:transparent;
color:inherit;
margin:0;
padding:0;
}

div#content h3.r {
float:right;
width:300px;
text-align:right;
background:transparent;
color:inherit;
margin:0;
padding:0;
}

div#content div.wrapper {
background:#f1f1f1;
border:solid 1px #cde;
color:inherit;
clear:both;
margin:4px;
padding:0 7px;
}

div#content h3.end {
width:625px;
text-align:right;
background:transparent;
color:inherit;
display:block;
float:right;
margin:0 0 20px;
padding:0 5px 5px;
}

div#content p {
font:16px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 24px;
text-indent:15px;
background:transparent;
color:inherit;
margin:0;
padding:7px 2px 10px;
}

div#content ul,div#content ol {
margin-left:0;
padding-left:20px;
}

a {
font:normal 14px/16px Verdana, Arial, Tahoma, Helvetica, sans-serif;
color:#204080;
text-decoration:none;
border-top:0;
border-right:0;
border-bottom:1px;
border-left:0;
background:transparent;
border-color:#68a;
border-style:dotted;
}

.left {
clear:left;
}

.right {
clear:right;
}

blockquote {
background:#d0dcdf;
border:solid 1px #aaa;
color:inherit;
margin:5px 0;
padding:20px;
}

/*
***** footer
*/

div#foot {
width:775px;
border:solid 1px #8ac;
background:#d0dcdf;
color:inherit;
clear:both;
margin:10px auto;
padding:0;
}

div#foot p {
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#246;
margin:20px 0 0;
padding:0 10px 0 0;
}