html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; /*font-family:inherit;*/ }
:focus { outline:0; } /* remember to define focus styles! */
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
hr { border:0; height:1px; background:black; color:black; }

BODY {
	FONT-SIZE: 1em; 
	COLOR: #0d0d0d; 
	FONT-FAMILY: Verdana; 
	background-image: url(background.gif);
	background-repeat:repeat-x;
	BACKGROUND-COLOR:#d4d4d4;
	TEXT-ALIGN: justify;
	line-height:1.5;
}
#wrapper {
	width: 850px;
	margin:0 auto;
}
#title {

	WIDTH: 300px; 
	HEIGHT: 24px;
	FLOAT: left; 
	MARGIN-TOP: 20px;	
}
#header {

	FLOAT: left; 	
	WIDTH: 500px; 
	HEIGHT: 24px;
	TEXT-ALIGN: right;
	MARGIN-TOP: 20px;	
}
ul#menu_oben {
	list-style:none;
}
ul#menu_oben li {
	display:	inline;
}
ul#menu_oben li A {
	padding-left: 20px;
	COLOR: white; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
ul#menu_oben li A:hover {
	padding-left: 20px;
	COLOR: #6dc433; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
#bild {
	FLOAT: left; 
	WIDTH: 801px; 
	MARGIN: 0;
}

div.bg {
	background-image: url(kuvat/otsikko2.png);
	}

#middle {
	MARGIN-TOP:10px;
	MARGIN-BOTTOM:20px;
	PADDING: 20px 10px 20px 10px; 
	BACKGROUND:white; 
	FLOAT: left;
	OVERFLOW: auto; 
	WIDTH: 779px; 
	HEIGHT: auto;
	COLOR: #0d0d0d;
	FONT-SIZE: 12px;
	border:1px solid #6dc433;
}

#middlenews {
	MARGIN-TOP:10px;
	MARGIN-BOTTOM:20px;
	PADDING: 0px; 
	BACKGROUND:white; 
	FLOAT: left;
	OVERFLOW: auto; 
	WIDTH: 800px; 
	HEIGHT: auto;
	COLOR: #0d0d0d;
	FONT-SIZE: 12px;
	border:1px solid #6dc433;
}

.bright {
	width:100%;
}

.center {
	TEXT-ALIGN: center;
}
.underline {
	TEXT-DECORATION: underline;
}

div.bg {
	width:799px;
	height:243px;
	border-top:1px solid #6dc433;
	border-left:1px solid #6dc433;
	border-right:1px solid #6dc433;
}
.left {
	FLOAT: left;
}

#middle img {
	BORDER: 2px solid #4e941f;
}

#middle .noborder {
	BORDER: 0;
}

.noborder {
	BORDER: 0px;
}

.img_left {
	FLOAT: left;
	MARGIN: 10px 10px 10px 0px;
}
.img_left img {
	BORDER: 2px solid #4e941f;
}
.img_right {
	FLOAT: right;
	MARGIN: 0px 10px 10px 10px;
}
.img_right img {
	BORDER: 2px solid #4e941f;
}
.img_center {
	MARGIN: 10px 0px 10px 0px;
	TEXT-ALIGN: center;
}
.img_center img {
	BORDER: 2px solid #4e941f;
}
#middle H1 {
	FONT-SIZE: 1.6em; 
	COLOR: #4e941f;
	TEXT-ALIGN: left; 
	BORDER-BOTTOM: 1px dotted #4e941f;
}
#middle H2 {
	FONT-SIZE: 1.4em; 
	COLOR: #4e941f;
	MARGIN-BOTTOM: 3px;
	MARGIN-TOP: 5px;
}
#middle H3 {
	FONT-SIZE: 1.2em; 
	COLOR: #0d0d0d;
	TEXT-ALIGN: left;
	MARGIN-BOTTOM: 20px;
	MARGIN-TOP:10px;
}
#middle A {
	FONT-SIZE: 12px; 
	COLOR: #366b13; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none	

}
#middle A:hover {
	FONT-SIZE: 12px; 
	COLOR: #4e941f; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none
}



/**
 * NAVIGATION
 */
#navi {
	LEFT: 1px;
	TOP: 1px;
	WIDTH: 800px;

}
#navi UL {
	FLOAT: left;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#navi .kapea {
	FLOAT: left;
	WIDTH: 188px;
}

#navi .levea {
	FLOAT: left;
	WIDTH: 210px;
}

#navi LI UL {
	DISPLAY: none;
}
#navi LI:hover UL {
	DISPLAY: block;
}
#navcontainer {
	POSITION: relative;
	HEIGHT: 27px;
	width : 801px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 13px;
	BACKGROUND: #6dc433;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #282828 0px solid;
	COLOR: white;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ce8b43 0px solid;
	FONT-FAMILY: Verdana;
	TEXT-ALIGN: center;
}
#navi {
	POSITION: absolute;
}
#navi LI {
	MARGIN: 0px 1px 0px 0px;

}
#navi UL LI {
	MARGIN: 0px;
}
#navi A {
	PADDING-RIGHT: 0.1em;
	DISPLAY: block;
	PADDING-LEFT: 0.1em;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	HEIGHT: 20px;
}
#navi A:link {
	BACKGROUND: #4e941f;
	COLOR: white;
	TEXT-DECORATION: none;
	FONT-STYLE: italic;
}
#navi A:visited {
	BACKGROUND: #4e941f;
	COLOR: white;
	TEXT-DECORATION: none;
	FONT-STYLE: italic;
}
#navi A:active {
	BACKGROUND: #4e941f;
	COLOR: white;
	TEXT-DECORATION: none;
	FONT-STYLE: italic;
}
#navi A:hover {
	BACKGROUND: #6dc433;
	COLOR: white;
	TEXT-DECORATION: none;
	FONT-STYLE: italic;
}

/**
 * DOGS
 */
 
.dogs {
	WIDTH:100%;
}


.sarake_1 {
	WIDTH: 40%;
}

.sarake_2 {
	WIDTH: 60%;
}
 
.dogs .otsikko {
	background:#4e941f;
	color:white;
	padding:2px;
}

.litters {
	width:100%;
	padding:3px;
}

.litters td {
	width:33%;
	vertical-align:top;
	border-top:1px #4e941f dotted;
	padding-left:2px;
}

.noborder {
	border:0px;
}

.bold {
	font-weight:bold;
	font-size:1.0em;
	color:#ffba00;
}

.bold2{
	font-weight:bold;
	font-size:1.2em;
}

.bold3{
	font-weight:bold;
	font-size:1.1em;
}

.italic {
	font-style:italic;
}

.littersbackground {
	background: #4e941f;
	color:white;
}

.litters a {
	FONT-SIZE: 12px; 
	COLOR: white; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none	

}

.litters a:hover {
	FONT-SIZE: 12px; 
	COLOR: #0d0d0d; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none
}

.titles {
   font-size:0.75em;
   }
   
table {
	width:100%;
	}

#sarake_1 {
	width:33%;
}
	
#sarake_2 {
	width:33%;
}
	
#sarake_3 {
	width:33%;
}

#sarake_a {
	width:45%;
}

#sarake_b {
	width:55%;
}

.iso {
	font-size:1.7em;
	}