body {
	margin: 0 0 0 0;
	color: #364713;
	background-image: url('../images/green_bg.gif');
	/*background: #cfdaa7;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	}

#container {
	clear: both;
	}

#introheader {
	width: 800px;
	color: #364713;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	text-align: center;
	}

#introheader p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	letter-spacing: .2em;
	}
	
#header {
	background-color: #9acd32;
	background-image: url('../images/top_bg.gif'); 
	background-position: 0 0;
	/*background-repeat: no-repeat; */
	padding: 0 0 0 0;	
	margin: 0 0 0 0;
	height: 107px;
	}
#header #title {
	background-image: url('../images/procanis_logo_gr_eyes.jpg'); 
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 0;	
	margin: 0 0 0 0;
	height: 107px;
	}

#leftnavi {
	float: left;
	width: 190px;
		}
#partner {
	float: left;
	width: 190px;
	
  padding: 10px 0 0 0;
		}
#partner a, #partner img {
  border: none;
}

#main {
	float: left;
	width: 440px;
	height: auto;
	border-left: 1px solid #364713;
	border-right: 1px solid #364713;
	padding: 3px 5px 3px 5px;	
	background: #e9ffbd; 
	}

#calendar {
	float: left;
  width: 800px;
	height: auto;
	border-left: 1px solid #364713;
	border-right: 1px solid #364713;
	padding: 3px 5px 3px 5px;	
	background: #e9ffbd; 
	}


#newsbar {
	float: left;
	width: 168px;
	background: #e9ffbd; 
	border-right: 1px solid #324210;
	border-bottom: 1px solid #324210;
	}


#footer {
	/* background-color: #9acd32; */
	border-top: 1px solid #444;
	padding: 2px 0 2px 0; 
	width:800px;
	clear: both;
	text-align:center;
	}

h1 {
	font-size: 1.4em;
	letter-spacing: .4em;
	color: #dc6e00;
	text-align: right;
	border-bottom: 1px dashed #dc6e00;
	}

h2 {
	font-size: 1.2em;
	letter-spacing: .2em;
	font-style: italic;
	color: #dc6e00;
	text-align: right;
	border-bottom: 1px dashed #dc6e00;
	margin: 0 0 5px 0;
	}

a:link, a:visited, a:active {
	color: #dc6e00;
	letter-spacing: .2em;
	text-decoration: none;
	}
	
a:hover {
	color: #dc6e00;
	letter-spacing: .2em;
	text-decoration: underline;
	}

	
.keski {
	text-align: center;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	padding: 5px;
	clear: both;	
}

#header img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

/* begin: navbar */

#navbar .navbarTitle {
	font-size:1em;
	font-weight:bold;
	letter-spacing: .3em;
	color: #324210;
	display:block;
	background: #9acd32;
   	border-top: 1px solid #d0fa7c;
   	border-bottom: solid #324210 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	} 
	
#navbar .nav1 {
	margin-right: 0;	
	margin-left: 0;	
	margin-top: 0;	
	margin-bottom: 0;
	padding-right: 0;	
	padding-left: 0;	
	padding-top: 0;	
	padding-bottom: 0;
	width: auto;
	}

#navbar .nav1 a:link, #navbar .nav1 a:visited {
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #324210;
   	background: #9acd32;
   	border-top: 1px solid #d0fa7c;
   	border-bottom: solid #324210 1px;		

	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	}

#navbar .nav1 a:hover {
	color: #324210;
	background: #d0fa7c;
	border-top: 1px solid #1a2208;
	border-bottom: solid #e4fdb2 1px;
	}

#navbar .nav1Active {
	
	color: #324210;
	background: #befb44;
	border-top: 1px solid #536e1b;
	border-bottom: solid #e4fdb2 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	letter-spacing: .2em;
	}

	#navbar .nav2 {
		font-size: 1em;
		letter-spacing: 0;
		margin-right: 0;	
		margin-left: 0;	
		margin-top: 0;	
		margin-bottom: 0;
		padding-right: 0;	
		padding-left: 0;	
		padding-top: 0;	
		padding-bottom: 0;
		}
	
	#navbar .nav2 a:link, #navbar .nav2 a:visited {
		display: block;
		text-decoration: none;
		text-align: left;
		font-weight: normal;
		letter-spacing: 0;
		color: #324210;
   		background: #9acd32;
   		border-top: 1px solid #d0fa7c;
   		border-bottom: solid #324210 1px;			
	
		
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 20px;
		}
	
	#navbar .nav2 a:hover {
		color: #324210;
		letter-spacing: 0;
		background: #d0fa7c;
		border-top: 1px solid #a2208;
		border-bottom: solid #e4fdb2 1px;
		}
	
	#navbar .nav2Active {
		font-size: 1em;
		color: #324210;
		background: #befb44;
		border-top: 1px solid #536e1b;
		border-bottom: solid #e4fdb2 1px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 20px;
		letter-spacing: 0;
		}
/* end: navbar */

/* begin: newsbar */

#newsbar #newstitle {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .5em;
	color: #324210;
	display: block;
	background: #d0fa7c;
   	border-top: 0;
   	border-right: 0;
   	border-left: 0;
   	border-bottom: solid #324210 1px;
   	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	text-align:center;
	} 
	
#newsbar #news {
	margin-right: 0;	
	margin-left: 0;	
	margin-top: 0;	
	margin-bottom: 0;
	padding-right: 0;	
	padding-left: 0;	
	padding-top: 0;	
	padding-bottom: 0;
	width: auto;
	}

#newsbar #news a:link, #newsbar #news a:visited {
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	font-size:1em;
	color: #324210;
   	background: #9acd32;
   	border-top: 1px solid #d0fa7c;
   	border-bottom: solid #324210 1px;		
   	border-right: 0;
	border-left: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	letter-spacing: 0;
	}

#newsbar #news a:hover {
	font-size:1em;
	color: #324210;
	background: #d0fa7c;
	border-top: 1px solid #324210;
	border-bottom: solid #d0fa7c 1px;
	}
	
#newsbar #newsdesc {
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	}

#right {
	text-align: right;
	font-size: 1em;
	padding-top: 0;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	}
	
/* begin: kurssisivujen muotoilut */
#main #kurssi_info {
	clear: both;
	width: auto;
	padding: 5px 0 5px 0; 
	margin: 5px 0 5px 0; 
	background: #d0fa7c;
	border-top: 1px solid #324210;
	border-bottom: 1px solid #324210;
	}
	
	.kurssi_yksityiskohdat {
		width: auto;
		text-align: left;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
	.kurssi_yksityiskohdat td {
		padding: 3px 3px 3px 3px;
		margin: 0 0 0 0;
		}
		
	.light {
		background: #e9ffbd;
		}

#main #kurssi_lyhytkuvaus {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 5px; 
	margin: 5px 5px 5px 0; 
	color: #324210;
	line-height: 1.6em;
	background: #d0fa7c;
	border-top: solid #e4fdb2 1px;
	border-left: solid #e4fdb2 1px;
	border-right: 1px solid #324210;
	border-bottom: 1px solid #324210;
	}
	
#main #kurssi_pitkakuvaus {
	padding: 5px 5px 5px 0; 
	margin: 0 0 0 5px;
	}

#main #kurssi_pitkakuvaus p {
	padding: 0 0 0 0;
	margin: 0 0 1em 0; 
	}
	

/* end: kurssisivujen muotoilut */


#fakta td {
	width: 50%;
	}

/* begin: tuleva tapahtuma */
#tulevatapahtuma {
	border: 1px solid #324210;
	margin: 0 0 5px 0;
	background-image: url('../images/green_bg.gif');
	}

#tapahtumaotsikko {
	float: left;
	background: #dc6e00;
	color: #fff;
	width: 70%;
	text-align: left;
	padding: 2px 0 2px 0; 
	}

.sisennys {
	padding: 2px 3px 2px 3px;
	}

#pvm {
	float: right;
	background: #dc6e00;
	color: #fff;
	width: 30%;
	text-align: right;
	padding: 2px 0 2px 0; 
	}
	
#tapahtumakuvaus {
	padding: 3px 3px 3px 3px;
	clear: both;
	}

#tapahtumalinkright {
	text-align: right;
	font-size: 1em;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-right: 8px;
	width: auto;
	background: #fff;
	border-top: dashed 1px #dc6e00;		

	}
	
/* end: tuleva tapahtuma */

/* begin: uutiset */
#uutinen {
	border: 1px solid #324210;
	margin: 0 0 5px 0;
	background-image: url('../images/green_bg.gif');
	}

#uutisotsikko {
	float: left;
	background: #dc6e00;
	color: #fff;
	width: 50%;
	text-align: left;
	padding: 2px 0 2px 0; 
	}

#uutispvm {
	float: right;
	background: #dc6e00;
	color: #fff;
	width: 50%;
	text-align: right;
	padding: 2px 0 2px 0;
	}
	
#uutiskuvaus {
	padding: 3px 3px 3px 3px;
	clear: both;
	}

#uutislinkright {
	text-align: right;
	font-size: 1em;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-right: 8px;
	width: auto;
	background: #fff;
	border-top: dashed 1px #dc6e00;		

	}
/* end: tuleva tapahtuma */


/* begin: image config */
.ph
	{
	margin-right: 0;	
	margin-left: 0;	
	margin-top: 5px;	
	margin-bottom: 5px;
	background-color: #fff;
	padding-right: 5px;	
	padding-left: 5px;	
	padding-top: 5px;	
	padding-bottom: 5px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}
	
	div.ph img
	{/*
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;*/
	}
			
.phR
	{
	float: right;
	margin-right: 0;	
	margin-left: 5px;	
	margin-top: 5px;	
	margin-bottom: 5px;
	background-color: #fff;
	padding-right: 4px;	
	padding-left: 5px;	
	padding-top: 5px;	
	padding-bottom: 4px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}
	
	div.phR img
	/*{
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;*/
	}
		
.phL
	{
	float: left;
	margin-right: 5px;	
	margin-left: 0;	
	margin-top: 5px;	
	margin-bottom: 5px;
	background-color: #fff;
	padding-right: 5px;	
	padding-left: 5px;	
	padding-top: 5px;	
	padding-bottom: 5px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	}
	
	div.phL img
	{/*
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;*/
	}
/* end: image config */