body {
	background: #dddde9;
	font: normal 11px verdana, helvetica, arial, sans-serif;
	margin: 0;
}

a {	text-decoration: none; color: black; padding: 0; margin: 0; }
a:hover {	color: #004488; text-decoration: none; }

li {
	list-style: circle;
	padding: 0 0 10px;
	margin: 0;
}

p.down { text-align: right; margin-top: -15px; margin-bottom: 10px; color: black; }
ul.right { padding: 0 30px 0 240px; }
ul.right2 { padding: 0 30px 0 145px; }
h1 { font-size: 13px; margin: 0; text-transform: uppercase; }
h2 { font-size: 14px; margin: 0; }

*html ul.right2 { padding: 0 30px 0 105px; } /* IE 6 Hack */
*html ul.right { padding: 0 30px 0 200px;; } /* IE 6 Hack */
*:first-child+html ul.right2 { padding: 0 30px 0 105px; } /* IE 7 Hack */
*:first-child+html ul.right { padding: 0 30px 0 200px;; } /* IE 7 Hack */

#main_area_upper { 
  float: left;
	width: 100%; 
	height: 60px; 
	border: 0;
	color: black;
	margin: 5px auto;
	padding: 0;
	background: url("../images/background2.jpg") top left repeat-x;
}

#main_area_upper_inner {
	background-color: transparent;
	margin: 0 auto;
	width: 793px;
	padding: 0;	
}

#main_area_title { 
	font-size: 32px; 
	height: 44px;
	float: left; 
	margin: 15px 0 0 0; 
	color: #252789; 
	padding-left: 40px;
	background: url("../images/runner.gif") top left no-repeat;
	width: 260px;
}

#main_area_title a { color: #252789; }

#linkbox { width: 470px; text-align: right; float: right; padding: 40px 12px 2px 0; margin: 0; }
#linkbox a { color: #004488; }
#linkbox a:hover { text-decoration: underline; }

#navbar_box {
	clear: both;
	width: 100%;
	height: 34px;
	padding-top: 2px;
	border: 1px solid #81868c;
	border-left: 0;
	border-right: 0;
	background: url("../images/navbar.jpg") top left repeat-x;
/*	background: #252789; */
}

/* navbar link formatting */
#navbar {
  clear: both;
	position: relative;
	height: 18px;
	list-style:	none;	
	padding: 0;
	width: 795px;
	margin: auto;
	padding-top: 5px;
}

#navbar ul { list-style: none; margin: 0; padding: 0; }
#navbar li { display: block; float: left; width: 132px; padding: 0; 	margin: 0; }

/* navbar mainlinks formatting */
#navbar ul li a {
  display: block; 
  text-decoration: none;
	height: 18px;
  color: white;
  background: transparent;
	text-align: center; 
	padding: 2px 0 2px 0;
	margin: 0;
	font-size: 12px; 
	font-weight: bold;
}

/* active mainlink color */
#navbar li.on a { background: transparent; color: #c0c0c0; } 
/* unactive mainlink color on a mouse over */
#navbar ul li a:hover { color: #c0c9d0; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; } 

/* navbar sublink formatting */
#navbar li ul { display: none; }
#navbar li ul li a { padding: 2px 0 2px 0; margin: 0 8px 0 8px }

#navbar li.on ul  { position: absolute;	left: 0; display: block; margin: 0; }
#navbar li.on li a { color: #868686; }
#navbar li ul li.on a { color: #E2144A; } /* aktiivisen toisen tason navbarlinkin väri */
#navbar li ul li a:hover { color: #E2144A;  } 
#navbar li.on ul { display: block; position: absolute;	left: 0px;  }

#background-area {
  clear: both;
	background: #dddde9 url("../images/background.jpg") top left repeat-x;
	width: 100%;
}
	
#main_area {
	background-color: transparent;
	margin: 0 auto;
	width: 793px;
	padding: 0;	
	margin-bottom: 40px;
}	
	
#login { clear: both; font-size: 11px; float: right; margin: 5px 40px 0 0; color: red; }
#login a { color: #f0f0f0; }
#login a:hover { color: white; }

#left_area {
	margin-top: 5px;	
	float: left;
  width: 250px;
	border: 0;
	padding: 0;
}

#main_area_middle_left { 
	width: 250px; 
	min-height: 211px;
	border: 1px solid #81868c;
	background: white;
}

* html #main_area_middle_left { height: 200px; } /* IE 6 Hack */
*:first-child+html #main_area_middle_left { min-height: 221px; } /* IE 7 Hack */

#news_link_area { padding: 10px 10px 13px 10px; }
#news_link_area a:hover { text-decoration: underline; color: #369; }

.news_link { margin: 3px;	padding: 2px 2px 5px 2px;	border-bottom: 1px dotted #cccccc; }
.news_link a { padding: 0; margin: 0; color: #black; }
.news_link a:hover { text-decoration: underline;	padding: 0; margin: 0; color: #369; }
.news_link:hover { background: #f9f9dd; }

.news_date {
	background: url("../images/news.gif") top left no-repeat;
	font-weight: bold; 
/*	color: #868686; */
	color: #A26B6B;
	padding: 2px 0 2px 15px 
}

#down_area_left {
	border: 1px solid #81868c;
	margin-top: 5px;
	width: 250px;
	min-height: 55px;
	background: #c0c9d0;
}

* html #down_area_left { height: 55px; }

#right_area {
	margin: 5px 0 0 7px;
	float: left;
  width: 525px;
	border: 0;
	padding: 0;
}

* html #right_area { margin-left: 5px; width: 530px; } /* IE Hack */

#main_area_middle_right { 
	width: 483px; 
	min-height: 191px;
	padding: 5px 25px 15px 25px;
  color: black;
	background: white;
	font-size: 12px;
	text-align: left;
	border: 1px solid #81868c;
}

* html #main_area_middle_right { width: 482px; height: 191px;	padding: 5px 15px 4px 15px;  } /* IE 6 Hack */
*:first-child+html #main_area_middle_right { padding-bottom: 25px; } /* IE 7 Hack */

#down_area_right {
	border: 1px solid #81868c;
	margin: 5px 0 10px 0;
	width: 483px;
	min-height: 25px;
	background: #c0c9d0;
	color: #f0f0f0;
	padding: 25px 25px 5px 25px;	
	font-size: 11px;
}

* html #down_area_right { height: 25px; padding: 23px 15px 7px 15px; } /* IE Hack */

#footer {	clear: both;	padding-top: 10px;  color: #81868c; margin-left: 257px; text-align: center }
#footer a {	color: #81868c; }
#footer a:hover {	color: black; }

.thinborder100 { border: 1px solid #ccc; width: 100px;	height: 15px; }
.thinborder200 { border: 1px solid #ccc; width: 200px;	height: 15px; }
.thinborder333 { border: 1px solid #ccc; width: 333px;	height: 15px; }
.thinborder_button { border: 1px solid #ccc;	height: 18px; }
textarea { border: 1px solid #ccc;}

.blogentry { border-bottom: 1px dotted black; padding: 0 0 5px 0; margin-bottom: 5px; }
.title { float: left; font-weight: bold; font-size: 15px; margin: 5px 0 4px 0; }
*:first-child+html .title { margin: 5px 0 0 0; }
.date { clear: both; color: #a0a0a0; font-size: 11px; }
.entry { font-size: 12px; margin-top: 7px; line-height: 16px; }
.comments { clear: both; margin-top: 15px; color: #a0a0a0; }
.comment_odd { background: #f8f8f8; border-top: 1px solid #a0a0a0; padding: 10px; }
.comment_even { background: white; border-top: 1px solid #a0a0a0; padding: 10px; }
#comment_leave { margin-top: 15px; font-weight: bold; }
.protected { clear: both; margin-top: 5px;	font-style: italic; }
.protected-form { margin-top: 10px; width: 290px; }
.label-left { float: left;}
.inputbox-right { float: right; margin-left: 10px; }
.row { clear: both; height: 20px; width: 210px; margin-top: 7px; }
.row290 { clear: both; height: 20px; width: 290px; margin-top: 7px; }
.row300 { clear: both; height: 20px; width: 430px; margin-top: 7px; }
.row430 { clear: both; height: 140px; width: 430px; margin-top: 7px; }
.row272 { clear: both; height: 20px; width: 272px; margin-top: 7px; }
.row190hi { clear: both; height: 190px; width: 430px; margin-top: 7px; }

.archives_year { 
  clear: both; 
	margin: 15px 0 0 0; 
	text-align: right;  
	font-size: 12px; 
	width: 95%;  
	border-bottom: 1px dotted #81868c;
	float: left;
}

ul.archives { float: right; margin: 5px 30px 0 0;  }
ul.archives li { list-style: none; font-size: 12px; }

*:first-child+html ul.archives li { margin-top: 2px; }
.clearthis { clear: both; }
.prevnext { float: right; margin: 15px 5px 0 0; padding: 10px 5px 25px 253px; border-top: 1px solid #81868c; }
.editdelete { float: right; padding: 5px 5px 10px 0; }
#navbar_bottom { clear: both; color: #81868c; font-size: 12px; margin-left: 257px; text-align: center }
#admin_login { margin: 55px 0 0 70px ;}
#admin_login-error { margin: 27px 0 0 70px ;}

#main_title { 
	color: black; 
	border-bottom: 1px dotted #81868c; 
	background: #d5d1d0;
	margin: -5px -25px 15px -25px;
	padding: 5px 10px 5px 20px;
}

#main_title a { font-size: 11px;font-weight: normal; }

#main_title_left { 
	color: black; 
	border-bottom: 1px dotted #81868c; 
	background: #d5d1d0;
	margin: 0;
	padding: 5px 10px 5px 20px;
}

.message { 
	background: #ddfbc5; 
	border: 1px solid #6d9a49;
	color: green; 	
	margin: 10px 0 15px 0; 	
	padding: 5px 10px 5px 10px; 
}

img.ok { margin: 0 5px -2px 0; }

.errormessage { 
	background: #ecebb8;
	border: 1px solid #6d9a49;
	color: red; 
	margin: 10px 0 15px 0; 
	padding: 5px 10px 5px 10px; 
}

img.warning { margin: 0 3px -2px 0; } 

table { background: #f8f3ed; width: 100%; border: 1px solid #81868c; padding: 0;}
th { background: #d6d2d1; padding: 3px; width: 33%; }
td { background: white; padding: 3px; }

table.archive { background: #f8f3ed; width: 100%; border: 1px solid #81868c; padding: 0;}
th.archive_no { background: #d6d2d1; padding: 3px; width: 5%; }
th.archive_link { background: #d6d2d1; padding: 3px; width: 86%; }
th.archive_date { background: #d6d2d1; padding: 3px; width: 9%; }
td.archive { background: transparent; padding: 3px; }
tr.odd_tr { background: #f9f9dd; }
tr { background: white; }

*:first-child+html td.archive { background: white; }

.imgleft { float: left; margin-right: 30px; margin-bottom: 10px; margin-top: 5px; }
.imgright { float: right; margin: 5px 0 10px 20px; }
.imgleft2 { margin: 20px; }