body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #5e2424;
}

#wrapper {
 margin: 0 auto;
 width: 800px;
}



/*----------------- YLÄPALKKI ---------------------- */

#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 200px;
 margin: 10px 0px 5px 0px;
 background: #BD9C8C;
 background-image:url(images/ylapalkki.jpg);
}

/*----------------- NAVIGOINTI ---------------------- */
#navigation {
 color: #333;
 border: 1px solid #ccc;
 background: #caac8c;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: 330px;
 width: 182px;
 float: left;
  background-image:url(images/navipalkki.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
 display: block;
 text-decoration: none;
 width: 100%;
 padding: 4px 0px 4px 2px;
 color: black;
}

ul.mainnav li a:hover {
 display: block;
 text-decoration: none;
 padding: 4px 0px 4px 2px;
 color: #fff;
 width: 100%;
 background-color: brown;
}

/*----------------- SISALTO ---------------------- */
#sisalto {
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #faf4ec;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 width: 607px;
 display: inline;
  background-image:url(images/alapalkki.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
}

img.right{ float: right; border: 3px solid white; margin-left: 20px; margin-right:40px; margin-top: 10px; margin-bottom:5px;}
img.left{ float: left; margin-left: 30px; margin-right:10px; margin-top: 10px; margin-bottom:5px; }
img{ padding: 5px 5px 5px 5px;}


h1{color: #a06246; margin-left: 40px; margin-top: 15px; margin-bottom: 15px; font-family: Verdana, Arial; font-size: 20px; font-weight: bold;}
h2{color: #a06246; margin-left: 40px; margin-bottom: 10px;font-family: Verdana, Arial; font-size: 16px; font-weight: bold;}
h3{color: #a06246; margin-left: 40px; margin-bottom: 10px;font-family: Verdana, Arial; font-size: 14px; font-weight: bold;}
p{font-weight: normal; line-height: 1.2; margin-left: 60px; margin-right: 60px; font-family: Arial; font-size: 14px;}

a:link { color: #333333;}
a:visited { color: #333333;}
a:hover { color: #666; text-decoration: none;}



table.yhteistyo{
margin-left: 40px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
width:500px;
border-collapse:collapse;
}


.yhteistyo td, .yhteistyo th,
{
font-size: 14px;
border:1px solid #5b5b5b;
padding:3px 7px 2px 7px;
background-color:white;
}

ul.toiminta li {font-weight: normal; line-height: 1.2; margin-left: 20px; margin-right: 60px; font-family: Arial; font-size: 14px;}


/*----------------- HEVOSET SISALLÖSSÄ ---------------------- */
div.hevonen {
 color: #333;
 border: 1px dotted #caac8c;
 background: #eee0d2;
 margin: 3px 20px 20px 20px;
 padding: 0px;
 width: 570px;
 display: block;
 overflow: auto;
}

div.hevonen p, div.hevonen h2{margin-left: 30px;}

div.kuvaboxi{
 clear: both;
 color: #333;
 border: 0px solid #eee0d2;
 margin: 0px 10px 10px 30px;
 padding: 0px;
 display: block;
}

div.kuvaboxir{
 float: right;
 color: #333;
 border: 0px solid #eee0d2;
 margin: 10px 20px 5px 20px;
 padding: 0px;
 display: inline;
}

div.kuvaboxil{
 float: left;
 color: #333;
 border: 0px solid #eee0d2;
 margin: 10px 20px 5px 20px;
 padding: 0px;
 display: inline;
}

img.heppa{border: 1px solid white; margin: 1px; padding: 0px;}

/*----------------- FOOT ---------------------- */

#footer { 
 float: right;
 height: 10px;
 width: 608px;
 clear: both;
 color: #5e2424;;
 border: 1px solid #5e2424;
 background: #5e2424;;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}