/* Start of CMSMS style sheet 'styles' */
body {

	margin: 30px 0px 0px 150px;

	background-color: #fff;

	background-image: url(../pics2/bg.gif);

	font: Verdana, Arial, Helvetica, sans-serif;

}



#page {

	width: 694px;

	xmargin: 0 auto;

	dtext-align: center;

	}

	

#pageBlackBorder {

	float: left;

	padding: 11px;

	width: 668px;

	border: 1px solid #fff;

	background-color: #000;

}	



#contentWhiteBorder {

	float: left;

	width: 666px;

	border: 1px solid #cdcfcd;

	background-color: #404040;

}



#contentIndex {

	float: left;

	padding: 31px 0px 0px 31px;

	width: 635px;

	background-color: #404040;

}



#content {

	float: left;

	padding: 14px 0px 31px 31px;

	width: 635px;

	background-color: #404040;

}



#butterflyIndex {

	width: 110px;

	position: absolute;

	top: 15px;

	left: 125px;

}



#butterfly {

	float: right;

	width: 110px;

}



/*** navigation ***/

#navigationIndex {

	float: left;

	width: 604px;

	margin-bottom: 20px;

	text-align: center;

}



#navigation {

	float: left;

	width: 624px;

	margin-bottom: 13px;

}



#navigation p, #navigationIndex p {

	margin: 0px 0px 12px 0px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #C0C0C0;

}



#navigation a, #navigationIndex a {

	margin: 0;

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #C0C0C0;

	text-decoration: none;

}



#navigation a:hover, #navigationIndex a:hover {

	margin: 0;

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #C0C0C0;

	text-decoration: underline;

}



#navigation a.on, #navigationIndex a.on {

	margin: 0;

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #efeeee;

	text-decoration: none;

}



/*** etusivu ***/

#indexLogo {

	float: left;

	padding: 16px 94px 0px 60px;

}



.indexImage {

	float: left;

	padding: 0px 30px 30px 0px;

}



/*** jatkosivut ***/

#logo {

	float: left;

	padding: 5px 0px 22px 0px;

}



#head {

	float: left;

	width: 570px;

	padding: 0px 0px 20px 0px;	

}

#head p {

        margin: 10px 0px 0px 0px;

}


.image {

	float: left;

	padding: 0px 25px 25px 0px;

        height: 135px;

}



/*** kuvasivut ***/

.imageBlocker {	

	float: left;

	width: 620px;

	padding-bottom: 20px;

}



.contentImage {	

	float: left;

	text-align: left;

}



.contentTextRight {

	float: left;

	width: 170px;

}



.contentTextRight p {

	margin: 10px 0px 0px 20px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 14px;

	color: #fff;

}



.contentTextRight h1 {

	margin: 10px 0px 15px 20px;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}



/*** infosivu ***/

#textBlock {

	float: left;

	width: 350px;

}



#textBlock p {

	margin: 0px 40px 20px 0px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 14px;

	color: #fff;

}



#textBlock h1 {

	margin: 10px 0px 15px 0px;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}



#imageInfo {

	float: left;

	padding: 0px 0px 0px 25px;

}



.img {

	border: solid 4px #fff;

}



a {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

	text-decoration: underline;

	line-height: 16px;

}



a:hover {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #15ff15;

	text-decoration: underline;

	line-height: 16px;

}



/*** blogi ***/

#blogTextBlock {

	float: left;

	width: 400px;

	border-right: dotted 1px #9c9b9b;

	margin-top: 20px;

}



#blogRightSide {

	float: left;

	width: 220px;

	margin-top: 20px;

}



#blogTextBlock h1 {

	margin: 0px 0px 10px 0px;

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}



#blogTextBlock p {

	margin: 0px 20px 20px 0px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 16px;

	color: #fff;

}



#blogTextBlock p.date {

	margin: 0px 20px 15px 0px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 16px;

	color: #bdbdbd;

}



#blogTextBlock p.posted {

	margin: 0px 20px 15px 0px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 16px;

	color: #dbdbdb;

}



#blogRightSide p {

	margin: 0px 0px 20px 25px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	line-height: 14px;

	color: #e1e1e1;

}



.line {

	float: left;

	width: 380px;

	border-top: dotted 1px #9c9b9b;

	margin-bottom: 20px;

	font-size: 1px;

}



.image img {

	border: solid 4px #fff;

}


.contentImage img {

	border: solid 4px #fff;

}

#imageInfo img {

	border: solid 4px #fff;

}


ul.list1 {
	padding: 0px:
	margin-top: 0px;
}

li.newscategory {
	margin-left: -15px;
	list-style-type: none;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #fff;
}

table {
	padding: 0px;
	margin: 0px;
}
td {
	padding: 0px;
	margin: 0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #fff;
}

input {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.contactforminput {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
}
textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width: 180px;
	height: 100px;
}
blockquote
{
	margin: 18px;
	padding: 0px;
}
/* End of 'styles' */

