/* ---------------------- */
/* CUSTOMIZE THESE VALUES */
/* ---------------------- */

.color1 { color: #0099FF; }
.color2 { color: #00CC33; }
.color3 { color: #cccccc; }
.colorwhite { color: #ffffff;}
.colorlight { color: #ddd;}

.bgcolor1 { background-color: #0099FF; }
.bgcolor2 { background-color: #00CC33; }
.bgcolor3 { background-color: #cccccc; }
.bgcolorwhite { background-color: #ffffff;}
.bgcolorlight { background-color: #ddd;}

.bggradient1 { background: url(../images/gradient1.png) repeat-x top left; }
.bggradient2 { background: #cde6f6 url(../images/gradient2.png) repeat-y top left; }

.bordersolid { border: 1px solid; color:#ddd; }
.bordersolid_tb { border-top: 1px solid; border-bottom: 1px solid; color:#ddd; }
.bordersolid_b { border-bottom: 1px solid; color:#ddd; }
.bordersolid_t { border-top: 1px solid; color:#ddd; }
.bordersolid_b_strong { border-bottom: 4px solid; color:#ddd; }
.bordersolid_t_strong { border-top: 4px solid; }
.borderdotted_b_light { border-bottom: 1px dotted; color:#ddd; }

.minheight {
min-height:350px;
}

/* --------------------------- */
/* -- WIREFRAME STARTS HERE -- */
/* --------------------------- */
#PageBackground {
/* 
STYLES IN PAGE SS TEMPLATE
/*
display: block;
clear: both;
min-width: 100%;
margin:0 auto;
padding: 0 auto;
background:#3A3B3F url(../images/bg1.jpg) top center no-repeat;
*/
}

#PageBackgroundHome {
	background:url(http://www.mikaturkki.fi/themes/ssmikaturkki/images/backgrounds/homepagebg.gif) top center no-repeat;
	_background:none; /* IE 6 and below */
}

#PageBackground2top {
	margin: 0 auto;
	min-width:100%;
	padding: 0;
	background:url(../images/headerbg.png) top left repeat-x ;
	_background:none; /* IE 6 and below */
}


#Container {
width:960px;
margin:0 auto;
padding:0 auto;
}

#Wrapper {
	margin:0 auto;
	padding:0 auto;
/*	width:960px;*/
	width:100%;
	overflow: auto;
	padding-bottom:70px;
	background:url(../images/footerbg.png) bottom left repeat-x;
	_background:none; /* IE 6 and below */
}

#HeaderWrapper
{
	height:70px;
}

#HeaderBorder
{
	height:10px;
	background:#679597;
	width:940px;
}

#HeaderDivider {
	height:300px;
}


#TopNavigation
{
}


#FixedFooter {
display: block;
text-align: left;
width: 100%;
background-color:#679597;
height: 100px;
_padding-top:20px;
}

#homepagespacer {
	width:100%;
	height:100px;
	background:none;
	clear:both;
}

/* LANGUAGE CHOOSER DIVS */

#language {
	width:172px;
	height:40px;
	line-height:34px;
	float:left;
	font-size:0.81em;
	padding-left:30px;
	text-align:right;
}

#language a {
	color:#999999;
	margin:0px 3px 0px 3px;
}

#language a:hover {}


/*  TOP BAR SEARCH ***************************/

#search {
	width:240px;
	float:right;
	padding-top:0px;
}

#search fieldset {
	float:right;
}

#search .middleColumn {
	padding:0;
	margin:0;
	width:auto;
	float:left;
	margin-top:3px;
}

#search input {
	border:1px solid #CCCCCC;
	color:#999;
	height:16px;
	padding:0.1em;
	float:left;
	width:140px;
	line-height:1.5em;
}

#search .action {
	background: url(../images/buttonssearch.png) top left no-repeat;
	_background: url(../images/ie6searchbutton.png) top left no-repeat; /* IE 6 and below */
	display: block;
	float:right;
	height: 24px;
	line-height:24px;
	text-align: center;
	width: 80px;
	border:none;
	cursor:pointer;
	background-position:0 2px;
	color:#999999;
	font-size:0.75em;
}

#search .action:hover {
	background: url(../images/buttonssearch.png) top left no-repeat; 
/*	_background:#e4e9f0; /* IE 6 and below */
	_background:none;
	display: block;
	float:right;
	height: 24px;
	text-align: center;
	width: 80px;
	border:none;
	background-position:0 -112px;
	font-size:0.75em;
}

/*********************************/


/* SEARCH RESULTS PAGE SEARCH STARTS */

#widesearch {
	width:99.9%;
	float:left;
	clear:both;
}

#widesearch fieldset {
	float:left;
	padding:0;
	margin:0;
	width:900px;
}

#widesearch .middleColumn {
	padding:0;
	margin:0;
	width:800px;
	float:left;
	margin-top:3px;
}

#widesearch input {
	border:1px solid #CCCCCC;
	color:#999;
	height:16px;
	padding:0.1em;
	float:left;
	width:795px;
	line-height:1.5em;
	margin-left:0%;
}


#widesearch .action {
	background: url(../images/buttonssearch.png) top left no-repeat;
	_background:#dddddd; /* IE 6 and below */
	float:left;
	height: 24px;
	line-height:24px;
	text-align: center;
	width: 80px;
	border:none;
	cursor:pointer;
	background-position:0 2px;
	color:#999999;
	font-size:0.75em;
}

#widesearch .action:hover {
	background: url(../images/buttonssearch.png) top left no-repeat; 
	_background:#ccc; /* IE 6 and below */
	display: block;
	float:right;
	height: 24px;
	text-align: center;
	width: 80px;
	border:none;
	background-position:0 -112px;
	font-size:0.75em;
}

/********************************/


#results {
	width:66%;
	float:left;
	clear:both;
	margin-top:2em;
}


#NaviWrapper
{
	float: right;
	width:100%;
}

#Navi2 {
	float:right;
	width:100%;
	background:none;
	height:auto;
	margin-top:0.3em;
}

#Banner {
	text-align: center;
	height:100px;
}

#Spacer {
visibility:hidden;
}

#CustomBox {
	float:left;
}

#UserBox {
	float:left;
}

.box_in_left {
	width:50%;
	float:left;
}

.box_in_right {
	width:50%;
	float:left;
}

#Content {
}

#Content img.right {
	padding:4px 1px 4px 1px;
	float:right;
}

#Content img.left {
	padding:4px 8px 4px 1px;
	float:left;
}

img.left {
	padding:4px 4px 4px 8px;
	float:left;
}

img.right {
	padding:4px 4px 4px 1px;
	float:right;
}


#FooterWrapper {
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#CC0033;
	height:100px;
}

.sidebarBox {
display:block;
clear:both;
}

.sidebarBox p {
display:block;
clear:both;
}

#box1, #box2, #box3 {
height:200px;
}

.TopbarBox {
display:block;
clear:both;
}

.TopbarBox p {
display:block;
clear:both;
color:white;
}




/*******************************************/
/********** SPECIAL ELEMETNS ***************/
/*******************************************/


div.breadcrumbs {
	margin-bottom:10px;
	padding:10px;
	font-size:0.75em;
	color:#fff;
}
div.breadcrumbs a {
	text-decoration:none;
}

div.copyright {
font-size:0.5em;
color:#ddd;
text-align:center;
}


/***************************************************************/
/********************* LATES NEWS BLOCK ************************/
/***************************************************************/

#NewsList {
}

#NewsList li.newsDateTitle {
	color:#fff;
	font-size: 0.81em;
	text-transform:uppercase;
	margin-top:0.2em;
	margin-bottom: 0.5em;
}

#NewsList li.newsMore a {
	color:#FFFFFF;
}

/***************************************************************/
/****************** ETUSIVUN TULOSSA BLOKKI ********************/
/***************************************************************/

#etusivutulossa {
}

#etusivutulossa img {
	padding:5px 5px 5px 0px;
	float:left;
}

#etusivutulossa span.tapahtumapvm {
	font-size:0.81em;
	text-transform:uppercase;
}

#etusivutulossa p.tapahtumanimi {
	font-size:0.81em;
	text-transform:normal;
	padding-top:5px;
	height:35px;
	padding-bottom:4px;
}

#etusivutulossa p a.button1 {
	color:#FFFFFF;
	clear:both;
	font-size:1em;
	text-transform:none;
}

/**********************************************/
/************** STAFF LISTING *****************/
/**********************************************/

#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:1em;
}

#StaffList li {
	margin: 0;
	list-style-type: none;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

/********************************************/
/*************** COMMENTS *******************/
/********************************************/

#PageComments {
	list-style:none;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:10px;
		margin:0;
		font-size:1em;
		background:#333333;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

#PageComments_holder h4 {
	clear:both;
}

#PageComments_holder label {
	font-size:0.81em;
}

input#PageCommentInterface_Form_PostCommentForm_action_postcomment {
	font-size:0.81em;
}
		
#PageComments p {
	font-size:0.81em;
}		

#PageComments p.info {
	font-size:0.61em;
}	

a.commentrss {
	font-size:0.81em;
}

/***********************************/
/* COMMENTS */
/***********************************/

div.pageComments {
	background:#ff00ff;
	border:1px dotted #ccc;
	padding:10px;
}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}
	

/*************************************************/	
/******************** SITE SEARCH RESULTS ********/
/*************************************************/

.searchResults h2 {
	color: #34489D;
	font-size: 2.63em;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom: 0.5em;
}
.searchResults p.searchQuery {
	color: #666;
	font-size: 1em;
	font-weight: normal;
	margin-bottom:2em;
}

.searchResults ul#SearchResults li {
	margin-bottom:20px;
}
	ul#SearchResults p {
		font-size:0.75em;
		font-weight:normal;
		line-height:1.5em;
		color:#666;
		padding:1em 0 0.1em 1em;
	}
	ul#SearchResults a.searchResultHeader {
		font-size:1.25em;
		font-weight:bold;
		color:#34489D;
		text-decoration:none;
		margin:2em 0 1em 0em;
		border-bottom:1px dotted #34489D;
	}
		ul#SearchResults a {
			text-decoration:underline;
			font-size:0.75em;
		}
		ul#SearchResults a:hover {
			text-decoration:none;
		}
		

/************************************/
/******* MACRO STYLIN CLASSES *******/
/************************************/

.box100
{
	width: 100%;
}

.box66
{
	width: 66%;
}


.box50
{
	width: 40%;
	background:#996600;
	margin:1%;
}

.box45 {
	width: 45%;
}

.box33
{
	width: 33.335%;
}

.box33_left
{
	width: 31.9%;
}

.box33_mid
{
	margin-left: 1.25%;
	width: 32.5%;
}

.box33_right
{
	width: 32.5%;
}

.box32 {
	width:32%;
}

.box32_left {
	width:32%;
}

.box32_mid {
	width:32%;
	margin-left:2%;
	}

.box32_right {
	width:32%;
	}


.box25
{
	width: 23%;
	background:#CCCCCC;
	margin:1%;
}

.box15 {
	width:15%;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.height100
{
	height: 100%;
}

img.imgleft
{
	float:left;
	margin: 0 0.8em 0.5em 0;
}

img.imgright
{
	float:right;
	margin: 0 0em 0.5em 0.8em;
}


.margin
{
	margin: 1em;
}

.margin_tb
{
	margin: 1em 0 1em 0;
}

.margin_lr
{
	margin: 0 1em 0 1em;
}

.margin_b
{
	margin: 0 0 1em 0;
}

.padding
{
	padding: 1em;
}

.padding_tb
{
	padding: 1em 0 1em 0;
}

.padding_t {
	padding: 1em 0 0 0;
}

.padding_lr
{
	padding: 0 1em 0 1em;
}

.padding_r {
	padding:0em 1em 0em 0em;
}

.padding_l {
	padding:0em 0em 0em 1em;
}

.padding_l_lastbox
{
	padding: 0 0em 0 0.5em;
}

.padding_r_firstbox
{
	padding: 0 0.5em 0 0em;
}

.padding_middlebox
{
	padding: 0 0.5em 0 0.5em;
}

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.textcenter
{
	text-align: center;
}

.clearingfix:after
{
	content: "."; 
	display: block; 
	line-height: 0px;
	clear: both; 
	visibility: hidden;
}

.clear
{
	clear:both;
}