body{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background: URL('/imagez/bodybg.jpg');
}

.mainx{
	background: #ffffff;
}

img {
	border:0;
}

.phdrmain {
	font-family : Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: none;	
	padding-left: 15px;
	color:#007CC2;
	vertical-align: top;
}

a.phdrA {
	font-family : Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: none;	
	color:#007CC2;
	vertical-align: top;
	text-decoration: none;
}

a.phdrA:Link {
	font-family : Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: none;	
	color:#007CC2;
	vertical-align: top;
	text-decoration: none;
}

a.phdrA:Hover {
	font-family : Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: none;	
	color:#007CC2;
	vertical-align: top;
	text-decoration: underline;
}


.srchitem {
	padding-top: 5px;
	font-weight:bold;
}	

.phdr{
	font-weight:bold;	
}

li {
	padding:0px;
	margin:0px;
}

.usrnavi {
	font-family : Arial,sans-serif;
	font-size: 8pt; 
	color:#000000;
	border:1px solid #000000;
	padding-right:2px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;

}

.usrnavi a {
	font-size:8pt;	
	color:#000000;
	text-decoration:none;
}

.usrnavi a:hover {
	font-size:8pt;	
	color:#000000;
	text-decoration:underline;
}

.usrnavi span {
	font-size:8pt;	
	color:#000000;
}

.style2 {
	font-family : Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #007CC2;
}

.contact9 {
	font-size: 12px;
	color: rgb(40, 140, 200);
	font-weight: bold;
}

td {
	font-family : Arial,sans-serif;
}

.pagecont {
	padding-right:10px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:20px;
	
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	
}

.pagecont2 {
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	
	font-family : Arial,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	
}

.pagecont2 td {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
}

a { 
	font-family : Arial,sans-serif;
	color:#0c8cd3;
	font-size: 11px;
	text-decoration: none; 
}

a:hover { 
	font-family : Arial,sans-serif;
	color:#064a70;
	font-size: 11px;
	text-decoration: underline;
}

input,select,textarea {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.button {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	background: #C0C0C0;
	border: 1px solid #b5b4b4;
}

.radio {
	background: transparent;
	border:0;
}

.check {
	background: transparent;
	border:0;
}

.text{
	background: transparent;
	border: 1px solid #b5b4b4;
	
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.textarea{
	border: 1px solid #b5b4b4;
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}



.newsh{
	color: #000000;
	font-weight:bold;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:12px;
}

.newsheader{
	color: #000000;
	font-weight:bold;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:11px;
}

.newsheader a {
	font-size:11px;	
	color:#35A0C9;
	text-decoration:none;

}

.newsheader a:hover {
	font-size:11px;
	color:#FFA800;
	text-decoration:underline;
}


.luelisaa {
	font-family : Arial,sans-serif;
	font-size: 10px;
	color: #0c8cd3;
	font-weight: normal;
	line-height: 10px;
	text-decoration: none;
}

.luelisaa a {
	font-family : Arial,sans-serif;
	font-size: 10px;
	color: #0c8cd3;
	font-weight: normal;
	line-height: 10px;
	text-decoration: none;
}

.luelisaa a:hover{
	font-family : Arial,sans-serif;
	font-size: 10px;
	color: #064a70;
	font-weight: normal;
	line-height: 10px;
	text-decoration: underline;
}

.pnav {
	font-family : Arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c0c0c0;
}

.pid {
	font-family : Arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c0c0c0;
}

.otsikko {
	font-family : Arial,sans-serif;
	font-size: 15px; 
	color: #FFA800;
	font-weight: bold;
	background-color: transparent;
	background: url(../imagez/grad.gif) repeat-x;
}	

.newshdr {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #007cc2;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
}
.newshdr a {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #007cc2;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
}
.newshdr a:hover {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	text-align: left;
	line-height: 15px;
}

.paivays {
	font-family : Arial,sans-serif;
	font-size: 11px; 
	color: #007cc2;
	font-weight: bold;
}

.valiotsikko {
	font-family : Arial,sans-serif;
	font-size: 12px; 
	color: #333333;
	font-weight: bold;
}

.ajankohtaista	{
	font-family : Arial,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	line-height: 12px;
}

.leftmenu {
	padding-right:0px;
	padding-left:15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: -15px;
/*	border-bottom: 5px SOLID #FFFFFF;	*/
	border-bottom: 1px SOLID #DCDCDC
}

.leftmenu a{
	font-family : Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #0c8cd3; 
	text-decoration: none;
	padding-right:0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.leftmenu a:hover{
	font-family : Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #0c8cd3; 
	text-decoration: none;
	padding-right:0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: url(/imagez/arrow13x13.gif) #FFFFFF left top no-repeat;
}

.leftmenusel {
	padding-right:0px;
	padding-left:15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: -15px;
/*	border-bottom: 5px SOLID #FFFFFF;*/
	border-bottom: 1px SOLID #DCDCDC
}

.leftmenusel a {
	font-family : Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #0c8cd3;
	text-decoration: none;
	padding-right:0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: url(/imagez/arrow13x13.gif) left top no-repeat;
}

.leftmenusel a:hover {
	font-family : Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #0c8cd3; 
	text-decoration: none;
	padding-right:0px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.smallleftmenu a{
	font-family : Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #0c8cd3;
	text-decoration: none;
}
.smallleftmenu a:hover{
	font-size: 10px;
	color: #0c8cd3; 
	background: transparent;
	font-family : Arial, Verdana, sans-serif;
	text-decoration: underline;
}

.smallleftmenusel {
	color: #0c8cd3; 
	background: transparent;;
	font-family : Arial, Verdana, sans-serif;
	text-decoration: none;
}

.smallleftmenusel a {
	font-size: 10px;
	font-family : Arial, Verdana, sans-serif;
	background: transparent;
	color: #0c8cd3;
	text-decoration: none;
}

.smallleftmenusel a:hover {
	font-size: 10px;
	color: #0c8cd3; 
	background: transparent;
	font-family : Arial, Verdana, sans-serif;
	text-decoration: none;
}

.flabel {
	font-size: 11px;
	color: #000000; 
	font-family : Arial,sans-serif;
	font-weight:normal;
}

.fblabel {

	font-size: 12px;
	color: rgb(80,90,100);
}

.fblabelhdr {
	font-size: 11px;
	color: #4fa5d6; 
	font-family : Arial,sans-serif;
	font-weight:bold;
}

.err {
	font-family : Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#cc0033;
	font-weight: bold;
}

.prompt {
	font-family : Arial,sans-serif;
	font-size: 11px;
	color:#008000;
	font-weight: bold;
}

.pagepath {
	font-family : Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1f1f1f;
}

.chkd{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.year{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.year a{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0c8cd3;
	text-decoration: none;
}

.year a:hover{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0c8cd3;
	text-decoration: underline;
}

.nextprev{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.nextprev a{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c0c0c0;
	text-decoration: none;
}

.nextprev a:hover{
	font-family : Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c0c0c0;
	text-decoration: underline;
}

/* ########################### DO NOT MODIFIED!!!!!!!!!!!!!!!!!!!!!  ########################### */
/* ########################### DAMIEN MAIN  CSS  STYLE  FOR TAPIOLA  ########################### */
TABLE.mainTable {
	width: 917px;
	background: URL('/imagez/repeatbg.jpg');
}

TD.mainlayoutTD {
	width: 916px;
	background: URL('/imagez/mainbg.jpg') bottom right no-repeat;
}

TD.toptd {
	width: 877px;
	height: 10px;
	border-bottom: 5px SOLID #FFFFFF;
	border-top: 10px SOLID #FFFFFF;
}

TD.menutd {
	width: 877px;
	height: 10px;
	border-bottom: 6px SOLID #FFFFFF;
}

TD.contenttd {
	width: 877px;
	z-index: 0;
}

TD.bottomSafe {
	width: 877px;
	height: 34px;
}

TD.minitapiola {
	width: 327px;
	background: URL('/imagez/minibg.jpg') #dcedc6 bottom  right no-repeat;
}

TD.menucleartd {
	height: 19px;
}

TD.kalenttd {
	height: 129px;
	_height: 115px;
	background: #99CBE7;
	border-bottom: 8px SOLID #FFFFFF;
	vertical-align: top;
	padding-left: 14px;
	padding-top: 4px;
	font-size: 11px; 
}

TD.paikkotd {
	height: 200px;
	_height: 195px;
	background: #75B81E;
	vertical-align: top;
	padding-left: 14px;
	padding-top: 4px;
	font-size: 11px; 
}

TEXTAREA.Cssarea {
	width: 100%;
	height: 600px;
}
/* ########################### END OF MAIN  CSS  STYLE  FOR TAPIOLA ########################### */


/* ########################### RSS ########################### */
#rss{
        padding-left: 5px;
        height: 190px;
        width: 320px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top: 10;
}

#rss p{

        font-size: 10px;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;

}
a.rssLink{
        font-size: 12px;
        margin: 0px;
        color: #007CC2;
        font-family: arial;
        text-decoration: none;
}

a.rssLink:hover{

        text-decoration: underline;

}

.style1
{
	font-size: 10px;
	line-height: 14px
}
/* ########################### END OF RSS #################### */


/* ########################### 3 - 4.10.2009 DAMIEN - CSS  STYLE  FOR DROP DOWN MENU  ########################### */
/* ########################### DO NOT MODIFIED!!!!!!!!!!!!!!!!!!!!!  ######################################## */
.preload1 {background: url(/imagez/blank_over.gif);}
.preload2 {background: url(/imagez/blank_overa.gif);}

.menu2 {
	
	width: 877px;
	height:35px;
	padding:0;
	margin:0;
	list-style:none;
	background:#A2A2A2;
	position:relative;
	z-index:500;
	font-family: arial, verdana, sans-serif;
}

.menu2 li.top {display:block; float:left;}

.menu2 li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 8px;
	cursor:pointer;
	background: url(/imagez/blank.gif);
}

.menu2 li a.top_link span {
	float:left;
	display:block;
	padding:0 8px 0 0;
	height:35px;
	background:url(/imagez/blank.gif) right top;
}

.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 8px 0 0;
	height:35px;
	background:url(/imagez/blanka.gif) no-repeat right top;
}

.menu2 li a.top_link:hover {color:#fff;	background: url(/imagez/blank_over.gif) no-repeat;}

.menu2 li a.top_link:hover span, .menu2 li a.top_link:hover span.down {background:url(/imagez/blank_over.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(/imagez/blank_over.gif) no-repeat;}

.menu2 li:hover > a.top_link span, .menu2 li:hover > a.top_link span.down {background:url(/imagez/blank_over.gif) no-repeat right top;}

.menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}

.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

.menu2 :hover ul.sub {
	left:0;
	top:35px;
	background: #fff;
	padding:2px;
	border:1px solid #3a93d2;
	border-width: 0 1px 1px 1px;
	white-space:nowrap;
	min-width: 90px;
	width: auto;
	_width:90px;
	height:auto;
	z-index:300;
	padding:3px;
}

.menu2 :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width: 100%;
	font-weight:normal;
	text-align: left;
}

.menu2 :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width: 100%;
	line-height:20px;
	text-indent:2px;
	color:#000;
	text-decoration:none;
	text-align: left;
}

.menu2 :hover ul.sub li a:hover {width: 100%; background:#3a93d2; color:#fff;}

.menu2 li.navsearch {
	display: block;
	float: left;
	padding: 0 0 0 10px;
}

.menu2 li.navsearch form {
	display: block;
	width: 140px;
	height:23px;
	width: auto;
	line-height: 33px;
	color: #FFF;
	margin: 0px;
	_padding: 5px 0;
	font-size:12px;
}
.menu2 li.navsearch form input {
	background: #FFF;
}
/* ########################### END OF CSS  STYLE  FOR DROP DOWN MENU   ###################################### */

/* ########################### 5.10.2009 DAMIEN - CSS STYLE  FOR NEWSLETTER FORM  ########################### */
.newsletter_header {
	font-size: 13px;
	color: #007CCE;
/*	border-top: 1px solid #A2A2A2;	*/
	padding: 6px 0 0 15px;
	vertical-align: bottom;
}

.newsletter_text {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 0 0 0 15px;
}

.newsletter_label {
	font-size: 11px;
	font-weight: bold;
	color: #007CCE;
	padding: 5px 0 5px 15px;
}

input.newsletter_input {
	background: transparent;
	border: 1px solid #b5b4b4;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	width: 180px;
	
}
input.newsletter_button {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background: #007CCE;
	border: 1px solid #007CCE;
	padding: 0 5px;
}

.leftmenunewslet {
	padding-right:20px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 5px;
}
/* ########################### END OF CSS STYLE  FOR NEWSLETTER FORM  ####################################### */

/* ########################### 5.10.2009 DAMIEN - CSS STYLE  FOR SEARCH SHOP  ############################### */
.leftmenusearch {
	padding-right:20px;
	padding-left:15px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 5px SOLID #FFFFFF;
	text-align: right;
}

input.search_input {
	background: transparent;
	border: 1px solid #b5b4b4;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	width: 170px;
	
}
input.search_button {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background: #007CCE;
	border: 1px solid #007CCE;
	padding: 0 2px;
}

/* ########################### END OF CSS STYLE  FOR SEARCH SHOP  ########################################### */

#maillisttop {
	border-top:2px solid #007cc2;
	border-left:2px solid #007cc2;
	border-right:2px solid #007cc2;
	padding-bottom:5px;
}
#maillistmid {
	border-left:2px solid #007cc2;
	border-right:2px solid #007cc2;
}
#maillistbott {
	border-bottom:2px solid #007cc2;
	border-left:2px solid #007cc2;
	border-right:2px solid #007cc2;
}