/* SUOMINAISET */

body 	{background:#fff none;
	font-family:verdana, arial, sans-serif;
	font-size: 100%;
	color:#000000;
	margin:0;
	}



* {margin:0; padding:0;}

p 	{padding: 10px 0 0 0;}

.clearthefloats {clear:both;}


img.center	{position:absolute;
		left:650px; 
		margin:20px 15px 0 0; 
		padding:10px 5px; }


.small 	{float:right; font-size:.5em;
	padding:0 0 0 0;}



div#header 	{height:100px; 
		width:798px;
		margin-top:5px; 
		padding-top:0;
		
		margin-left:30px;		
 		border:2px solid #069;
		

		background-image:url(pics/maisema2.jpg);
		background-repeat:no-repeat;
		}



div#header img 	{width:100%;}






div#listmenu	{width:797px;
		float:left;
		font-size:.75em;
		background-color:#fff;
		margin-top:10px;
		margin-left:30px;
		padding:5px 0 5px 0;
		border:2px solid #069;}

div#listmenu ul {margin:0;}

div#listmenu li {float:left;
		list-style-type:none;
		background-color:#fff;
		border-left:1px solid #069;
		padding:0 8px;
		color:#069;
		font-weight:bold;
		}

div#listmenu li:first-child {border-left:1px solid #fff;} 


div#listmenu li:hover {background-color:#fff;}


div#listmenu a 	{font-weight:normal;
		text-decoration:none;
		color:#069;}

div#listmenu a:hover {color:#00d8c0;}

* html div#listmenu ul {float:left;
			border-left:1px solid #069;
			margin-left:30px;}



div#nav 	{position:absolute; 
		left:10px; 
		top:167px;

		width:180px;
		font-size:.7em;				
		padding:5px 0 0 0; 
		margin:20px; 
		border:2px solid #069; 
		}

div#nav ul 	{margin:16px 20px -12px 13px; 
		padding:0;
		list-style-type:none;}

div#nav li 	{margin:0; 
		border-bottom:1px solid #069;
		padding: 3px 0;
		text-indent:5px;}


div#nav li:first-child	{border-top:1px solid #069;}

div#nav a 	{text-decoration:none;
		color:#069;}

div#nav a:hover	{color: #00d8c0;}


/* hack for IE Win only \*/
* html div#nav ul {border-top:1px solid #069;}

/* end of hack */



div#emailimage {width:180px;
			
			}

div#emailimage img 	{position:relative; 
				left:-2px; 
				top:49px; 
				border:2px solid #069;
				
				padding:6px 17px 6px 13px;
				margin: 0 0 0 0;}


div#nav div#suomikauppa {width:180px;
			}


div#nav div#suomikauppa img 	{position:absolute; 
				left:-2px; 
				top:280px; 
				border:2px solid #069;
				
				padding:6px 31px 6px 30px;
				margin: 0 0 0 0;
				}





		
div#content 	{width:572px;
		margin-top:20px;
		margin-left:235px;
		margin-bottom:20px;
		margin-right:auto;
		border:2px solid #069; 
		padding:10px;
		}

div#content h1 {font-size:1em;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin: 0;
		padding: 20px 0 20px 70px;
		
		border-bottom:2px solid #069;
		
		text-align:left;
		background-image:url(pics/logomini.gif);
		background-repeat:no-repeat;
		background-position:4% 35%;}

/* div#content h2 {font-size:.85em;
		text-transform:uppercase;
		letter-spacing:.1em;
		text-indent:2em;
		padding: 20px 0 20px 0;
		border-top:3px solid #069;
		border-bottom:3px solid #069;
		margin: 15px 0 10px 0;} */

div#content h3 {font-size:.85em;
		text-transform:uppercase;
		letter-spacing:.1em;
		margin: 25px 0 10px 0;
		border-top:2px solid #069;
		border-bottom:2px solid #069;
		padding: 10px 0 10px 0;
		text-indent:10px;
		}

div#content h4 {font-size:.75em;
		
		margin: 20px 0 0 0;
		}

div#content h5 {font-size:.7em;
		margin: 10px 0 0 0;
		padding:10px 0 0 0;
		font-style:italic;}

div#content h6 {font-size:.7em;
		margin: 10px 0 0 0;
		padding:0 0 0 0;
		color:#069;
		text-indent:10px;}


div#content p {font-size:.8em;
		
		}	

div#content li {font-size:.75em;
		padding:5px 0 0 0;}

div#content a 	{text-decoration: none;
		font-size:.75em;}

div#content li a 	{text-decoration: none;
		font-size:1em;}


div#content p a {font-size:1em;}

div#content img 	{border:1px solid #069;
			float:left;
			margin:18px 0 0 0;
			padding:0 0 0 0;}

div#content img.tekstissa 	{border:1px solid #069;
			float:right;
			margin:0 15px 5px 10px;
			padding:0 0 0 0;}


div#content img.emailkuva {border-top:2px solid #069;
			border-bottom:2px solid #069;
			padding:5px;}


/*div#content hr		{background-color:#069;
			color:#069;
			height:3px;
			border: 0px solid #069;
			margin:.5em 0 0 0;} */

div#content hr.blue	{background-color:#069;
			color:#069;
			height:2px;
			margin:10px 0 0 0;}






div#content ul	{margin: 0 20px 0 40px;
		padding: 10px 0 10px 0;}

div#content a:link    {text-decoration:none; color : #069; background : transparent none; }

div#content a:visited {color : #069; background : transparent none; }

div#content a:active  {color : #069; background : transparent none; }

div#content a:hover {text-decoration:underline; color:#09c;}



div#content table 	{margin:20px 0;
			font-size:.8em;
			border-style:solid;
			border-width:2px;
			border-color:#069;
			border-spacing:3px;}

div#content table td	{border-style:solid;
			border-width:1px;
			border-color:#ff9;
			padding:2px;}



div#variksenpelatit img	{margin:0 30px 0 120px;}

div#kassakuvat	{margin:0 30px 0 60px;}


div#joulu 	{background-color:#fff;
		margin:10px 0 10px 0;
		border:4px solid #f00;
		color:#f22;
		font-size:1.4em;
		padding:0 10px 10px 100px;
		background-image:url(pics/hiutale.jpg);
		background-repeat:repeat-y;}


div#kevatkokous {background-color:#fff;
		margin:10px 0 10px 0;
		border:4px solid #391;
		color:#391;
		font-weight:bold;
		font-size:1.1em;
		padding:10px 20px 20px 120px;
		background-image:url(pics/koivunlehti4.jpg);
		background-repeat:no-repeat;}



div#gaala 	{background-color:#fff;
		margin:10px 0 10px 0;
		border:4px solid #391;
		color:#391;
		font-weight:bold;
		font-size:1.1em;
		padding:10px 20px 20px 120px;
		background-image:url(pics/lippu.jpg);
		background-repeat:no-repeat;}



div#syyskokous 	{background-color:#fff;
		margin:10px 0 10px 0;
		border:4px solid #f30;
		color:#f30;
		font-weight:bold;
		font-size:1.1em;
		padding:10px 20px 20px 120px;
		background-image:url(pics/lehti.jpg);
		background-repeat:no-repeat;}

div#syyskokous h3 {font-size:.8em;
		}



div#syyskokous a:link {color:#834;
		text-decoration:none;}
div#syyskokous a:visited {color:#834;
		text-decoration:none;}
div#syyskokous a:active{color:#834;
		text-decoration:none;}
div#syyskokous a:hover {color:#99f;
		text-decoration:underline;}



div#syyskuvat 	{margin:0 -100px 0 0;
		padding:0;
		}

div#syyskuvat h5 {font-size:.7em;
		margin: 10px 0 0 0;
		padding:10px 0 0 0;
		font-style:italic;}







div#footer 	{width:100%;  /* makes the div fill its container - usually body */
		padding:10px 0; /* pushes the links away from top and bottom of the div */
		font-size:.65em;  /* sets the font size of all links */						text-align:center; /* centers the ul elements in the div */					background-color:#069; /* sets the background color of the div */					}

div#footer ul 	{margin:2px 0;} /* vertical spacing between the lists */ 
		

div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
		color:white; /* sets the color of the vertical lines */						
		color:#AFF; /* sets the color of the vertical lines  - links colored below */						
		padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */}

div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */

div#footer ul li a {text-decoration:none; /* removes the underlining off the links */ 				color:white; /* the color of the links */}

div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */

div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */

div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */

div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */