body{
	background: red url(../images/bg.gif);
	padding: 0;
	margin: 0;
}

#keskitys{
	width: 958px;
	padding: 0;
	margin: 10px auto 0 auto;
}

#header{
	padding: 0;
	margin: 0;
	height: 207px;
	background: transparent url(../images/header-bg.gif) no-repeat right bottom;
}

#container{
	padding: 0;
	margin: 0 0 0 31px;
}

#container-bg{
	padding: 0;
	margin: 0;
	background: transparent url(../images/container-bg.gif) repeat-y right;
	height: 1%;
}

#container-top{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/********************************************************************************************
*	Vasen reuna (menu / ajankohtaiset)
*********************************************************************************************/
#left{
	float: left;
	padding: 0;
	margin: 0;
	width: 213px;
}

.left-div-padding{
	margin: 0 0 0 8px;
	width: 203px;
}

.left-otsikko{
	color: #b00006;
	font-weight: bold;
	margin: 0 5px 0 5px;
	border-bottom: 1px solid #b00006;
}

.left-vali{
	background: transparent url(../images/left-vali.gif) no-repeat top left;
	height: 23px;
}

.left-vali2{
	background: transparent url(../images/left-vali3.gif) no-repeat top left;
	height: 23px;
}

#menu{
	padding: 0;
	margin: 5px 0 10px 0;

	min-height:200px;
	height:auto !important;
	height:200px;

	background: white;
}

#menu ul, ul.uutislista, .kirjautumistieto ul{
	padding: 0;
	margin: 0 5px 0 5px;
	list-style: none;
	font-size: 14px;
}

ul.uutislista{
	margin: 0;
}

#menu ul li, ul.uutislista li, .kirjautumistieto ul li{
	padding: 2px 0 2px 0;
	margin: 0;
	background: transparent url(../images/menu-li-bg.gif) repeat-x bottom;
}

#menu ul li .menulinkki, ul.uutislista li .menulinkki, .kirjautumistieto ul li .menulinkki{
	background: transparent url(../images/menu-pallo.gif) no-repeat left top;
	margin-left: 2px;
}

#menu ul li .menulinkki .noLink, ul.uutislista li .menulinkki .noLink, .kirjautumistieto ul li .menulinkki .noLink{
	color: #1852a2 !important;
	text-decoration: none !important;
	padding-left: 8px;
}

#menu ul li a, ul.uutislista li a, .kirjautumistieto ul li a{
	color: #1852a2 !important;
	text-decoration: none !important;
	padding-left: 8px;
}

#menu ul li a:hover, ul.uutislista li a:hover, .kirjautumistieto ul li a:hover{
	color: #b00006 !important;
}

#menu ul li a.selected, ul.uutislista li a.selected, .kirjautumistieto ul li a.selected{
	color: #b00006 !important;
}

#menu ul ul, ul.uutislista ul, .kirjautumistieto ul ul{
	margin: 0 5px 0 7px;
}

#menu ul ul li, ul.uutislista ul li, .kirjautumistieto ul ul li{
	padding: 1px 0 1px 0;
	background: transparent;
}

.kirjautumistieto ul{
	margin: 0;
}


/********************************************************************************************
*	Oikea reuna (sisältö)
*********************************************************************************************/
#right{
	float: right;
	margin-right: 6px;
	width: 699px;
}

#content{
	margin: 10px;
	margin-top: 0;

	min-height:500px;
	height:auto !important;
	height:500px;
}


/********************************************************************************************
*	Footer
*********************************************************************************************/
#IE6Hack{
	/*isplay: none;*/
	line-height: 0px;
	padding: 0;
	margin: 0;
}

#footer{
	padding: 0;
	margin: 0;
	height: 17px;
}


/********************************************************************************************
*	Desing
*********************************************************************************************/
#desingDiv{
	text-align: center;
}

#desing{
	width: 600px;
	margin-bottom: 5px;
	margin-left: 280px;
}

#desing a{
	text-decoration: none;
	font-size: 14px;
	color: #700004 !important;
}

#desing a:hover{
	text-decoration: underline;
}


/********************************************************************************************
*	Vieraskirja
*********************************************************************************************/
.vieraskirjaviesti-otsikko{
	padding: 2px 5px 2px 5px;
	background: #DFEAFC;
	border: 1px solid #7f9db9;
}

.vieraskirjaviesti-otsikko table{
	width: 100%;
}

.vieraskirjaviesti-viesti{
	padding: 5px 5px 5px 5px;
	border: 1px solid #7f9db9;
	border-top: none;
	margin-bottom: 10px;
}

.vieraskirjasivutus{
	width: 100%;	
}

.vieraskirjasivutus td.edellinen{
	text-align: left;
	width: 100px;
}

.vieraskirjasivutus td.sivuvalinta{
	text-align: center;
	font-size: 11px;
}

.vieraskirjasivutus td.seuraava{
	text-align: right;
	width: 100px;
}


/********************************************************************************************
*	Clear
*********************************************************************************************/
.c{
	clear: both;	
}


/********************************************************************************************
*    Bng image hack
*********************************************************************************************/
img {
   border: none;
   behavior: url("pngbehavior.htc");
}

/*********************************************************************************
*	Messages
**********************************************************************************/
.message{
	padding: 0;
	margin: 0 0 15px 0;
	border: 1px solid #b00006;
	background: #dfeafc;
}

.message p{
	padding: 0;
	margin: 5px;
}


/*********************************************************************************
*	Form
**********************************************************************************/
.button{
	border: 1px solid #1852a2;
	margin: 2px 0 0 0;
	background: #bad3f7 url(../images/button-bg.gif) repeat-x top;
}

input.text, textarea{
	border: 1px solid #7f9db9;
	padding: 2px;
}

table.formTable{
	
}

table.guestbook input.text{
	width: 250px;

}

table.guestbook textarea{
	width: 500px;
	height: 200px;
}

table.guestbook .smileDiv{
	border: 1px solid #7f9db9;
	padding: 2px;
}

table.guestbook .smileDiv .smileButton{
	cursor: pointer;
	border: none;
	width: 19px;
	height: 19px;
}


/*********************************************************************************
*	Valikon alla oleva tietolaatikko
**********************************************************************************/
.left-alempiDiv{
	font-size: 14px;
	line-height: 16px;
	color: #425067;
}

.left-alavali{
	height: 1px;
	margin: 10px 5px 10px 5px;
	background: transparent url(../images/menu-li-bg.gif) repeat-x;
}

.left-otsikko-alempi{
	color: #425067;
	border-bottom: 1px solid #425067;
}

#muut{
	margin: 0 5px 0 5px;
	font-size: 13px;
}

#kirjautuminen{
	margin: 3px 5px 0 5px;
	
}

#kirjautuminen .kirjauduForm{
	font-size: 13px;
}

#kirjautuminen input.text{
	width: 95%;
	color: #425067;
	font-size: 13px;
}

#kirjautuminen .button{
	font-size: 12px;
}

#kirjautuminen .kirjautumistietoOtsikko, #muut .kirjautumistietoOtsikko{
	background: #eaf2fc;
	border: 1px solid #7F9DB9;
	padding: 0px 10px 0px 10px;
	margin-left: 5px;
	position: relative;
	bottom: -8px;
	
	font-size: 13px;
}

#kirjautuminen .kirjautumistieto, #muut .kirjautumistieto{
	background: #eaf2fc;
	border: 1px solid #7F9DB9;
	padding: 15px 5px 5px 5px;
}

#muut .kirjautumistieto{
	margin-bottom: 10px;
}

#kirjautuminen .width100{
	width: 100%;
}


/*********************************************************************************
*	Tilastot
**********************************************************************************/
.tilastonLisays{
	width: 100%;
}

.tilastonLisays th{
	text-align: left;
	background: #DFEAFC;
	border-top:1px solid #7F9DB9;
	border-bottom:1px solid #7F9DB9;
	padding: 1px 10px 1px 5px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}

.tilastonLisays th.alignLeft{
	text-align: left;
}

.tilastonLisays th.leftBor{
	border-left:1px solid #7F9DB9;
}

.tilastonLisays th.rightBor{
	border-right:1px solid #7F9DB9;
}

.tilastonLisays tr.row2{
	background: #F4F8FC; /*#f0f5fc;*/
}

.tilastonLisays td{
	padding: 3px 10px 3px 5px;
	white-space: nowrap;
	text-align: center;
}

.tilastonLisays td.alignLeft{
	text-align: left;
}

.tilastonLisays td.leftBor{
	border-left:1px solid #7F9DB9;
}

.tilastonLisays td.rightBor{
	border-right:1px solid #7F9DB9;
}

.tilastonLisays td.topBor{
	border-top:1px solid #7F9DB9;
}

.tilastonLisays td.valiBor{
	border-top:1px solid #dde7f0;
}

.tilastonLisays td a, .tilastonLisays td a:visited{
	color: black !important; /*#B00006*/
}

.tilastonLisays td a:hover{
	text-decoration: underline;
}

div.tilastoInfo{
	padding-top: 10px;
	font-size:13px;
}

.noCenter td{
	text-align: left;
}

table td.noCenter{
	text-align: left;
}

table.whiteSpaceYes tr td{
	white-space: normal !important;
}

/*********************************************************************************
*	infoDiv
**********************************************************************************/
.infoDiv{
	border:1px solid #7F9DB9;
	padding: 5px;
	font-size: 13px;
	margin-bottom:10px;
}