
body {
	margin: 0px 0px 10px 0px;
	padding: 0;
}


h1, h2 {		
	margin: 8px 0px 8px 0px;
}

.hCentering {
	position: relative;
	margin: 0 auto;
	width: 974px;
}

#mainpicture {
        position: relative;
		margin: 0px 0px 0px 12px;
		width: 950px;




}

#navi {
        position: relative;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 10px;
		background-image:url(img/bg6.png);
		background-repeat:no-repeat;
		width: 946px;
		height: 25px;
		line-height: 0.7;
		z-index: 10;

}
#subnavi {
        position: relative;
        border: 0px;
		margin: 0px 0px 0px 0px;
		background-color:#D8F0F7;
		width: 950px;
		background-image:url(img/bg5.jpg);
		background-repeat:repeat-x;
}


.tausta1 {
		position:relative;		  
		background-image:url(img/bg2.png);
		background-repeat:repeat-x;
		background-color:#F4F8FB;

}


#content {
		 position:relative;
 		 background-image:url(img/bg-gr1.png);
		 background-repeat:repeat-x;
		 margin: -10px 0px 0px 13px;
		 padding: 0px 0px 0px 0px;
		 width: 952px;

}

#centeredcontent {
		position:relative;
	 	background-image:url(img/bg3.png);
		background-repeat:repeat-y; 
        width: 980px;
		margin: 0px 0px 0px 0px;



}



.clear {
        clear: both;
}

#clear {
        clear: both;
}


/* *************************************************************'
FRONT PAGE, 4 columsn 
****************************************************************/
#frontpage {
	position: relative;
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 970px;



}

#fp_row1_left {
	float: left;
	margin: 0px 0px 0px 5px;
	width: 600px;
	height: 260px;
	background-image:url("img/box1.png");
	background-repeat:no-repeat; 
	/*border: 1px solid;*/
			/*background-color:#0000FF;*/
}
#fp_row1_chapter1 {
	float: left;
	padding: 10px 0px 0px 20px;
	width: 300px;



			/*background-color:#0000FF;*/
}
#fp_row1_chapter2 {
	float: right;
	padding: 10px 10px 0px 0px;
	width: 220px;


			/*background-color:#0000FF;*/
}
#fp_row1_right {
    float: right;
	margin: 0px 0px 0px 0px;
    width: 350px;


}



#fp_row2_left {
	float: left;
	margin: 0px 0px 0px 5px;
	width: 487px;
	height: 220px;
	background-image:url("img/box2.png");
	background-repeat:no-repeat; 
	/*border: 1px solid;*/
			/*background-color:#0000FF;*/
}

#fp_row2_right {
    float: right;
	margin: 0px 0px 0px 0px;
    width: 473px;
	height: 220px;
}


#fp_row2_left_chapter1 {
	float:left; 
	padding: 13px 0px 0px 13px;
}

#fp_row2_left_chapter2 {
	float: right;
	padding: 3px 20px 0px 0px;
	width: 210px;
	height: 220px;
}


#fp_row2_right_chapter1 {
	float: left;
	padding: 3px 0px 0px 20px;
		background-image:url(img/box3.png);
	background-repeat:no-repeat;
	width: 215px;
		height: 220px;
}

#fp_row2_right_chapter2 {
	float: right;
	width: 230px;
	height: 220px;
}
















.text {

	margin: 0px 0px 0px 2px;
	padding: 10px 50px 0px 15px;
	font-family: verdana, arial;
	font-size: 11px; 
	color: #205EA4; 
	font-weight: normal; 
	text-align: justify;
	width: 607px;


}

.text_wide {

	margin: 0px 0px 0px 2px;
	padding: 10px 15px 0px 15px;
	font-family: verdana, arial;
	font-size: 11px; 
	color: #205EA4; 
	font-weight: normal; 
	text-align: justify;
	width: 550px;


}

.first  {
	   font-family: verdana, arial; 
	   font-size: 11px; 
	   color: #0C4EB0; 
	   font-weight: normal; 
	   text-align: justify; 
	   }
	   
	   

	   
	   
.news  {
	   font-family: verdana, arial; 
	   font-size: 11px; 
	   color: #0C4EB0; 
	   font-weight: normal; 
	   text-align: left; 
	   }
	   

.courses  { 
		  font-family: verdana, arial; 
		  font-size: 11px; 
		  color: #0C4EB0; 
		  font-weight: normal; 
		  text-align: left; 
		  }

	   


#footer {
		 position:relative;		
		 background-image:url(img/bg4.png);
		 background-repeat:no-repeat; 
		 width: 974px;
		 height: 70px;
}

A.navi { font-family: verdana,arial,helvetica; text-decoration:none; color: #707070; font-size: 10px; }
A.navi:link { text-decoration:none; }
A.navi:visited { text-decoration:none; }
A.navi:active { text-decoration:none; }
A.navi:hover { text-decoration:none;color:#FF6000; }


A 			{ font-family: verdana,arial,helvetica; font-size: 11px; font-weight:bold; color: #205EA4; text-decoration: none; }
A:link 		{ text-decoration: none; }
A:visited 	{ text-decoration: none; }
A:active 	{ text-decoration: none; }
A:hover 	{ text-decoration: none; }





.sisalto1 { 
	background-image:url(img/box1.jpg);
	background-repeat:no-repeat;
	width: 430px;

}
.sisalto1_bottom { 
	background-image:url(img/box1_bottom.jpg);
	background-repeat:no-repeat;

}


.sisalto2 { 
	background-image:url(img/box2.png);
	background-repeat:no-repeat;
	width: 303px;

}
.sisalto3 { 
	background-image:url(img/box3.png);
	background-repeat:no-repeat;
	width: 245px;

}
.sisalto4 { 
	background-image:url(img/box4.png);
	background-repeat:no-repeat;
	background-color:#F4F8FB;
	font-family: verdana, arial;
	font-size: 11px; 
	color: #0C4EB0; 
	font-weight: normal; 
	text-align: justify;
}

.sisalto5 { 
	background-image:url(img/pilvet5.jpg);
	background-repeat:no-repeat;
	background-color:#F4F8FB;
	font-family: verdana, arial;
	font-size: 11px; 
	color: #0C4EB0; 
	font-weight: normal; 
	text-align: justify;
}

table.kurssit {
	border-width: 0px;
	border-style: outset;
	border-color: #D0E1F5;
	border-collapse: separate;

}
table.kurssit th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;


}
table.kurssit td {
	border: 0px;
	padding: 1px;
	border-style: inset;

}






.leipa { font-family: verdana, arial; font-size: 12px; color: #0C4EB0; font-weight: normal; text-align: justify; }
.leipaleft { font-family: verdana, arial; font-size: 12px; color: #0C4EB0; font-weight: normal; text-align: left; }
.leipabold { font-family: verdana, arial; font-size: 11px; color: #0C4EB0; font-weight: bold; text-align: justify; }
/*.heading { font-family: verdana, arial; font-size: 14px; color: #2282B4; font-weight: bold; text-align: left; }*/
.heading { font-family: verdana, arial; font-size: 14px; color: #0092c7; font-weight: bold; text-align: left; }
.heading_big { font-family: verdana, arial; font-size: 18px; color: #0092c7; font-weight: normal; text-align: left; }
.heading_green { font-family: verdana, arial; font-size: 14px; color: #6fcb3d; font-weight: bold; text-align: left; }
.heading_blue { font-family: verdana, arial; font-size: 14px; color: #0092c7; font-weight: bold; text-align: left; }
.cms { font-family: verdana, arial; font-size: 10px; color: #2282B4; font-weight: normal; text-align: left; }


.topheader			{ font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal; text-align: justify; }
.coursetypeheader	{ font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: bold; text-align: justify; }
.courseinfo			{ font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal; text-align: justify; }
.datestyle			{ font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal; text-align: left; }
.coursetypestyle	{ font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal; text-align: left; }
.timestyle			{ font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal;  text-align: left; }
.placestyle			{ font-size: 12px; font-family: Verdana, Arial, Helvetica; color: #0C4EB0; font-weight: normal;  text-align: left; }


A.perus { font-family: Verdana, Arial, Helvetica; color: #000000; font-size: 11px; font-weight: normal; }
A.perus:link { text-decoration: none;}
A.perus:visited { text-decoration: none;}
A.perus:active { text-decoration: none; }
A.perus:hover { text-decoration: underline; }

A.navi { font-family: verdana,arial,helvetica; text-decoration:none; color: #707070; font-size: 10px; }
A.navi:link { text-decoration:none; }
A.navi:visited { text-decoration:none; }
A.navi:active { text-decoration:none; }
A.navi:hover { text-decoration:none;color:#FF6000; }

A.navi2 { font-family: verdana,arial,helvetica; text-decoration:none; color: #0C4EB0; font-size: 10px;  font-weight: bold; }
A.navi2:link { text-decoration:none; }
A.navi2:visited { text-decoration:none; }
A.navi2:active { text-decoration:none; }
A.navi2:hover { text-decoration:underline;color:#0C4EB0; }


A.navi3 { font-family: verdana,arial,helvetica; text-decoration:none; color: #0C4EB0; font-size: 12px;  font-weight: bold; }
A.navi3:link { text-decoration:none; }
A.navi3:visited { text-decoration:none; }
A.navi3:active { text-decoration:none; }
A.navi3:hover { text-decoration:underline;color:#0C4EB0; }

A.navi5 { font-family: verdana,arial,helvetica; text-decoration:none; color: #0C4EB0; font-size: 12px;  font-weight: normal; }
A.navi5:link { text-decoration:none; }
A.navi5:visited { text-decoration:none; }
A.navi5:active { text-decoration:none; }
A.navi5:hover { text-decoration:underline;color:#0C4EB0; }

A.mainnavi { font-family: arial,helvetica; text-decoration:none; color: #FFFFFF; font-size: 12px;  font-weight: bold; letter-spacing: 0.2em; }
A.mainnavi:link { text-decoration:none; }
A.mainnavi:visited { text-decoration:none; }
A.mainnavi:active { text-decoration:none; }
A.mainnavi:hover { text-decoration:none;color:#000000; }

A.sigu { font-family: arial,helvetica; text-decoration:none; color: #2282B4; font-size: 10px;  font-weight: bold; letter-spacing: 0.1em; }
A.sigu:link { text-decoration:none; }
A.sigu:visited { text-decoration:none; }
A.sigu:active { text-decoration:none; }
A.sigu:hover { text-decoration:underline; color:#FF6000; }

