html { width: 100%; font-size: 75% }
body { width: 100%; background-image: url(images/bg.gif); background-repeat: repeat-x; background-color: #56a818; color: #222; margin: 0; padding: 0; text-align: left; }
a { color: #58b018; text-decoration: none; font-weight: bold; } 
a:hover { text-decoration: underline; }
a:visited { color: #681; }
img { border: none; }
h1,h2,h3 { font-family: georgia,verdana,sans-serif; font-size: 1.7em; font-weight: normal; text-align: center; border-bottom: 1px solid #bdb98e; margin: 15px 0 8px 0; padding: 0 0 2px 0; }
h1 { font-size: 2em; margin-top: -10px }
h2.first { margin-top: -10px; }
p { padding: 0; margin: 0 0 1em 0; line-height: 1.4em }
h1 p { margin: 0; line-height: auto; }
font { font-family: verdana,sans-serif; font-size: 0.95em; }

#logo { position: absolute; left: 220px; top: 35px; }
#flashbox { position: absolute; left: 10; top: 80px; }

#menu { position: absolute; left: 315px; top: 100px; width: 600px; }
#menu ul { font-family: georgia,verdana,sans-serif; list-style-type: none; display: inline; float: none; clear: both; }
#menu li {
	float: left;
	padding: 0 3px 5px 0;
	margin: 0 2px 0 0;
	font-family: Arial, Geneva, Tahoma, sans-serif;
}
#mainmenu { font-size: 1.3em; color: #58b018; }
#mainmenu li {  }
a.menu {
	font-weight: normal;
	color: #515c3c;
	background-color: #f6f5ee;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}
a.menuactive { font-weight: bold; color: #58b018; }
#submenu {
	font-size: 1.1em;
	width: 600px;
	color: #609030;
}

#submenu li {
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: 2px solid #F6F5EE;
}
a.submenu { font-weight: normal; color: #515c3c; white-space: nowrap; }
a.submenuactive {
	font-weight: bold;
	color: #58b018;
	padding-top: 3px;
	margin: 0px;
}

#submenu li.active { border: 2px solid #FFFFFF; }
#submenu li.active:before { content: '' }
#mainmenu li.last { border: 0; }
#mainmenu li.last a {  }
#submenu li.last:after { content: '' }
#menu br { clear: both; }

#container { position: absolute; left: 315px; top: 156px; width: 500px; min-height: 380px; background-image: url(images/boxcorner.gif); background-repeat: no-repeat; background-color: #f6f5ee; padding: 39px 0 0 0; }
#content { width: 444px; min-height: 420px; font-family: verdana,sans-serif; font-size: 0.95em; padding: 35px 28px; margin: -39px 0 0 0; background-image: url(images/boxcorner_bottom.gif); background-position: bottom left; background-repeat: no-repeat; }
#note { position: relative; display: block; width: 444px; left: -28px; top: -35px; padding: 28px 28px 16px 28px; margin: 0 -57px 0 0; font-family: georgia,verdana,sans-serif; font-size: 1em; font-style: italic; background-color: #b5c78d; background-image: url(images/boxcorner_note.gif); background-repeat: no-repeat; }

#content ul { margin-left: 0; padding-left: 15px; list-style-type: square }
.mergelist a { font-weight: normal; }
.category_link { border-top: 1px dashed #bdb98e; padding-top: 1em; }
.fim p a { border-top: 1px dashed #bdb98e; padding-top: 1em; display: block; width: 442px; }
#content p img { float: left; clear: both; margin: 0 1.2em 0.8em 0; }
div.fim { margin-top: -10px; }
.fim h1 { margin-top: 0; }

#footer { margin: 0; padding: 10px 0 30px 0; width: 500px; height: 20px; color: #fff; background-color: #56a818; font-family: verdana,sans-serif; font-size: 0.95em; }
#footercontainer { float: left; padding-left: 5px; }
#footer ul { list-style-type: none; display: inline; }
#footer li { float: left; padding: 4px 5px; margin: 0 0 3px 0;  border-right: 1px solid #a3b192 }
#footer li.last { border: 0; }
#footer a { font-weight: normal; color: #fff }
#copyright { text-align: right; padding: 4px 0px 4px 0; margin: 0;  }

.quote { color: #fff; font-family: verdana,sans-serif; font-size: 0.95em; position: absolute; background-repeat: no-repeat; padding: 50px 10px 0 26px; }
.quote a { font-family: georgia,verdana,ssans-serif; font-size: 1em; font-weight: normal; font-style: italic; color: #fff !important; text-align: right; display: block; padding-right: 10px; }
.quote p { margin-bottom: 0.5em; }
#quote1 { left: 848px; top: 128px; width: 127px; height: 157px; background-image: url(images/quote1.gif); }
#quote1flash { position: absolute; left: 844px; top: 128px; }
#quote2 { left: 101px; top: 612px; width: 149px; height: 155px; background-image: url(images/quote2.gif); }
#quote2flash { position: absolute; left: 97px; top: 608px; }
#twtr-widget-1 { left: 825px; top: 430px; width: 210px; }
#haavisto { position: absolute; left: 840px; top: 350px; }


.commentlist { margin-left: 25px; padding-left: 0 }
.commentlist cite { font-style: normal; font-weight: bold; }
.commentlist small { font-size: 11px }
.commentlist p { }

textarea { width: 442px; border: 1px solid black; font-family: verdana, sans-serif; font-size: 0.95em; }
input { border: 1px solid black; font-family: verdana, sans-serif; font-size: 0.95em; }
.searchform { margin-top: 20px; }
.alignleft { float: left; }
.alignright { float: right; }
.navigation { margin-top: 20px; }

.gallery_image { width: 414px; }

.my_cats li {
  list-style-type: none;
}
.my_cats {
  /* empty, for now */
}

/*\*/
* html #container {
height: 380px;
}
* html #content {
height: 380px;
}
/**/

#footercontainer .searchform {
  display: inline; text-align: center;
}

#footercontainer .searchform #s {
  width: 100px;
}


/* .year_links { width: 442px; border: 1px solid red; } */


