body {
	font: 76% "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color: #000;
	background: #FFF url(graf/taustabody.jpg) no-repeat left top;
	margin: 10px 0 0 0;
	padding: 0;
	text-align:center;
}

#container {
	position:relative;	
	width:750px;
	margin:0 auto;
	padding:0;
	text-align:left;
	z-index:100;
	
}
#topbar {
	width:750px;
	height:144px;
	background:#FFF url(graf/topbar.jpg) no-repeat;
	position:relative;
}

#topbar img {
border:none!important;
}

#marik {
	position:absolute;
	z-index:2;
	bottom:38px;
	right: 25px;
}

h1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-size: 1.6em;
	color: #5A691A;/*tummavihreä*/
	background:#FFF;
	padding-bottom: 10px;
	margin-top:0px;
	border-bottom: 1px solid #D1DDA0!important;
	margin-bottom: 30px;

}
h2 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-size: 1.3em;
	font-weight:normal;
	letter-spacing:1px;
	color: #7C9807;
	padding-bottom: 10px;
	padding-top: 8px;
	margin-top: 1.8em;
	border-bottom: 1px solid #D1DDA0!important;
	background: url(graf/pal.png) no-repeat 0em 0em;
	padding-left: 3em;
	margin-bottom: 20px;
}

h3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	letter-spacing:1px;
	color: #7C9807;/*raikas vihreä*/
	padding-bottom: 5px;
	padding-top: 0;
	margin-top: 0.8em;
	font-weight: bold;
}

h4 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-size: 1.3em;
	font-weight:normal;
	letter-spacing:1px;
	color: #7C9807;
}

hr {
   height: 1px;
   margin: 0;
   padding: 0;
   border-top: 0;
   border-bottom: 1px solid #D1DDA0;/*vaalea vihreä*/
}

#content {
	padding: 15px;
	font-size:1.1em;
	overflow:hidden;
	background:#FFFFFF;
}
#content p {line-height:1.7em;}

#navbar {
	position:absolute;
	bottom:1px;
	z-index:3;
	width:700px;
	padding:10px 0 5px 0;
	margin-left:5px;
	font-size:1.1em;
}
#navbar ul {
margin:0;
padding:0;
list-style:url(none) none
}
#navbar li {
display:inline;
}
#navbar li a {
text-decoration:none
}
#navbar .left {
background:url(graf/menu.png) top left;
padding:5px 9px 5px 5px;
}
#navbar .right {
color:#000;
background:url(graf/menu.png) right top;
padding:5px 20px 5px 0;
}
#navbar #current span {
background-image:url(graf/menuhov.png)!important;
font-weight:600
}
#navbar li a:hover {
color:#000 /* MSIE */
} 
#navbar li a:hover span {
background-image:url(graf/menuhov.png)!important;
}
.navbar2 {
	position:relative;
	top:8px;
	background: #FFFFFF url(graf/topleftcor.png) no-repeat;
	padding: 8px 15px;
	font:0.9em Verdana, Helvetica, sans-serif;
	color:#7c9807;
}

.navbar2 a {text-decoration:none; color:#7c9807;}
.navbar2 a:hover {color:#A4AC81;}

.center {text-align:center; background: url(graf/bottombg.gif) no-repeat right bottom;}
.navbar2 p {margin:0; padding:0;}
.loota {
	float: right;
	width: 250px;
}
dl.lootacu {background:#7c9807 url(graf/bg_tl.gif) top left no-repeat; 
padding:0; width:100%;}
dl.lootacu dt {
	font:bold 0.75em Verdana, Helvetica, sans-serif;
	background:transparent url(graf/bg_tr.gif) top right no-repeat;
	padding:10px;
	text-align:center;
	color:#fff;
	letter-spacing: 1px;
}

dl.lootacu dd {
	background:#d1dda0 url(graf/bg_bl.gif) bottom left no-repeat; 
	padding:0; 
	margin:0;
}
dl.lootacu dd p {
	margin:0!important; 
	padding:10px; 
	line-height:1.3em;
	font:0.85em Verdana, Helvetica, sans-serif;
	color:#666666;
}
dl.lootacu dd p.lootalast {
	background:transparent url(graf/bg_br.gif) bottom right no-repeat; 
}

.round {background: transparent; margin-bottom:15px;position:relative;}
.round p {padding-bottom:0.5em!important;}
.round h3, .round h2, .round p {
	margin:0!important;
	padding-left:5px;
	padding-right:5px;
	padding-bottom: 10px;
	padding-top:5px
}

.round h2 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	color: #5A691A;
	border-bottom: 1px solid #D1DDA0!important;	
}
.round h3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	letter-spacing:1px;
	color: #7C9807;/*raikas vihreä*/
	font-weight: bold;
}


/*#xsnazzy h2, #xsnazzy p {margin:0!important;}*/
#xsnazzy p {padding-bottom:0.5em!important;}
/*#xsnazzy h2 {padding-top:0.5em;}*/
#xsnazzy {background: transparent; margin-top:15px; position:relative;}
.xtop, .xbottom {display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #5a691a; border-right:1px solid #5a691a;}
.xb1 {margin:0 5px; background:#5a691a;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {
	display:block;
	border:0 solid #5a691a;
	border-width:0 1px;
}

.small {
	font: 0.85em Verdana, Helvetica, sans-serif;	
}
.green {color: #7C9807;/*raikas vihreä*/}
.bold {font-weight:600;}
.mbottom {margin-bottom:10px}
.clear {clear:both}
#vasenpalsta {
	float: left;
	width: 460px;
}

.pageleft {
	float: left;
	padding: 4px;
	border: 1px solid #A4AC81;
	margin-right: 10px;
}

a:hover img.pageleft {
	border: 1px solid #7c9807;/*vihreä*/
	background-color:#D1DDA0;
}

#content a {
text-decoration:none;
color:#5A691A;/*tummavihreä*/
background: url(graf/linkdot.gif) bottom repeat-x;
padding-bottom:4px;	
}

#content a:visited {
text-decoration:none;
color: #7c9807;/*vihreä*/
background-image: url(graf/link-v-dot.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#content a:hover {
text-decoration:none;
color: #d1dda0;/*haalea vihreä*/
background-image: url(graf/link-h-dot.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#content ul {
	list-style: none;
	margin: 15px 0 20px 0;
	position:absolute;
	margin-left:280px;
}

.tavlista {
position:relative!important;
margin:0!important;
}

.tavlista li {
margin-left:0!important;
}

* html #content ul {position:relative;}
*+html #content ul {position:relative;}

ul.norm {position:relative!important; margin-left:0!important;}

#content ul li {
	line-height:2.3em;
	background: url(graf/listelement.gif);
	background-repeat: no-repeat;
	background-position: 0 1em;
	margin-left: 20px;
	padding-left: 15px;
}

#content ol li {
	line-height:1.5em;
	margin-bottom: 15px;
	margin-left:20px;
}

* html #content ul li {height:1%}
*+html #content ul li {height:1%}

.middle {
	margin-bottom: -5px;
	margin-left: 5px;
}
.navbar2 #nav2_right {
	width: 230px;
	float: right;
	text-align: right;
	position: relative;
}
.navbar2 #nav2_left {
	width: 450px;
}
.navbar2 #sizer {}
.navbar2 #sizer img {margin-left:10px;border:0;}

.noborder {
	border: none;
}
.laatikko {
	background: #D1DDA0;
	padding: 5px;
	border: 1px solid #7C9807;
}

blockquote p {
	padding:0!important;
	line-height:0.8em!important;
}

form p {margin:0; padding:0;}

form input, textarea {
font: 0.85em Verdana, Helvetica, sans-serif;	
padding:2px;
background:#e6eec2;/*haaleampi vihreä*/
}
form label {
font: 0.85em Verdana, Helvetica, sans-serif;	
}
form input, textarea {
border:solid 1px #7C9807;/*raikas vihreä*/
}

.rightspa {margin-right:10px}

#alaharmaa {
	color: #A4AC81;
	font: 0.85em Verdana, Helvetica, sans-serif;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #A4AC81;
	margin-bottom: 5px;
	position: relative;
}
a.array {
	cursor: default!important;
}

.red {
	color: #951B1B;
}