body{
    margin: 0;
    padding:0px;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #003366 url(img/bg_02-s.gif) repeat-y;
    /*#ccc*/
    background-position: center center; 
    text-align:center;
    }

a {
	color: #569;
}
a:visited {
	color: #000;
}
a:hover {
	color: #9ae;
}

h2 {
	color: #78a;
	font-size: 140%;
	margin-top: 5;
}
h3 {
	color: #78a;
	font-size: 120%;
	padding-left:4px;
	padding-bottom:6px;
}
h4 {
	color: #78a;
	font-size: 110%;
}
   
#top{
position:top left;
border:0;
}

#wrapper{
width: 760px;
/*position: relative;	*/
padding-top: 20px;
padding-right: 13px;
padding-left: 13px;
margin:0px auto;
text-align:left;
height: auto;
}

#wrapper a{
text-decoration:none;
}

#header{
height:70px;
width:760px;
border-bottom:dotted #333333 1px;
color: #fff;
background: url(img/head-img.gif) no-repeat 50% 50%;
}


/*3-column layout*/
#mainNav{
text-align:left;
width:200px;
float:left;
padding-left:5px;
}

#intro{
font: 13px Georgia, Times New Roman, serif;
color:#003366;
height:200px;
background: url(img/spacer.jpg) no-repeat 40% 100%;
}

#mainNav ul{
padding:0;
margin:0;
width:190px;
list-style:none;
}

#mainNav li{
height:20px;
padding: 10px 0px 10px 0px;
text-indent:20px;
background:url(img/arrow.jpg) no-repeat left;
border-bottom:dotted gray 1px;
}

#mainNav li a{
text-decoration:none;
}

.img-wrapper{
text-decoration:none;
text-align:center;
}

.img-wrapper em{
font-size:11px;
}


h4{
margin-bottom: 0px;
padding-left:4px;
padding-bottom:6px;
}


.img-wrapper img{
text-decoration:none;
border:1px;
padding:0px;
}


#content{
text-align:left;
width:530px;
float:right;
}


#mainContent h1, h2, h3, p, form{
margin-top: 8px;
padding-left: 5px;
}

#mainContent {
text-align:left;
width:300px;
float:left;
}

table {
background-color:#FFF;
font: 12px Verdana, sans-serif;
font-weight:bold;
border-collapse:collapse;
border: 1 solid #666;
}

th, td{
font: 10px Verdana, sans-serif;
font-weight:normal;
padding: 0.1em 1em;
}

tr{
border-top: solid 1px gray;
}

#secondaryContent{
width:190px;
text-align:left;
float:right;
color:#000;
}

#secondaryContent h3{
margin-top: 8px;
margin-bottom: 2px;
color:#9c3;
}

#post-date{
color: #78a;
font-size: 80%;
}

#secondaryContent ul{
padding:0;
margin:0;
width:175px;
list-style:none;
}

#secondaryContent li{
padding:5px;
margin-left:0px;
border-bottom:dotted gray 1px;
background:url(img/cube-x.jpg) repeat;
}


#footer{
text-align:center;
clear:both;
}

#footer-img{
border:0;
margin:10px 0px -5px 0px;
}

img{
}

#doc a{
padding-left:15px;
margin-left:18px;
text-indent:15px;
background:url(img/link-doc.jpg) no-repeat left;
}

label 
{
width: 8em; 
display:block; 
float:left;
}

.viesti{
text-decoration:none;
text-align:center;
background-color:#003366;
color:#800080;
}