BODY  { /* background-image: url(gfx/a3.jpg);
			background-repeat: repeat-x; */
			background-color: #adc583; 
			text-align: center; 
			margin: 0; 
			padding: 0;
	}

p {font-family: Arial; font-size: 12px; margin-left: 0px;}

h1 {font-family: Arial; font-size: 16px;}

li{ font-family: Arial; font-size: 12px; }

.main {  	background-repeat: repeat-y;
			background-color: #8dc583; 
			background-image: url(gfx/b1.jpg);
			height: 100%; 
			/* border: 0px solid black; */
			position: absolute; 
			top: 0px; 
			left: 0;
			width: 750px; 
			margin:1px auto; 
			z-index: 0; 
			text-align:left; 
			border-right: 1px solid black;
			}
			

#header { 	
			visibility: visible; 
			position: relative; 
			z-index: 1; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 192px;
			background-color: #8dc583;
			background-image: url(gfx/header3.jpg);
			background-repeat: no-repeat;
			border-right: 0px solid black;
			
		}
		

		
#content { 	visibility: visible; 
			position: relative; 
			z-index: 2; 
			top: 0px; 
			left: 0px; 
			width: 100%;
			height: auto;
			background-image: url(gfx/b1.jpg);
			background-repeat: repeat-y;
			font-family: Arial;
			font-size: 10px;
			background-color: #8dc583;
			height: auto;
			border-right: 0px solid black;
			}
			
#footer { 	visibility: visible; 
			position: relative; 
			z-index: 4; 
			left: 0px; 
			width: 750px; 
			height: 30px;
			background-color: #8dc583;
			background-repeat: repeat-y;
			background-image: url(gfx/b1.jpg);
			text-align: center;
			font-weight: bold;
			border-right: 0px solid black;
			
}

html>body .main {
  border-right: 1px solid black;
}
html>body #header {
  border-right: 1px solid black;
}
html>body #content {
  border-right: 1px solid black;
}
html>body #footer {
  border-right: 1px solid black;
}

#right {
			vertical-align: top;
			padding: 30px 50px 30px 30px;
			
			width: 100%;
			height: 100%;
			/* background-image: url(gfx/a3.jpg); */
			background-repeat: no-repeat;
			background-color: #8dc583;	
}

#menu {
			vertical-align: top;
			background-image: url(gfx/b1.jpg);
			background-repeat: repeat-y;
			width: 145px;
			border-width: 0px;
			margin: 0px;
			padding: 0px
}

#menu ul { list-style: none; margin: 0px; padding: 0px; }

#menu li{ /* valikon yksittäiset rivit */
  font-family: Arial;
  width: 140px;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 12px;
}

#menu li p {margin-left: 5px;}

#menu li a { /* valikon ne rivit, jotka ovat linkkejä */
  display: block;
  width: 127px;
  /* background-color: #3d8231; */
  margin: 0px;
  border-bottom: 1px solid #1a5612;
  border-left: 0px solid #3d8231;
  padding: 3px 5px 3px 5px;
  color: yellow;
  text-decoration: none;
}

#menu li a:visited{
  color: yellow;
}

/* Mozilla tajuaa, IE ei. Lapsielementtien leveys saadaan näin kuriin. */
html>body #menu li a {
  width: 117px;
}

html>body #menu li a:hover {
  width: 117px;
}

#menu li a:hover{ /* valikon valittuna oleva rivi */
 display: block;
  color: black;
  border-bottom: 1px solid #1a5612;
  border-left: 0px solid #1a5612;
  background-color: #8dc583;
  padding: 3px 5px 3px 5px;
  width: 127;
}


#irtopaa {
	position: absolute;
	top: 10px;
	left: 250px;
	padding-left: 400px;
	background-color: transparent;
	z-index: 100;
}

#hevoset {
	/* border: 1px solid green; */
	border-bottom: 1px dashed green;
	padding: 10px;
	/* margin: 10px; */
	width: 100%;
	height: 270;
	
	
	}
	
#hevoset img {
	float: left;
	border: 1px solid black;
	margin-right: 15px;
	margin-bottom: 15p;
}

.nimi {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 1px;
	/* border-bottom: 1px solid black; */

}
#line {
	border-bottom: 1px solid #000000;
	height: 8px;
}
.synt {
	white-space: inherit;
	font-style: italic; 
}

img	{
	border: 1px solid black;
}

.news_header { 
	padding: 3px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: Arial; font-size: 14px; margin-left: 5px;
}

.news_title {
	font-weight: bold;
	font-family: Arial; font-size: 14px; margin-left: 5px;
}

.news_date {
	font-style: italic;
	
}

#mainos {
	float: right;
	border: 2px solid black;
	margin-right: 5%;
	margin-top: 1%;
	margin-text: 2px;
	background-color: White; 
	}
	
#yhteystiedot {
	float: right;
	border: 2px solid black;
	margin-right: 2%;
	margin-top: 8%;
	margin-left: 73%;
	background-color: White;
	font-family: Arial 16px black;
}