html,body{margin:0;padding:0;}
body{font: 84% sans-serif;}
p{margin:0 10px 10px}
a{color: #333399;}
h1 {margin:0 10px 10px;font-size:1.1em;font-weight:bold;}
h2 {margin-bottom: 10px; font-size:1.1em;font-weight:bold;}
img {border-color:#003333;}
.pr { margin-right: 20px;}
.info {margin:0 10px 10px;}
.se { width:100px; }

.ad { width: 140px; float:right; padding-top: 33px; }
.to { float: left; }
.na { width: 200px; background-image: url('/img/layout/hb.gif'); background-repeat: no-repeat; clear: both; }
.fo { line-height: 35px; background-image: url('/img/layout/foot.gif'); background-repeat: repeat-x  !important; font-size: 0.7em; font-weight: bold; color: white; text-align: left; padding-top: 5px; padding-left: 5px; }
.ots {background-image: url('/img/layout/bl.gif'); background-repeat: repeat-x  !important;}
.ord { font-size: 1.2em; }
.se2 { width:330px; margin-top: 5px;}

.ord2 {background-image:url('/img/tilaus/bg.jpg');background-repeat:repeat-x; clear:both;height:3px;}
.ord3 {background: #FFF url("/img/tilaus/menu_bg.gif") top left repeat-x; height:40px;} 
.ord4 {background: #FFF url("/img/tilaus/menu_bg.gif") top left repeat-x; height:40px; margin-top:10px;} 

.pr { margin-right: 20px; }
.pr2 { margin-right: 5px; }
.pr3 { margin-right: 400px; }
.pr4 { padding-top: 8px; }

.s1 { overflow: hidden; height:1px; clear:both;}
.s2 { overflow: hidden; height:2px; clear:both;}
.s5 { overflow: hidden; height:5px; clear:both;}
.s8 { overflow: hidden; height:8px; clear:both;}
.s10 { overflow: hidden; height:10px; clear:both;}
.s15 { overflow: hidden; height:15px; clear:both;}
.s25 { overflow: hidden; height:25px; clear:both;}
.s40 { overflow: hidden; height:40px; clear:both;}
.s45 { overflow: hidden; height:45px; clear:both;}
.s55 { overflow: hidden; height:55px; clear:both;}
.s160 { overflow: hidden; height:160px; clear:both;}

.hs10 { width:10px; float:left; }
.hs20 { width:20px; float:left; }

h1 { font-size: 1.2em; padding-bottom: 5px; }

div#header{background-image:url('header_logo.gif');background-repeat:repeat-x; clear:both;background:#ff9900;}
div#menu {padding-top:3px;}
ul#menu{ 
	width: 100%;
	height: 43px;
	background: #FFF url("http://w-wool.fi/img/layout/menu-bg1.gif") top left repeat-x; 
	font-size: 1em; 
	font-family: sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 15px; 
	}
ul#menu li a { 
	height: 43px; 
	color: #003333; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 14px 0; 
	}
ul#menu li a:hover { 
	color: #333; 
	}
ul#menu li a.current{ 
	color: #000000; 
	background: #FFF url("http://w-wool.fi/img/layout/current.gif") top left repeat-x; 
	padding: 8px 14px 0; 
	}

div#container {width:950px;background-color:#FFFFFF;margin-left: auto;margin-right: auto;}
div#content {padding-top:10px;padding-right:15px;}
div#content p{line-height:1.5;}
div#extra{background:#FF9900}
div#footer{background:#FF9900;color: #000000;}
div#footer p{margin:0;padding:5px 10px;font-size:0.8em; text-align:center;}
div#wrapper{float:right;width:55%}
div#navigation{float:left;width:30%;padding-left:15px; padding-top: 15px;}
div#wrapper2{float:right;width:95%}
div#wrapper3{float:right;width:65%}
div#navigation2{float:left;width:3%;padding-left:15px; padding-top: 15px;}
div#extra{clear:both;width:100%;height:18px;background: #FFF url("http://w-wool.fi/img/layout/menu-bg1.gif") top left repeat-x; }