/* Basic stuff */

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	background: #69b20c;
	color: #2f2f2f;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/* General formatting */

#head {
	width: 100%;
	height: 84px;
	background: #73bf48 url('../kuvat/Top1.gif') top center no-repeat;
}
#insidehead {
	width: 100%;
	height: 115px;
	background: #73bf48 url('../images/inside-head.gif') top center no-repeat;
}


#Smenu{
	
	width: 900px;
	height: 75px;
	 margin: 0 auto;
	text-align: right;


}
#Smenufiller1{
	width: 900px;
	height: 50px;
}
#Smenufiller2{
float: right;
	width: 210px;
	height: 20px;
}


#mainnavlist li{
	float: right;
font-size:17px;
	color: white;
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	height: 18px;
	font-weight: bold;

}

#mainnavlist li.active{
 text-decoration: underline;
}

#mainnavlist a{
	
 text-decoration: none;
 color: white;
}

#mainnavlist a:hover{
display: block;
	 text-decoration: none;
color: #ff9001; 
}





/**  middle Bit with logo  **/
#mastwrap {
	background: #ff9001 url('../kuvat/Top2.gif') top center no-repeat;
	height: 229px;
}

#mainflags{

	width: 900px;
	height: 229px;
	 margin: 0 auto;


}
#flags{
	float: left;
	margin-top: 201px;
	background: #ff9001 url('../kuvat/flagger.gif');
	  width: 110px;
	  height: 28px;
}
.flaghldr{
float: left;
width: 28px;
margin-right:2px;
	margin-top: 5px;  
}
.flaghldr1{
float: left;
width: 18px;
margin-right:2px;
	margin-top: 5px;  
}
/** end Middle bit with logo  */

/* main content area  */
#contentwrap {
	background:  #fff  ;
	
}

#content {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	padding: 35px 10px 5px 15px;
	background-color: #fff;
}

#cm {
	float: left;
	width: 470px;
	margin-right: 110px;
	font-size: 14px;
}

#cm h3{
	margin-top:20px;
	color: #69b20c;
	margin-bottom: 15px;
}
#cm a{
font-weight: bold;
 text-decoration: none;
 color:#69b20b;
  text-decoration: none;

}

#cm a:hover{
 text-decoration: none;
 color: #ff9001;

}

#sidebar{
	float: left;
	width: 230px;

}


#sidebartopline{
		width: 230px;
		height: 30px;
			background: url('../kuvat/sbTop.gif');
}

#sidebarcontent{
		width: 230px;
			background: url('../kuvat/sbBkg.gif') repeat-y;

}

.sbincontentTIT{
text-align: right;
	/*  margin-right: 33px;  */
	font-size: 16px;
	margin-bottom: 5px;
	color: #ff9001;
	font-weight: bold;
	height:35px;
			background: url('../kuvat/arrow.gif')no-repeat;

}

#sbpre1{
width: 110px;
	float:left;

	height:35px;
}

#sbpre2{
margin-left:5px;
	float:left;


}
.sbincontent{
	margin-left: 25px;

}

.sbincontent3{
	text-align: center;
	line-height: 55px;
		color: #ff9001;
		font-size: 17px;
		font-weight:bold;

}

.sbincontent3 a{
 text-decoration: none;
 		color: #ff9001;
}

.sbincontent3 a:hover {
 text-decoration: underline;
  color: #669900;
}

.sbincontent ul{
	color: #ff9001;
margin-left: 25px;
line-height: 18px;


}




.sbincontent li{
	color: #ff9001;
	font-size: 14px;
letter-spacing: 1px;
padding-right: 10px;
padding-left:10px;
list-style-image: url(../kuvat/B1.gif);

}

.sbincontent li.active{
 text-decoration: underline;

}

.sbincontent a{
	
 text-decoration: none;
 color: #669900;
}

.sbincontent a:hover{
	 text-decoration: none;
color: #ff9001;

}


#sidebarbottom{
		width: 230px;
		height: 40px;
			background: url('../kuvat/sbBot.gif');
}

.sidebarspace{
	
	width: 230px;
	height: 10px;
	background-color: White;
}

.sidebarextra{
		width: 230px;
		height: 60px;
			background: url('../kuvat/sbExtra.gif');
}


#clearFoot {
	background: #fff;
	height: 15px;
}
#footer {
	background-color:#69b20c ;
	height: 150px;

}

#fmenu{
	margin-top:10px;
	color: #ff9001;
}

#navlist li{
	color: white;
	 display: inline;
list-style-type: none;
 padding-right: 10px;
padding-left:10px;  
/*
width: 200px;  */


}

#navlist li.active{
 text-decoration: underline;

}

#navlist a{
	
 text-decoration: none;
 color: white;

}

#navlist a:hover{

	 text-decoration: none;
color: #ff9001;
/*
width: 200px;  */
background-color: #9ce93b;



}

#fwrapper{
		margin-top: 20px;
	margin-bottom: 12px;
	margin-left: 120px;

}

#fwrapper h3{
  color: white;
	margin: 0px;
}

#flogo{
  float: left;
	width: 119px;
	height: 104px;
				background: url('../kuvat/blogo.gif') center no-repeat;;
}


#faddress{
float: left;
	color: white;
	text-align: left;
	margin-left: 15px;

}


#valids{
margin-top: 20px;
float: left;
	color: white;
	text-align: center;
	margin-left: 145px;

}

#valids a{
text-decoration: none;
	color: white;


}

#postfoot{
	height:12px;
}

.emph{
	color:#69b20c;
	font-weight: bold;
}

#formhold{
	width: 470px;
	margin-top: 20px;


}


#formtitles{
float:left;
margin-top: 35px;
width:90px;
	height: 350px;

}

#fnamet{
	width:90px;

	line-height:24px;
	text-align: right;
}

#femailt{
	width:90px;

	line-height:24px;
	text-align: right;
}

#femailt2{
	width: 90px;

	line-height:24px;
	text-align: right;
}

#fcommentt{
	width:90px;

	line-height:32px;
	text-align: right;
}

#fitems{
float:left;
margin-left:20px;
margin-top: 35px;
width:350px;
	height: 350px;

	text-align:left;
}


#fnameI{
	width:150px;

		margin-top:2px;
	line-height:28px;
	text-align: left;
}

#femailI{
	width:150px;

	margin-top:2px;
	line-height:26px;
	text-align: left;
}


#femailI2{
	width:150px;

	margin-top:2px;
	line-height:26px;
	text-align: left;
}


#fcommentI{
	width:290px;

		margin-top:2px;
	height:180px;
	line-height:20px;
	text-align: left;
}

/* textarea{
width: 250px;
height: 150px;
}  */

#fbutI{
	width:150px;

	margin-top:2px;
	line-height:26px;
	text-align: left;
}

/* cm uls*/


.cmx{
	margin-top: 20px;
	width: 450px;
	margin-left: 20px;
}
.cmx ul{
	color: #ff9001;
margin-left: 25px;
line-height: 18px;


}




.cmx li{
	color: #ff9001;
	font-size: 14px;
letter-spacing: 1px;
padding-right: 10px;
padding-left:10px;
list-style-image: url(../kuvat/go.png);
line-height: 24px;

}

.cmx li.active{
 text-decoration: underline;

}

.cmx a{
	
 text-decoration: none;
 color: #669900;
}

.cmx a:hover{
	 text-decoration: none;
color: #ff9001;

}


.cmx2{
	margin-top: 20px;
	width: 450px;
	margin-left: 20px;
}
.cmx2 ul{
	color: #ff9001;
margin-left: 25px;
line-height: 18px;


}




.cmx2 li{
	color: #ff9001;
	font-size: 14px;
letter-spacing: 1px;
padding-right: 10px;
padding-left:10px;
list-style-image: url(../kuvat/go2.png);
line-height: 24px;

}

.cmx2 li.active{
 text-decoration: underline;

}

.cmx2 a{
	
 text-decoration: none;
 color: #669900;
}

.cmx2 a:hover{
	 text-decoration: none;
color: #ff9001;

}

/* tables  */

a {
	color: #c75f3e;
}

#mytable {
	width: 490px;
	padding: 0;
	margin: 0;
}

#mytable2 {
	width: 490px;
	padding: 0;
	margin: 0;
}

#mytable3 {
	width: 490px;
	padding: 0;
	margin: 0;
}

#mytable4 {
	width: 490px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 490px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ff9001;
	border-left: 1px solid #69b20c;
	border-right: 1px solid #69b20c;
	border-bottom: 1px solid #69b20c;
	border-top: 1px solid #69b20c;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #a0ec3e url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #69b20c;
	background: none;
}

td {
	border-right: 1px solid #69b20c;
	border-bottom: 1px solid #69b20c;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.top{
		border-left: 1px solid #69b20c;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #69b20c;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #69b20c;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


.cmx3{
float: left;
	margin-top: 20px;
	width: 200px;
	margin-left: 20px;
}
.cmx3 ul{
	color: #ff9001;
margin-left: 25px;
line-height: 18px;


}




.cmx3 li{
	color: #ff9001;
	font-size: 14px;
letter-spacing: 1px;
padding-right: 10px;
padding-left:10px;
list-style-image: url(../kuvat/cmx3.png);
line-height: 24px;
font-weight : bold;

}

.cmx3 li.active{
 text-decoration: underline;

}

.cmx3 a{
	
 text-decoration: none;
 color: #669900;
}

.cmx3 a:hover{
	 text-decoration: none;
color: #ff9001;

}


/* ajax form  */


#form_box {
	width: 300px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font:0.8em Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 300px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}