/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(kuvat/shade.gif);
background-repeat: repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #7A3017;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #fff;
 background-image: url(kuvat/lisko_ylaosa.jpg);
background-repeat: no-repeat;
background-position: top right;
}
#navigation {
float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #7A3017;
 margin: 0px 0px 0px 0px;
 background: #F96331;
 background-image: url(kuvat/liuku.jpg);
 background-position: top left;
 background-repeat: repeat-y;
}
#leftcolumn { 
 color: #333;
 font-size: 15px;
 border-left: 1px solid #7A3017;
 background: #DC7C2F;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 201px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border-left: 1px solid #fff;
 border-right: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 456px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border-right: 1px solid #7A3017;
 border-left: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
}
#footer { 
 width: 690px;
 clear: both;
 color: #333;
 border: 1px solid #7A3017;
 margin: 0px 0px 10px 0px;
 padding-left: 230px;
 padding-top: 10px;
 padding-bottom: 10px;
 background: #F96331;
 background-image: url(kuvat/liuku.jpg);
 background-position: top left;
 background-repeat: repeat-y;
}
p {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
h2 {padding-left: 10px;}
h3 {padding-left: 10px;}
h4 {padding-left: 10px; font-size: 12px;}

#leftcolumn a:link{color: #000000; text-decoration: none; border-bottom: 1px dotted;}
#leftcolumn a:visited{color: #fff; text-decoration: none; border-bottom: 1px dotted;}
#leftcolumn a:hover{color: #000000; text-decoraton: none; border-bottom: 1px solid;}
#leftcolumn a:active{text-decoration: none; border-bottom: 1px solid;}
ul {padding-left: 20px;}