/* Start of CMSMS style sheet '2010-default' */
/* POHJAN MUOTOILU */
body {
background: #000 url(images/body_bg.jpg) repeat-x top center fixed;
}

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

img {border: 0px;}

#container{
width: auto 0px;}

#navi {
height: 50px;
background: transparent url(images/navi_bg.jpg) no-repeat;
}

#content {
min-height: 450px;
}

.small {margin-bottom: 8px; margin-top: -15px; margin-left: 1px;font-size: 77%; text-transform: uppercase; }

#right a, #left a, #footer a{

color: #f0b25d;
font-weight:bold;

}

#right {
background: transparent url(images/right_bg.png) no-repeat;
min-height: 381px;
}

#footer {

}


#facebook{
background: transparent url(images/facebook_bg.jpg) no-repeat;
}

#myspace{
background: transparent url(images/myspace_bg.jpg) no-repeat;
}

/* OTSIKKOJEN ja KAPPALEIDEN MUOTOILUt */
h1 {
color: #b80000;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
}

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

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

p {
color: #fff;
font-size: 0.9em;
padding-left: 20px;
}

h1, h2, h3, h4, h5, h6 {
padding-left: 20px;
}

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

#menu2 p {
color: #fff;
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;
	}


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



/* -------------------------- */
/*VAAKAVALIKON MUOTOILUT - ÄLÄ KOSKE*/
ol#toc {
	height: 1em;
	list-style: none;
	margin: 1px 0px 0px 130px;
	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;
	color: #fff;
	float: left;
	line-height: 4.2em;
	outline: none;

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

ol#toc li.current {
	background: transparent url(images/tabs.png) 100% 0;
}

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: 0;
padding: 1px;
list-style-type: none;
}

ul#vert a {
display: block;
width:218px;
height: 35px;
line-height: 31px;
color: #f0b25d;
text-decoration: none;
background: transparent url(images/rollover.png) no-repeat left bottom;
text-indent: 10px;
font-weight:bold;
font-size: 13px;
margin-bottom:1px;
}

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


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

/* End of '2010-default' */