body {background : #EBF5FF none; color : #3E52A2;}

a.white		{ color: #FFF; font: bold 12px "Times New Roman"; background : transparent none; text-decoration : none; }
a.white:visited	{ color: #FFF; font: bold 12px "Times New Roman"; background : transparent none; text-decoration : none; }
a.white:active	{ color: #FFF; font: bold 12px "Times New Roman"; background : transparent none; text-decoration : none; }
a.white:hover	{ color: #FFF; font: bold 12px "Times New Roman"; background : transparent none; text-decoration : none; }

a:link { 
			 color: #00F; 
			 font: bold 12px "Times New Roman";
			 background: transparent none;
			 text-decoration: none;
}
									
a:visited { 
					color: #00F; 
					font: bold 12px "Times New Roman";
					background: transparent none;
					text-decoration: none;
}
				
a:active  { 
					color: #00C; 
					font: bold 12px "Times New Roman";
					background: transparent none; 
					text-decoration: none;
}
				
a:hover   { 
					color: #00C;
					font: bold 12px "Times New Roman";
					background: transparent none;
					text-decoration: none;
}

h1	{ 
		color: #304498; 
		font: bold 18px "Times New Roman"; 
		text-align: center;
} 

h2	{ 
		color: #3E52A2; 
		font: bold 14px "Times New Roman"; 
		margin-left: 25px;	
		text-align: left;
} 

h3	{ 
		color: #3E52A2; 
		font: italic 14px "Times New Roman"; 
		margin-left: 25px;	
		text-align: left;
} 

p.ohjeteksti	 { 
							 color: #3E52A2; 
							 font: 14px "Sans-Serif"; 
							 margin-left: 50px;	
							 margin-right: 25px;
							 text-align: left;
}

span.boldtext { 
							 color: #3E52A2; 
							 font: bold 14px "Sans-Serif"; 
							 margin-left: 0px;	
							 margin-right: 0px;
							 text-align: left;
}

strong.smallblueb { color: #3E52A2; font: bold 14px "Times New Roman" }
strong.smallredb { color: #CE0000; font: bold 12px "Times New Roman" }
strong.smallblackb { color: #000; font: bold 12px "Times New Roman" }

p.smallwhite { color: #FFF; font: 12px "Times New Roman"; }
p.smallblack { color: #000; font: 12px "Times New Roman"; }
p.smallblue { color: #3E52A2; font: 12px "Times New Roman"; }

p.smallwhiteb { color: #FFF; font: bold 12px "Times New Roman" }
p.smallblackb { color: #000; font: bold 12px "Times New Roman" }
p.smallblueb { color: #3E52A2; font: bold 12px "Times New Roman" }
p.smallredb { color: #CE0000; font: bold 12px "Times New Roman" }

p.smallwhitebi { color: #FFF; font: bold italic 12px "Times New Roman" }
p.smallblackbi { color: #000; font: bold italic 12px "Times New Roman" }
p.smallbluebi { color: #3E52A2; font: bold italic 12px "Times New Roman" }
p.smallredbi { color: #CE0000; font: italic 12px "Times New Roman" }

p.mediumwhite { color: #FFF; font: bold 14px "Times New Roman"; }
p.mediumblack { color: #000; font: bold 14px "Times New Roman"; }
p.mediumblue { color: #3E52A2; font: bold 14px "Times New Roman"; }
p.mediumred { color: #CE0000; font: bold 14px "Times New Roman"; }

p.mediumgreen {
	color: #00FF00;
	font: bold 14px "Times New Roman";
}


p.normalwhite { color: #FFF; font: 14px "Sans-Serif"; }
p.normalblack { color: #000; font: 14px "Sans-Serif"; }
p.normalblue { color: #3E52A2; font: 14px "Sans-Serif"; }

p.mediumblacki { color: #000; font: italic 14px "Times New Roman"; }
p.mediumbluei { color: #3E52A2; font: italic 14px "Times New Roman"; }

p.bigwhite { color: #FFF; font: bold 16px "Times New Roman"; }
p.bigblack { color: #000; font: bold 16px "Times New Roman"; }
p.bigblue { color: #304498; font: bold 16px "Times New Roman"; }

p.hugeblue { color: #304498; font: bold 18px "Times New Roman"; }

.laatikko {  border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.grid_laatikko {  
							 border: #003366; 
							 border-style: solid; 
							 border-top-width: 1px;
							 border-right-width: 1px; 
							 border-bottom-width: 1px; 
							 border-left-width: 1px;
							 border-collapse:collapse; 
}

#nav, #nav ul { 
			padding: 0;	
			margin: 0;
			list-style: none;
			line-height: 1;
}
				
#nav a {
			 display: block;
			 width: 5em;
}

#nav li {
		 float: left;
		 width: 5em;
}

#nav li ul {
		 position: absolute;
		 background: #BDD6FA;
		 width: 5em;
		 left: -999em;
		 border: 2px outset;
}

#nav li:hover ul, #nav li.sfhover ul {
		 left: auto;
}

#nav2, #nav2 ul {
			 padding: 0;
			 margin: 0;
			 list-style: none;
			 line-height: 1;
}
				
#nav2 a {
			display: block;
			width: 5em;
}

#nav2 li {
			float: left;
			width: 5em;
}

#nav2 li ul {
			position: absolute;
			background: #BDD6FA;
			width: 5em;
			left: -999em;
			border: 2px outset;
}

#nav2 li:hover ul, #nav2 li.sfhover ul {
			left: auto;
}

#content {
				 clear: left;
				 color: #ccc;
}

#tie, #tie ul { 
			padding: 0;	
			margin: 0;
			list-style: none;
			line-height: 1;
}
				
#tie a {
			 display: block;
			 width: 5em;
}

#tie li {
		 float: left;
		 width: 5em;
}

#tie li ul {
		 position: absolute;
		 background: #BDD6FA;
		 width: 5em;
		 left: -999em;
		 border: 2px outset;
}

#tie li:hover ul, #tie li.sfhover ul {
		 left: auto;
}

#tie2, #tie2 ul {
			 padding: 0;
			 margin: 0;
			 list-style: none;
			 line-height: 1;
}
				
#tie2 a {
			display: block;
			width: 5em;
}

#tie2 li {
			float: left;
			width: 5em;
}

#tie2 li ul {
			position: absolute;
			background: #BDD6FA;
			width: 5em;
			left: -999em;
			border: 2px outset;
}

#tie2 li:hover ul, #tie2 li.sfhover ul {
			left: auto;
}

#messagebox {
						margin: 0; 
						margin-left: 40%; 
						margin-right: 40%; 
						margin-top: 50px; 
						padding-top: 10px; 
						width: 400px; 
						height: 200px; 
						position: absolute; 
						background: #EBF5FF; 
						border: solid #000000 2px; 
						z-index: 9; 
						font-family: arial; 
						visibility: hidden; 
}

a.button {
				 background: #BDD6FA;
				 color: #010DFF;
				 font: bold 12px "Arial";
				 font-weight: bold;
				 border-width: 2px;
				 border-style: solid;
				 border-top-color: #CEE0FB;
				 border-right-color: #586475;
				 border-bottom-color: #303740;
				 border-left-color: #CDE0FB;
				 width: 80px;
				 height: 20px;
				 text-align: center;
				 text-decoration: none;
}

a.button:visited {
                                 background: #BDD6FA;
                                 color: #010DFF;
                                 font: bold 12px "Arial";
                                 font-weight: bold;
                                 border-width: 2px;
                                 border-style: solid;
                                 border-top-color: #CEE0FB;
                                 border-right-color: #586475;
                                 border-bottom-color: #303740;
                                 border-left-color: #CDE0FB;
                                 width: 80px;
                                 height: 20px;
                                 text-align: center;
                                 text-decoration: none;
}

a.button:active {
                                 background: #BDD6FA;
                                 color: #010DFF;
                                 font: bold 12px "Arial";
                                 font-weight: bold;
                                 border-width: 2px;
                                 border-style: solid;
                                 border-top-color: #CEE0FB;
                                 border-right-color: #586475;
                                 border-bottom-color: #303740;
                                 border-left-color: #CDE0FB;
                                 width: 80px;
                                 height: 20px;
                                 text-align: center;
                                 text-decoration: none;
}

a.button:hover {
                                 background: #CDD6FA;
                                 color: #010DFF;
                                 font: bold 12px "Arial";
                                 font-weight: bold;
                                 border-width: 2px;
                                 border-style: solid;
                                 border-top-color: #CEE0FB;
                                 border-right-color: #586475;
                                 border-bottom-color: #303740;
                                 border-left-color: #CDE0FB;
                                 width: 80px;
                                 height: 20px;
                                 text-align: center;
                                 text-decoration: none;
}

input.button {
                                 background: #BDD6FA;
                                 color: #010DFF;
                                 font: bold 12px "Arial";
                                 font-weight: bold;
                                 border-width: 2px;
                                 border-style: solid;
                                 border-top-color: #CEE0FB;
                                 border-right-color: #586475;
                                 border-bottom-color: #303740;
                                 border-left-color: #CDE0FB;
                                 width: 80px;
                                 height: 20px;
                                 text-align: center;
                                 text-decoration: none;
}

#sign_box {
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                        width: 100%;
                                        height: 100%;
                                        background-color: #EEEEEE;
                                        border-width: 4px;
                                        border-style: solid;
                                        border-top-color: #CEE0FB;
                                        border-right-color: #586475;
                                        border-bottom-color: #303740;
                                        border-left-color: #CDE0FB;
                                        visibility: hidden;
}