/* Start of CMSMS style sheet 'NS10 - default' */
/* POHJAN MUOTOILU background: #1f1e26 url(images/body_bg.jpg) no-repeat;*/
body {
background: #a5a63f url(images/body_bg.jpg) repeat-x top center;
}

body {
font-family: Arial, "trebuchet MS", sans-serif;
font-size: 0.85em;
}

a.taglink {color: Green; }
a.tagcloudlink {color: orange;}

/* REUNAN PYÖRISTYS LUOKKA */
.curved { -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);border: 5px solid #fff;}

img{border: 0px;}

#navi {
height: 50px;

background: #2f2f2f;
margin: 0px 0px 10px 0px;
-moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; behavior:url(border-radius.htc);
}

#content {
background: #fff;
min-height: 450px;
}

#content p {padding-right: 30px;}


#left {
margin-top: -10px;
}

#right {

}

#footer {
margin-bottom: 10px;
}




/* OTSIKKOJEN ja KAPPALEIDEN MUOTOILUt */
h1 {
color: #393939;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
border-bottom: #c0c0c0 1px dotted;
}

h2, h3{
color: #393939;
font-size: 1.1em;
font-weight: bold;
}

h4, h5{
color: #393939;
font-size: 1.0em;
font-weight: bold;

}

p {
color: #181818;
font-size: 0.9em;
padding-left: 10px;
}

ul, li {
color: #181818;
font-size: 0.95em;
}

#menu2 p {
color: #181818;
font-size: 0.95em;
padding: 0 5px 0 5px;
}



/* KUVAGALLERIA CROP */
.kuvataulukko {margin-left: 10px;}
.crop{
	float:left;
	margin:.14px 7px 14px 7px;
	overflow:hidden; /* this is important */
	border:1px solid #000;
	}
/* input values to crop the image */

.crop img{
	margin: -12px -24px;
	}

/*VAAKAVALIKON MUOTOILUT - ÄLÄ KOSKE*/
ol#toc {
	height: 1em;
	list-style: none;
	margin: 5px 0px 0px 165px;
	padding: 0;
}

ol#toc ol{
	height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	list-style: none;
        font-family: arial;
	background: transparent url(images/tabs.gif) 100% 0 ;
	color: #fff;
	float: left;
	line-height: 3.8em;
	outline: none;

	padding-right: 20px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: normal;
       
}

ol#toc li.current {
	background-color: #808330;
        -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);

}

ol#toc li.current a {
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
        
}

ol#toc li {
	list-style: none;
	background:  transparent url(images/tabs.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 10px;
}

/* -------------------------- */

/*PYSTYVALIKON MUOTOILUT - ÄLÄ KOSKE*/
ul#vert {
margin: 0;
padding: 1px;
list-style-type: none;
}

ul#vert ul{
margin: 0px;
padding: 1px;
list-style-type: none;
}

ul#vert a {
display: block;
width:297px;
height: 35px;
line-height: 31px;
color: #1d697e;
text-decoration: none;
background: transparent url(images/rollover.gif) no-repeat left bottom;
text-indent: 10px;
font-weight:bold;
font-size: 13px;
margin-bottom:1px;
-moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);
}

ul#vert .selected a {
background-position: right bottom;
color: #fff;
font-weight:bold;
}


ul#vert a:hover, ul#vert .selected a {
background-position: right bottom;
color: #fff;
font-weight:bold;
}

/* -------------------------- */

/* EASY SLIDER MUOTOILUT */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:926px;
	height:384px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:41px;
	height:71px;
	position:absolute;
	left:-48px;
	top:150px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:933px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:41px;
	height:71px;
	background:url(images/prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(images/next.png) no-repeat 0 0;	
	}	
	
/* numeric controls */	
ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/* EDELLINEN SEURAAVA NAPPI KORVAUS */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}

/* End of 'NS10 - default' */