/* Start of CMSMS style sheet 'CSS tyylit' */
/* ---- Layout design Toiminimi Vuojus -------- */ 

body { 
		background-color: #e8e8e8;
	            text-align: center;
                        height: auto;		
}
			 
* { font-family: verdana, arial, helvetica, sans-serif; 
		margin: 0px; 
		padding: 0px;
		font-size: 7pt;
		line-height: 1.3em;
	 }



#content {
		height: auto;
		width: 100%;
		margin: 0px auto 0px auto;
		/*
		background-color: #ffffff;
		*/
}

#container {
		width: 855px;
		height: auto;
		margin: auto;
 		 								 
}

#container_global {
		width: 1000px;
		height: auto;
		margin: 0px 0px 0px 0px;
		clear: both; 
 		 								 
}


#container2 {
		width: auto;
		height: auto;
		margin: 0px 0px 0px 0px;
		clear: both; 		 								 
}

#spacer {
		width: 855px;
		height: 23px;
		margin: auto;
		clear: both; 		 								 
}

#dashin_uutiset{
                        margin-top: 5px;
		margin-bottom: 5px;
		text-align: left;
                        color: #000000;
}

#myframe { height: 900px; }

#akatemian_uutiset{
                        margin-top: 5px;
		margin-bottom: 5px;
		text-align: left;
                        color: #000000;
}


.capsule {
       width : 42px;
			 height: auto; 
			 float : left;
			 text-align: left;
			 clear: left;
			 margin: 0px 0px 0px 0px;
}			  

.bar_left {
			 width : 42px;
			 height: auto; 
			 float : left;
			 text-align: left;
			 /*
			 clear: left;
			 */
			 margin: 0px 0px 0px 0px; 
}

.bar_left2 {
			 width : 42px;
			 height: auto; 
			 float : left;
			 text-align: left;
			 clear: left;
			 margin: 0px 0px 0px 0px;			  
}

.can {																		 
			 width : 186px;
			 height: auto;
			 float : left;
			 clear: left;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 10px 30px 15px;
			 /*
			 border: 1px solid;
			 */
}

.can2 {																		 	/* Internet Exploder */
			 width : 186px;
			 height: auto;
			 float : right;
			 clear: right;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 29px 30px 10px;
			 /*
			 border: 1px solid;
			 */
}

html>body .can2 {				 		 			 		 			/* Proper browsers */																 
			 width : 186px;
			 height: auto;
			 float : right;
			 clear: right;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 30px 30px 10px;
			 /*
			 border: 1px solid;
			 */
}


.locker{ 			 		 			 		 							 /* Internet Exploder */
				width : 186px;
				height: auto;				 					
				text-align: left;
				clear: left;
			 margin: 0px 0px 5px 0px;
}

html>body .locker{	 		 		 		 						 /* Proper browsers */
				width : 186px;
				height: auto;				 					
				text-align: left;
				clear: left;
			  margin: 0px 0px 10px 0px;
}

.can_left {																		 
			 width : 50px;
			 height: auto;
			 float : left;
			 clear: left;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 4px 5px 4px;

}

.can_akatemia {																		 
			 width : 20px;
			 height: auto;
			 float : left;
			 clear: left;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 4px 5px 4px;

}

.can_leirit
{																		 
			 width : 150px;
			 height: auto;
			 float : left;
			 clear: left;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 5px 4px 5px 4px;

}


.can_right {																		 
			 width : 125px;
			 
			 float : left;
			 text-align: left;
			 background-color: #ffffff;
			 margin: 0px 0px 5px 0px;

}

.center{			 		 		 		 		 	 								 		 		 /* Internet Exploder */
			 width : 399px;
			 height : auto;		
			 text-align: left;
			 /*
			 float: left;
			 */																									
}

html>body .center{			 		 		 		 		 	 							   /* Proper browsers */
				width : 407px;
				height: auto;
				text-align: left;
				float: none;
				margin: 0px 5px 5px 217px;
}

.center_test{			 		 		 		 		 	 								 		 		 /* Internet Exploder */
			 width : 599px;
			 height : auto;		
			 text-align: left;
			 /*
			 float: left;
			 */																									
}

html>body .center_test{			 		 		 		 		 	 							   /* Proper browsers */
				width : 607px;
				height: auto;
				text-align: left;
				float: none;
				margin: 0px 5px 5px 217px;
}

/*

.center_left{			 		 		 		 		 	 								 		 
			 width : 340px;
			 height : auto;		
			 text-align: left;
			 margin: 0px 0px 0px 0px;
			 
																								
}

html>body .center_left{			 		 		 		 		 	 						 
				width : 304px;
				height: auto;
				text-align: left;
				margin: 0px 0px 0px 0px;
				
}

.center_right{			 		 		 		 		 	 								 																												
			 width : 45px;
			 height : auto;		
			 text-align: right;
			 margin: 0px 0px 0px 0px;
																			
}

html>body .center_right{			 		 		 		 		 	 					
				width : 50px;
				height: auto;
				text-align: right;
				margin: 0px 0px 0px 0px;
}
*/


.bin {

			 width: 327px;
			 height: 94px;
			 float : right;
			 clear: right;
			 margin: 0px 0px 15px 0px;
}

.hidden {
			 display: none;
}

.contact {

			 width: 278px;
			 height: 94px;
			 float : left;
			 text-align: left;
			 background-color: #000000;
			 margin: 0px 0px 0px 0px;
			 
}

.contact_info {

			 color: #ff9600;
  		 text-align: left;		
			 text-decoration: none;
			 margin: 5px 15px 5px 35px;
			 font-size: 7.7pt;
			 font-weight: bolder;

}

.contact_info2 {

			 color: #ffffff;
  		 text-align: left;		
			 text-decoration: none;
			 margin: 0px 15px 5px 35px;
			 font-size: 7.7pt;
			 font-weight: bolder;

}

.thumb{			
				float: left;
				border: 1px solid;
		
}

.newsimage {
				vertical-align: top;
				border: 1px solid;
				margin: 0px 5px 5px 0px;
}

.faceimage
{
				vertical-align: middle;
				border: 1px solid;
				margin: 3px 3px 3px 3px;
}

p { 
		margin-top: 5px;
		margin-bottom: 5px;
		text-align: left;
}


p.news { 
		margin-top: 5px;
		margin-bottom: 5px;
                        margin-left: 5px;
		text-align: left;
}

p.bt { 
		font-size: 8pt;
		margin-top: 5px;
		margin-bottom: 5px;                        
		text-align: left;
}

h1 {
			text-transform: uppercase;
			font-size: 8.5pt;
			line-height: 1.45em;
			color: #000000;
			text-align: left;
			clear: left;
			display: none;		
		}

h1.akatemia {
			text-transform: upperrcase;
			text-align: left;
			font-size: 12pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;
			
		}		



h2 {
			text-transform: uppercase;
			text-align: left;
			font-size: 8pt;
			line-height: 1.45em;
			color: #c46f00;
			margin: 5px 0px 5px 0px;
			
		}

h2.r {
			text-transform: uppercase;
			text-align: right;
			font-size: 8pt;
			line-height: 1.45em;
			color: #c46f00;
			margin: 5px 0px 5px 0px;
			
		}		
		
h2.akatemia {
			text-transform: upperrcase;
			text-align: left;
			font-size: 9pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;
			
		}		
h2.akatemia_global {
			text-transform: upperrcase;
			text-align: left;
			font-size: 11pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;
			
		}


h2.akatemia_uutiset {
			text-transform: upperrcase;
			text-align: left;
			font-size: 7pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;
			
		}
		
h3 { 
	 	 	text-align: left;
			font-size: 8.6pt;
			line-height: 1.45em;
			color: #c46f00;
			margin: 5px 0px 5px 0px;

		}

h3.akatemia { 
	 	 	text-align: left;
			font-size: 8.6pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;

		}


h3.akatemia_uutiset { 
	 	 	text-align: left;
			font-size: 7pt;
			line-height: 1.45em;
			color: #000000;
			margin: 5px 0px 5px 0px;

		}
		
h4 { 
	 	  text-transform: uppercase;
			font-size: 7.1pt;
			line-height: 1.45em;
			color: #c46f00;
			text-align: left;
			margin: 5px 0px 5px 0px;

		}		
				
.attention
{
		color: #ed1c24;

}		
		
.attention_info
{
 		font-size: 8pt;
		color: #ed1c24;
		margin: 0px 0px 10px 20px
}

.capitalize {
			 text-transform: uppercase;
}
.justify{
			 text-align: justify;
}

.underline{
text-decoration: underline;
}

/* ----------------------------- */

/* -------- Link design -------- */ 


a:hover
{
	text-decoration:none;
} 

.link{
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #2566b0;
				text-align: left;		
				text-decoration: none;
				font-weight: bolder;

}

.link:hover{
				
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #2566b0;	
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}

.link:active
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/
				color: #2566b0;
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}

.link:visited
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/		
				color: #2566b0;
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
}

.link:visited:hover
{
 		    /*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/	
				color: #2566b0;
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}

.link_global{
				
				font-size: 11pt;
			  line-height: 1.45em;
								
				color: #2566b0;
				text-align: left;		
				text-decoration: none;
				font-weight: bolder;

}

.link_global:hover{
				
				
				font-size: 11pt;
			  line-height: 1.45em;	
				color: #2566b0;	
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}

.link_global:active
{
 				
				font-size: 11pt;
			  line-height: 1.45em;
				
				color: #2566b0;
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}

.link_global:visited
{
 				
				font-size: 11pt;
			  line-height: 1.45em;
					
				color: #2566b0;
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
}

.link_global:visited:hover
{
 		    
				font-size: 11pt;
			  line-height: 1.45em;
					
				color: #2566b0;
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;
}




/* ----------------------------- */	
/* End of 'CSS tyylit' */

