body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/* background-image: url('./');
	background-position: ;
	background-repeat: ;
	background-attachment: ; */
	
	font-family: Trebuchet MS;
	font-size: 0.70em;
	
	text-decoration: none;
	text-align: center;
	
	line-height: 1.3em;
	
	color: #000;
}

	body p
	{
		margin: 0px 30px 30px 30px;
		padding: 0px 0px 0px 0px;
		
		letter-spacing: 1pt;
	}
	
	body h3
	{
		margin: 0px 30px 60px 30px;
		padding: 0px 0px 0px 0px;		
		
		font-size: 1.3em;
		
		letter-spacing: 2pt;
		text-transform: uppercase;
		
		color: #444;
	}

	body h4
	{
		margin: 0px 30px 10px 30px;
		padding: 0px 0px 0px 0px;		
		
		font-size: 1.5em;	
	}




/* *********** NAVI *********** */
	
.navi
{
	margin: 220px 0px 0px 45px;
	padding: 0px 0px 0px 0px;

	height: 100px;
	width: 450;
	
	position: absolute;
	
	/* border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #999;
	
	background-color: #DDD; */
	
	font-family: Trebuchet MS;
	font-size: 0.85em;
	
	line-height: 2em;
	text-align: left;
		
	text-transform: uppercase;
}

	.navi a
	{
		padding: 0px 5px 5px 5px;
		color: #333;
	
		text-decoration: none;
			
		/* letter-spacing: 0.1em; */
	}

	.navi a:hover
	{
		color: #999;
		
		padding: 85px 5px 5px 5px;		
		background-color: #FFF;

		text-decoration: none;
			
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter: alpha(opacity=50);
			
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #CCC;
			
		color: #000;
	}

		.navi .area
		{
			padding: 0px 5px 5px 5px;
			
			font-size: 0.75em;
		}

		.navi .area a
		{
			padding: 0px 5px 5px 5px;
			color: #333;
	
			text-decoration: none;
		}

		.navi .area a:hover
		{
			color: #999;
		
			padding: 2px 5px 2px 5px;		
			background-color: #FFF;

			text-decoration: none;
			
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
				
			border-width: 0px 0px 1px 0px;
			border-style: solid;
			border-color: #CCC;
			
			color: #000;
		}



/* *********** KERAVA *********** */

.headerK
{
	width: 700px;
	height: 316px;
	
	margin: auto;
	
	background-image: url('../kerava/images/headerBGR.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
	text-align: left;
}

.contentWrapperK
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	width: 620px;
	/* height: 300px; 
	
	position: relative;
	
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	
	overflow: auto; */
	
	background-image: url('../kerava/images/contentBGR.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #E7E7E7;
	
	text-align: justify;
}

	.contentWrapperK a
	{
		font-weight: bold;
		text-decoration: none;
		
		color: #770000;
	}

	.contentWrapperK a:hover
	{
		text-decoration: underline;
		
		color: #330000;
	}




/* *********** JÄRVENPÄÄ *********** */

.headerJ
{
	width: 700px;
	height: 316px;
	
	margin: auto;
	
	background-image: url('../jarvenpaa/images/headerBGR.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
	text-align: left;
}

.contentWrapperJ
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	width: 620px;
	/* height: 300px; 
	
	position: relative;
	
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	
	overflow: auto; */
	
	background-image: url('../jarvenpaa/images/contentBGR.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #E7E7E7;
	
	text-align: justify;
}

	.contentWrapperJ a
	{
		font-weight: bold;
		text-decoration: none;
		
		color: #000099;
	}

	.contentWrapperJ a:hover
	{
		text-decoration: underline;
		
		color: #007700;
	}



/* *********** TUUSULA *********** */

.headerT
{
	width: 700px;
	height: 316px;
	
	margin: auto;
	
	background-image: url('../tuusula/images/headerBGR.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
	text-align: left;
}

.contentWrapperT
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	width: 620px;
	/* height: 300px; 
	
	position: relative;
	
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #999;
	
	overflow: auto; */
	
	background-image: url('../tuusula/images/contentBGR.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #E7E7E7;
	
	text-align: justify;
}

	.contentWrapperT a
	{
		font-weight: bold;
		text-decoration: none;
		
		color: #004400;
	}

	.contentWrapperT a:hover
	{
		text-decoration: underline;
		
		color: #770000;
	}




/* *********** DB FEED *********** */

.feed
{
	margin-left: 20px;
	padding: 5px 10px 5px 10px;
	width: 530px;

	background-color: #E5E5E5;
}

	.feed img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}


.feedKerava
{
	margin-left: 20px;
	padding: 10px;
	width: 500px;
	
	background-image: url('./images/newsKerava.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #e5e5e5;

	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #CCC;
}

	.feedKerava img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}

.feedTuusula
{
	margin-left: 20px;
	padding: 10px;
	width: 500px;
	
	background-image: url('./images/newsTuusula.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #e5e5e5;

	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #CCC;
}

	.feedTuusula img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}

.feedJarvenpaa
{
	margin-left: 20px;
	padding: 10px;
	width: 500px;
	
	background-image: url('./images/newsJarvenpaa.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #e5e5e5;

	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #CCC;
}

	.feedJarvenpaa img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}

.feedCommon
{
	margin-left: 20px;
	padding: 10px;
	width: 500px;
	
	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #CCC;
}

	.feedCommon img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}

.eventfeed
{
	margin-left: 20px;
	padding: 10px;
	width: 500px;
	
	background-image: url('./images/eventfeedBGR.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #e5e5e5;

	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #CCC;
}

	.eventfeed img
	{
		margin: 5px 0px 5px 20px;
		padding: 5px 5px 5px 5px;
		
		border-width: 1px 1px 10px 1px;
		border-style: solid;
		border-color: #CCC;		
	}


.reminder
{
	margin-left: 110px;

	padding: 10px;
	width: 350px;
	
	background-color: #BB0000;

	border-width: 1px 10px 1px 10px;
	border-style: solid;
	border-color: #880000;	
}

	.reminder .rh3
	{
		font-size: 1.1em;
		font-weight: bold;
		
		text-transform: uppercase;
		
		color: #000;
	}


/* *********** FEED FORMATTING *********** */
pre
{
	font-family: Trebuchet MS;
	font-size: 8pt;
	
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;	/* Mozilla, since 1999 */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;
}

.topic
{
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

.message
{
	margin-left: 10px;
	text-align: justify;
}

	.rMessage
	{
		font-size: 1.0em
		font-family: Trebuchet MS;
		
		color: #111;
	}

.area
{
	/* margin-left: 30px; */
	
	font-size: 7pt;	
	color: #888888;
}

	.rArea
	{
		font-size: 1.0em
		font-family: Trebuchet MS;
		font-weight: bold;
		
		color: #000;
	}

.posted
{
	font-size: 7pt;	
	color: #888888;
}

.admin
{
	font-size: 7pt;	
	color: #888888;
}

.splitter
{
	margin: 8px 0px 5px 90px;
	width: 420px;
	height: 4px;
	
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 0px 0px 0px;
}




/*********** Image formatting ***********/


.imgLeft
{
	margin: 5px 10px 5px 0px;
	
	float: left;
	
	border-style: solid;
	border-color: #c5c5c5;
	border-width: 1px;
}

.imgRight
{
	margin: 5px 0px 5px 10px;
	
	float: right;
	
	border-style: solid;
	border-color: #c5c5c5;
	border-width: 1px;
}




/*********** Timetable formatting ***********/


#timetable
{
	font-family: Arial;
	font-size: 8pt;
	
	text-align: center;
	
	background-color: #EEE;
	
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
}

.kerava
{
	background-color: #ECCBDA;
}

	.keravaHalfTop
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #ECCBDA;
	}
	
	.keravaHalfBottom
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: bottom left;
		background-color: #ECCBDA;
	}

.tuusula
{
	background-color: #B6BFAC;
}

	.tuusulaHalfTop
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #B6BFAC;
	}
	
	.tuusulaHalfBottom
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: bottom left;
		background-color: #B6BFAC;
	}

.jarvenpaa
{
	background-color: #AFB6CB;
}

	.jarvenpaaHalfTop
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #AFB6CB;
	}
	
	.jarvenpaaHalfBottom
	{
		background-image: url('./calendar/halfhour_neutral.jpg');
		background-repeat: repeat-x;
		background-position: bottom left;
		background-color: #AFB6CB;
	}


	/*************** Calendar Overlapping ***************/ 


	.overlapTuusulaJarvenpaa
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/overlap_jarvenpaa.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}
	
	.qoverlapTuusulaJarvenpaaBottom
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/qoverlap_jarvenpaa.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
		.qoverlapTuusulaJarvenpaaBottom img
		{
			height: 100%;
		}
	
	.overlapKeravaJarvenpaa
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/overlap_jarvenpaa.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}	
	
	.hoverlapKeravaJarvenpaa
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/halfhour_jarvenpaa.jpg');
		background-position: top left;
		background-repeat: repeat-x;
	}

	.hoverlapKeravaTuusula
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/halfhour_tuusula.jpg');
		background-position: top left;
		background-repeat: repeat-x;
	}
	
		.hoverlapKeravaJarvenpaa img
		{
			float: right;		
		}

	.overlapKeravaTuusula
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/overlap_tuusula.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}


	.hoverlapTuusulaJarvenpaa
	{
		background-color: #EEE;
		background-image: url('./calendar/hoverlap_tuusula_jarvenpaa.jpg');
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.hourOverlapTuusulaJarvenpaa
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/qoverlap_jarvenpaa.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}

	.hourOverlapKeravaTuusula
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/qoverlap_tuusula.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}

	.hourOverlapKeravaJarvenpaa
	{
		background-color: #AFB6CB;
		background-image: url('./calendar/qoverlap_kerava.jpg');
		background-position: top right;
		background-repeat: repeat-y;
	}


	.qoverlapKeravaTuusula
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/qoverlap_tuusula.jpg');
		background-position: top right;
		background-repeat: no-repeat;
	}

	.qoverlapTuusulaKerava
	{
		background-color: #B6BFAC;
		background-image: url('./calendar/qoverlap_kerava.jpg');
		background-position: top right;
		background-repeat: no-repeat;
	}
	
	.qoverlapKeravaTuusulaBottom
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/qoverlap_tuusula.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.qoverlapJarvenpaaKeravaBottom
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/qoverlap_jarvenpaa.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
	.qoverlapJarvenpaaTuusulaTop
	{
		background-color: #AFB6CB;
		background-image: url('./calendar/qoverlap_tuusula.jpg');
		background-position: top left;
		background-repeat: no-repeat;		
	}

	.qoverlapJarvenpaaKeravaBottom
	{
		background-color: #AFB6CB;
		background-image: url('./calendar/qoverlap_kerava.jpg');
		background-position: bottom left;
		background-repeat: no-repeat;		
	}

	.qoverlapJarvenpaaKeravaTop
	{
		background-color: #ECCBDA;
		background-image: url('./calendar/qoverlap_jarvenpaa.jpg');
		background-position: top right;
		background-repeat: no-repeat;
	}
	
.time
{
	background-color: #EEE;
}




/* *********** MISC *********** */

.copyright
{
	margin: auto;
	
	width: 619px;
	font-size: 0.70em;
	
	color: #999;
}

	.copyright p
	{
		border-width: 1px 0px 0px 0px;
		border-color: #999;
		border-style: solid;
	}