/* Top Elements */
* { margin: 0; padding: 0; }
body {
	background: #041A41;
	font: 80%/1.5em Verdana, Tahoma, arial, sans-serif;
	color:#666666; 
	text-align: center;
	margin:0;padding:0;
	
}
/* links */
a{color:#006699; text-decoration:none;
}
 a:visited {
	text-decoration: none;
	color: #6699cc; 
	background: inherit;
}
a:hover {
	color: #006600;
	}
/* headers */
h1, h2, h3 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 130%;color:#3366cc;
	
	
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #88ac0b;
	border-bottom:1px dotted #669900;width:72%;
	background: #041A41;
}
h3 {
	font-size: 110%;
	color: #666666; 
	border-bottom:1px dotted #669900;width:72%;
	background: #041A41;
}
h4{background-color: #041A41;
}
/* images */
h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
	
}
h1{background: #041A41 url(images/square-green.png) no-repeat 5px 50%;padding-left:35px;
border-bottom:1px dotted #cccccc;width:50%
}
ul, ol {
	margin: 5px 10px;
	padding: 0 20px;
	color: #6699cc;	
	list-style-type:url(images/doc.gif);
	
}
ul span, ol span {
	color: #666666;
}
/* search */
form.search {
	position: absolute;
	top: 35px; right: 25px;
	background: transparent;
	border: none;	
}	
form.search input.textbox {
	margin: 0; padding: 1px 2px;
	width: 120px;
	background: #FFF;
	color: #333; 
}
form.search input.button {
	background: #CCC url(images/headerbg.gif) repeat-x;
	color: #333;
	border: none;	
	width: 70px; height: 21px;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 1000px;
	background: #041A41 url(images/) repeat-y;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 950px;
	padding: 0; 
	margin: 0 auto;
}
#logo{width:1000px; height:126px;text-align:center;border:none;
}
#header {
	width: 1000px;
	position: relative;
	height: 330px;
	padding: 0;
	font-size: 14px;
	color: #FFF;
	text-align:center;
	background: #041A41 url(images/header4.jpg) no-repeat;}
	
/* Main Column */
#main {
	float:left;
	width: 72%;
	padding-left:0; margin: 0;
	color:#6699cc;
}
#main h4 {
	margin-top: 10px;
	font: Bold 100% Verdana, 'Trebuchet MS', Sans-serif;
	color: #cccccc;
	padding: 5px 0 5px 10px; 	
	background: #041A41 url(images/square-green.) no-repeat 0px 55%;	
}
#main a:link,a:visited{color:#006699;text-decoration:underline;
}
#main a:hover{color:#006633;
text-decoration:underline;
}
/* Sidebar */	
#sidebar {
	float: left;
	width: 220px;
	padding-left: 10px; margin: 0;	
}	
#sidebar h4 {
	margin-top: 5px;
	padding: 0px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(images/headerbg.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#sidebar ul li {padding-left:0px;margin-left:0;
color:white;list-style-image:url(images/pisara.png)
}
#sidebar ul li a:link, a:visited{color:#6699cc;list-style-type:none;text-decoration:none;
font-family:'Bradley Hand ITC',Verdana, Sans-Serif;font-size:1.5em;
}
#sidebar ul li a:hover{color:#ccffff;list-style-image:none;list-style-image:url(images/pisara.png)
}
/* Footer */	
#footer {
	color: #666666;
	background-color: #041A4 ;
	border-top:1px solid #cccccc;
  clear:both;
	width:1000px;
	height: 53px;
	text-align: center;	
	font-size: 92%;
	margin:auto 0;
}
#footer a { text-decoration: none;
}
.clear { clear: both; }
.gray { color: #CCC; }
.kuvaoikealle{float:right;padding:5px;border:1px solid #cccccc;margin-right:40px;margin-left:10px;
}
.kuvaoikealle p{text-align:center;
}
.kuvaoikealle2{float:right;padding:10px;margin-right:50px;margin-left:20px;
}
.vasemmalle2{float:left;padding:10px;margin-left:10px;margin-right:5px;
}
.galleria tr, th, td {border:1px solid #cccccc;padding:10px;
}
	form textarea #text{width:350px;background-color:white;} /*TinyMCE - width is also determined by the width of the editor control button lines */ 
.mceContentBody{background-image: none; background-color: White; color:#666666;text-align:left;} /*TinyMCE*/ 
a img {border:none;
}
td img a{border:none;
}
.floatright
{
float: right;
width: 260px;
margin: 0 0 10px 10px;
background-color: transparent;
padding: 5px;
color:white;
font-style:italic;
}
div.floatright img
{
border:1px solid #cccccc;padding:5px;
}
.floatleft
{
float: left;
width: 260px;
margin: 0 0 10px 10px;
background-color: transparent;
padding: 5px;
color:white;
font-style:italic;
}
div.floatleft img
{
border:1px solid #cccccc;padding:5px;
}
p { margin-top: 0; }

.kuvaoikealle3{float:right;margin-right:250px;padding:0;border:5px solid white
