#wrapper {
  margin: 0px auto 0px auto;
  padding: 0;
  text-align: left;
  width: 850px;
  overflow: auto;
  background-color: #ffffff;  
}

html>body #wrapper {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
  overflow: hidden;
}

#alue {
  margin: 0px auto 0px auto;
  padding: 0;
  text-align: left;
  width: 850px;
  overflow: auto;
  background: #ffffff;  
}

#vertical_slide, #horizontal_slide {
	background: #ffffff;
	color: #000000;
	padding: 0px;
	border: 0px solid #F3F1F1;
	font-weight: bold;
	margin: 0 20px 0 20px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
		font-size: 12px;
	line-height:14px;
	font-weight: normal;
	margin: 0 20px 10px 20px;
	text-align: right;
}

#vertical_slide .kuvajs{
font-size: 100%;
  margin: 0px 0 0 0;
  padding: 0px;
  width: 200px;
  height: 130px;
  line-height:12px;
  float: left;
  overflow: hidden;}

#vertical_slide .textjs{ 
width: 600px;
height: 130px;
margin: 0px 0 0 220px;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	letter-spacing: 0em; 
}
#vertical_slide h2{ 
width: 600px;
margin: 0px;
	font-family: Verdana, Arial;
	font-size: 18px;
	line-height:22px;
	font-weight: bold;
	letter-spacing: 0em;
	top:0px; 
}


	
#vasen {
font-size: 100%;
  margin: 15px 0 0 0;
  padding: 0px 0px 0px 20px;
  width: 550px;
  height:90px;
  line-height:12px;
  float: left;
  overflow: visible;}


#vasen .text {
  padding: 25px 0px 0px 0px;}
  
#vasen .textpohjalla {
  margin: 10px 0 0px 0;
  padding: 5px 5px 0px 10px;
  color: #000000;
  background: #99ccff url(pics/ysiniround.jpg) no-repeat left top;
  line-height:14px;
  
 }
 #vasen .textpohjalla a, #vasen .textpohjalla a:visited{
  color: #0066cc;
}

#vasen p { 
margin: 0px 0 0px 0;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	letter-spacing: 0em; 
}

#oikea {
  margin: 0px 20px 0 0px;
  padding: 0px 0px 0px 0px;
  width: 240px;
  float: right;
  overflow: visible;
  height: auto; 
  text-align:left;
  display:block;
  background: #ffffff;
  }
  #oikea p { 
margin: 0px 0 0px 0;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	letter-spacing: 0em; 
	text-align:right;
}

#oikea .text {
font-size: 100%;
  padding: 0px 0px 0px 0px;}
  
#oikea h2 {
	font-family: Verdana, Arial;
	font-size: 20px;
	line-height:24px;
	font-weight: bold;
	letter-spacing: -0.02em;
  	margin: 10px 0 5px 0;
  	padding: 0px 0 0 0;
	color: #3399FF;
	background-color: transparent;
	width:630px;
	  display:block;
	}
h4 {
	font-family: Verdana, Arial;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	letter-spacing: 0em;
  	margin: 10px 0 15px 10px;
  	padding: 0px 0 0 0;
	color: #3399FF;
	background-color: transparent;
	  display:block;
	}
	
#tv {
font-size: 100%;
  padding: 0px 0px 0px 20px;

  }
  
  
.yla1 {
	font-family: 'Verdana', arial, helvetica;
	font-size: 14px;
	font-weight: normal;  
	text-decoration: none;  
	color: #FFFFFF;
	border: 0px solid #999999;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;	
	padding-left: 0px;
}
.ylasiivu {
	background: #FFFFFF url(kuvat/yla1.jpg);
	background-repeat:no-repeat; 
	background-position: left top;
	text-align: center;
	color: #666666;
}

h1 {
	font-family: 'Trebuchet MS',Times, 'Times New Roman';
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: #336699;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	display:block;
	width:100%;
}
h2 {
	font-family: 'Trebuchet MS',Times, 'Times New Roman';
	font-size: 28px;
	line-height: 36px;
	font-weight: normal;
		letter-spacing: -0.01em;
	color: #000000;
	margin: 15px 0 0px 0;
	padding: 0;
	float: left;
	display:block;
	width: 100%;
}
h3 {
	font-family: Times, 'Times New Roman';
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
		letter-spacing: -0.01em;
	color: #999999;
	margin: 5px 0 15px 0;
	padding: 0;
	float: left;
	width: 100%;
	text-align:left;
}
h4 {
	font-family: 'Trebuchet MS',Times, 'Times New Roman';
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: #333333;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}

hr { height: 1px; border: 0; color: #ddd; background-color: #ddd;}
p { margin: 5px 0 5px 0; }
ul {  padding: 0; margin: 0 0 0 0;}
li { list-style-type: none;}
img { border: 0px;}
table { border-color: #ccc;}
td { border-color: #ccc;}
blockquote { 
margin: 3px 0 3px 10px; padding: 0px 0 0px 25px; 
font-weight: bold;color: #ff9933;
background: transparent url(pics/quote.jpg) top left;
	  background-repeat: no-repeat;
}

.New_Admin_Links {font-size: ;text-align:left;}
fieldset { border: 0px solid #E4DF94; padding: 0; margin: 0 0 8px 0; background: #ffffff; color: #000; }
input { padding: 2px; border: 1px solid #ccc;}
textarea { width: 100%; height: 8em; padding: 3px; border: 1px solid #ccc;}
.commentsbox { background: #ffffff; color: #000000; padding: 10px; border: 0px solid #ccc; margin: 0 0 0px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; color: #000000; }
.cname {font-size: 14px; font-weight: bold; color: #ffffff; }

/* MOBIILI l. kevyt sNews */

.comdate { border-bottom: 0px dotted #a6e4fe; border-left: 0px solid #cccccc; border-right: 0px solid #3399ff; color: #336699; background: #99ccff url(pics/kaari630y.jpg) top center; background-repeat: no-repeat; padding: 6px 0px 0px 12px; margin: 0 0 0px 0; }
.ccomment { background: #99ccff url(pics/kaari630a.jpg) bottom center; background-repeat: no-repeat; color: #000000; padding: 0px 5px 2px 12px; margin: 0 0 15px 0; border-bottom: 0px solid #3399ff; border-left: 0px solid #3399ff; border-right: 0px solid #3399ff; }
.searchbutton { padding: 1px; background: #ffffff; border: 1px solid #ccc; }
.long { width : 495px;}



A, A:visited { 
    text-decoration: none;
	color: #336699; 
    font-style: normal
}

A:hover { 
	text-decoration: none; 
    color: #999999; 
    font-style: normal
}
A:active { 
	text-decoration: none; 
    color: #0066CC; 
    font-style: normal
}
.ynavipohja { 
	height: 25px;
	background-color: transparent;
}


.ynaviS { 
	height: 12px;
	font-family: 'Verdana', arial, helvetica;
	font-size: 11px;
	text-align: left;
	padding-left: 0px;
	padding-top: 4px;
	background-color: ;
}
.ynaviS A { 

	font-family: 'Verdana', arial, helvetica;
	font-weight: normal;  
	text-decoration: none;  
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #6699CC; 
	margin-right: 0px;
	margin-left: 0px;
	border-right: 0px solid #336699;
	border-left: 2px solid #336699;
	border-bottom: 0px solid #3399FF;
	}

.ynaviS A:hover { 
	font-weight: normal;  
	text-decoration: none; 
	color: #000000;
	background-color: #cccccc;
	border-right: 0px solid #000000;   
}

.ynaviS A:active { 
	color: red;    
}


.kokoalue {
width: 850px;
	background: #FFFFFF url(http://arjaalho.fi/kuvat/yk.png);
	background-repeat: no-repeat; 
	background-position: right top;
}
.perusalue {
	width: 545px;
	font-family: 'Trebuchet MS',Times, 'Times New Roman';
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	padding: 20px 15px 0px 25px;
	border-right: 1px dotted #eeeeee;
	color: #333333;
	text-align: left;
	background-color: #FFFFFF;
}

.oikeaalue {
	font-family: 'Verdana', helvetica, arial;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding: 20px 10px 2px 10px;
	font-variant: normal;
	border-left-width: 0px;
	border-left-style: dotted;
	border-left-color: #0066CC;
	color: #666666;
	background-color: transparent;
	text-align: left;
}

.oikea2 {
height: 125px;
	font-family: 'Verdana', helvetica, arial;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding: 12px 5px 2px 25px;
	font-variant: normal;

	color: #666666;

	background: transparent url(http://arjaalho.fi/kuvat/uutiskupla-har.png);
	background-repeat: no-repeat; 
	background-position: center top;
	text-align: left;
}
.oikea2 a, oikea2 a:visited {
	font-family: 'Verdana', helvetica, arial;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;

	color: #336699;
	background-color: transparent;
	text-align: left;
}
.oikea2 a:hover {

	color: #000000;

	text-align: left;
}

.oikenavi {
	font-family: 'Verdana', helvetica, arial;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding: 2px 5px 4px 10px;
	font-variant: normal;

	color: #666666;
	background-color: #FFFFFF;
	text-align: left;
}

.oikenavi a, oikeanavi a:visited {
display: block;
	font-family: 'Verdana', helvetica, arial;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	border-bottom: 1px dotted #cccccc;
	border-right: 0px solid #FF9900;

	color: #3399FF;
	background-color: transparent;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
.oikenavi a:hover {


	color: #CC0000;
}


.uutisotsikot {
	font-family: 'Helvetica', verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	color: #CCCCCC;
	padding-right: 2px;
	padding-left: 20px;
	padding-top: 10px;
	background-color: transparent;
}
.uutisotsikot	a{
	width: 146px; 
	font-family: 'Helvetica', verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;  
	text-decoration: none;
	display: block;  
	color:  #FFFFFF;
}

.uutisotsikot a:hover { 
	font-weight: bold;  
	text-decoration: underline;  
	color: #CCCCCC;  
}

.otsikko1 {
	font-family: 'Verdana', arial, helvetica;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #336699;
}
.otsikko2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: normal;
	line-height: 32px;
	font-weight: normal;
	color: #999999;
	border-bottom: 1px dotted #6699CC;
	border-top: 1px dotted #6699CC;
}
.txt12padleft6 {
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-left: 6px;
	font-weight: bold;
	color: #FFFFFF;
}
.txt11musta {
	font-family: 'Verdana', helvetica, arial;
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
	padding-left: 0px;
	color: #666666;

	color: #333333;
}

.vasenbgr2 {
	background-image:  url(html/kuvat/vasenpohja2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 750px;
	background-color: #FFFFFF;
}
.ylabgr {
	background-image:  url(kuvat06/notskuyla.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.alabgr {
	background-image:  url(kuvat/alapala.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.oikeabdr {
	width: 490px;
	border-right-width: 0px;
	border-right-style: dashed;
	border-right-color: #cccccc;
}
.ylabdr {
	border-top: 1px solid #eaeaea;
	float: right;

	valign: center;
}
.vasenbdr {
	border-left: 1px solid #cccccc;
	float: left;


}
.eipadtxt10 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #000000;
	border: #CCCCCC;
	padding: 0px;
}
.sivualue {
	padding: 8px;
	font-size: 12px;
	color: 0066CC;
	background-color: transparent;

}

.bdrulko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	padding-left: 0px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	background-repeat: repeat-y; 
	background-position: left bottom;
}
.bdrulko4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	padding-left: 0px;
	border-top: 1px solid #cccccc;
	border-left: 4px solid #FF8000;
	border-bottom: 4px solid #0080FF;
	border-right: 1px solid #cccccc;
	background-color: #FFFFFF;
	background-repeat: repeat-y; 
	background-position: left bottom;
}
.bdrulko_dash {
	width: 530px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	padding-left: 0px;
	border: 1px dashed #eaeaea;
	background-color: #FFFFFF;
	background-repeat: repeat-y; 
	background-position: left bottom;
}
.bdrrb_dash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	padding: 5px 5px 0px 2px;
	border-top: 1px dashed #99CCFF;
	border-right: 1px dashed #99CCFF;
	border-bottom: 0px dashed #cccccc;
	background-color: #FFFFFF;
	background-repeat: repeat-y; 
	background-position: left bottom;
	margin: 0px 0px 0px 2px;
}
.bgrulko {
	border: 0px solid #999966;
	background: #FFFFFF url(kuvat/bgr.jpg);;
	background-repeat: no-repeat; 
	background-position: left bottom;
}
.bdrlodju {
	border: 1px solid #0066CC;
	background: #FFFFFF url(kuvat/vasenbgrhiekka.jpg);;
	background-repeat: repeat-y; 
	background-position: left top;
}
.sininen {
width: 820px;
	font-family: 'Verdana', arial, helvetica;
	font-size: 9px;
	font-weight: bold;  
	text-decoration: none;  
	color: #FFFFFF;
	text-align: center;
	border: 0px solid #999999;
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-top: 0px;
	background: #336699;
}

.musta A {
	font-family: 'Verdana', arial, helvetica;
	font-size: 9px;
	font-weight: bold;  
	text-decoration: underline;  
	color: #FFFFFF;
}
.navi {
	width: 205px;
	font-family: 'Verdana', arial, helvetica;
	font-size: 12px;
	font-weight: bold;  
	text-decoration: none;  
	color: #FFFFFF;
	text-align: center;
	border: 0px solid #999999;
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-top: 0px;
}

.navi A {
	font-family: 'Verdana', arial, helvetica;
	font-size: 12px;
	font-weight: bold;  
	text-decoration: none;  
	color: #FFFFFF;
}
.navi A:hover {
	font-family: 'Verdana', arial, helvetica;
	font-size: 12px;
	font-weight: bold;  
	text-decoration: none;  
	color: #000000;
}
.navi A:hover:before { content: "» "; }

.anavipohja { 
	height: 25px;
	background-color: transparent;
	overflow:hidden;
}

.footer {
height:25px;
	font-family: 'Verdana', arial, helvetica;
	font-size: 12px;
	font-weight: bold;  
	text-decoration: none;  
	color: #FFFFFF;
	border-left: 0px dotted #cccccc;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
}
.footer a, footer:visited {
	color: #FFFFFF;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.footer2 {
	font-family: 'Verdana', arial, helvetica;
	font-size: 10px;
	font-weight: normal;  
	text-decoration: none;  
	color: #333333;
	border-top: 1px solid #eeeeee;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	vertical-align:top;
}
.footer2 a, footer:visited {
	color: #CC0000;
}
.footer2 a:hover {
	color: #cccccc;
	text-decoration: none;
}
.popbody {
	width: 700px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #FFFFFF url(kuvat/popparibgr.jpg);
	background-repeat:no-repeat; 
	background-position: right top;
	align: center;
	color: 666666;
}
.frame {
	width: 100%;
	height: 700px;
	font-family: 'Verdana', helvetica, arial;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-variant: normal;
	padding-top:0px;
	margin-top: -100px;
	border-right: 0px dotted #cccccc;
	color: #333333;
	}