/* Karjalan Liitto CSS Document 8/2006 */

@import url("eventcalendar.css");
@import url("webstore.css");

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	background-color:#f2f6fa;
	text-align:center;
	}
	
body.content {
	background-color:#fff;
	background-image:none;
	text-align: left;
	}
	
br.eoc {
	font-size:10px;
	height:10px;
}
	
img {
	border:0px;
	}
	
.notpublic {
	color:#ff2222;
	}
	
.content img {
	margin:10px;
	}
	
.content img[align="left"] {
	margin-left:0px;
	}
	
.content img[align="right"] {
	margin-right:0px;
	}

img.contentbaricon,img.contentstateicon {
	border:none;
	margin:3px;
	}
	
div.container {
	width:854px;
	margin:auto;
	background:url(../images/wrap_bg.gif) left top repeat-y;
	}
	
div.header {
	width:800px;
	height:113px;
	margin:0 27px;
	text-align:left;
	position:relative;
	}
	
div.header h3.header_text {
	font-size:20px;
	margin:0;
	color:#000;
	font-weight:bold;
	width:270px;
	position:absolute;
	top:30px;
	left:25px;
}

div.logoarea {
	padding:0 7px 20px 7px;
}


/* Top navigation */
	
div.navi {
	background:url(../images/horbar_gradient.gif) bottom repeat-x #d80404;
	text-align:center;
	width:800px;
	margin:0 27px 10px 27px;
	border-bottom:4px solid #d9d9d9;
	}

.horbar, .horbar a {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
	}
	
.horbaritem a, .horbaritemselected a {
	background:url(../images/arrow.gif) center left no-repeat;
	padding-left:7px;
	}
	
.horbar a:hover, .horbaritemselected a {
	text-decoration:none;
	color:#edcbc2;
	background:url(../images/arrow_selected.gif) center left no-repeat;
	}

.horbar {
	padding:9px 6px 7px 6px;
	}
	
.horbaritem, .horbaritemselected {
	margin-right:6px;
	display:inline;
	}
	
	
/* Blocks */

div.blocks {
	width:800px;
	margin:0 27px;
	text-align:left;
	}
	
div.spacer {
	clear:both;
	overflow: hidden;
	font-size:0px;
	}
	
div.float {
	float:left;
	overflow:hidden;
	}
	
div.leftblock {
	width:213px;
}

div.default .leftblock {
	background:none;
	}

div.leftblock_content {
	margin: 0 15px;	
}

div.contactinfo {
	margin:0px 0px 0px 7px;
	font-size:11px;
	color:#333;
	line-height:16px;
	width:184px;
	}
	
div.contactinfo_text {
	padding:0px 14px;
	background:url(../images/contactinfo.png) left repeat-y;
	}
	
div.centerblock {
	width:332px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding-top:0px;
	}
	
div.default .centerblock {
	width:401px;
	}
	
div.centerblock .blockmargin {
	padding:5px 10px 10px 10px;
}

div.default div.centerblock .blockmargin {
	padding:3px 25px 15px 15px;
}
	
div.centerblock_wide {
	width:586px;
	border-left:1px solid #d9d9d9;
	}

div.centerblock_wide .blockmargin {
	padding:3px 25px 15px 15px;
}
	
div.default .centerblock, div.centerblock_wide {
	background:none;
	padding-top:0px;
	}
	
div.rightblock {
	width:253px;
	}
	
div.default .rightblock {
	width:184px;
	border-top:none;
	}
	
div.rightblock .blockmargin {
	padding:0 0 10px 10px;
}
	
div.footer {
	width:854px;
	text-align:center;
	background:url(../images/wrap_bottom.gif) bottom left no-repeat;
	padding-bottom:30px;
}
	
div.footer p {
	background:url(../images/horbar_gradient.gif) bottom repeat-x #d80404;
	padding:10px;
	border-top:3px solid #fff;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	margin:0 27px;
}

div.leftnavi {
	width:184px;
	margin:0px 0px 0px 7px;
	}
	
	
/* Toptools and searchbox */
	
div.toptools a, div.path a {
	color:#333;
	font-size:11px;
	font-weight:normal;
	}
	
div.search a {
	color:#c00101;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	line-height:16px;
	}
	
div.search a:hover {
	text-decoration:underline;
}
	
div.toptools a:hover, div.path a:hover {
	text-decoration:none;
	}
	
div.toptools {
	padding:2px 8px 15px 14px;
	color:#333;
	font-size:11px;
	}
	
div.toptools img {
	margin-left:6px;
	}
	
div.search {
	background:url(../images/searchbox_bg.png) repeat-y left;
	margin:3px 9px 12px 0;
	}
	
div.search_top {
	background:url(../images/searchbox_top.png) no-repeat top left;
}

div.search_bottom {
	background:url(../images/searchbox_bottom.png) no-repeat bottom left;
	padding:13px;
	width:208px;
}
	
div.search form {
	margin:0px;
	margin-bottom:5px;
	}
	
div.search input {
	border:none;
	}
	
input.searchboxinput {
	padding:2px;
	padding-bottom:3px;
	font-size:10px;
	color:#666;
	border:1px solid #999 !important;
	width:120px;
	}
	
input.searchboxsubmit {
	border:1px solid #d80404 !important;
	color:#000;
	font-size:10px;
	font-weight:bold;
	background-color:#edcbc2;
	padding:2px;
	margin-left:2px;
	}
	
	
/* Content */
	
div.leftnavi .content {
	background:url(../images/contactinfo.png) repeat-y left;
	}
	
div.centerblock .content {
	border-bottom:1px solid #d9d9d9;
	padding-bottom:12px;
}

div.default div.centerblock .content {
	border-bottom:0;
	padding-bottom:0;
}
	
.content h1 {
	color:#d80404;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;
	line-height:normal;
	}
	
.content h2 {
	color:#d80404;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	margin-bottom:8px;
	line-height:normal;
	}
	
.search h2 {
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	text-transform:uppercase;
	}
	
.content, .content p {
	font-size:12px;
	color:#333;
	line-height:16px;
	}
	
div.rightblock .content, div.rightblock .content p {
	font-size:11px;
	line-height:14px;
	}
	
div.leftblock .content, div.leftblock .content p {
	font-size:11px;
	line-height:14px;
	}
	
.content p {
	margin:0px;
	}
	
.content a {
	color:#d80404;
	text-decoration:none;
	font-weight:normal;
	}
	
.content a:hover {
	text-decoration:underline;
	}

div.contactinfo h1 {
	font-size:11px;
	color:#000;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;
	text-transform:uppercase;
	}
	
div.contactinfo a {
	font-size:11px;
	color:#d80404;
	text-decoration:none;
	margin:0px;
	}
	
div.contactinfo a:hover {
	text-decoration:underline;
	}
	
.content .newsdigesttitle, .content .eventcalendardigesttitle {
	color:#fff !important;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/h1_gradient.gif) bottom repeat-x #d80404;
	padding:4px 9px;
	margin:0;
	}
	
.content .newsdigesttitle {
	margin-bottom:5px;
}
	
.newstitle {
	color:#d80404 !important;
	font-size:16px !important;
	font-weight:bold !important;
	margin:0px;
	margin-bottom:10px !important;
	}
	
.newsdigestitem {
	padding-bottom:8px;
	}
	
div.rightblock .newsdigestbody, div.rightblock .eventcaldigestbody {
	padding:6px 10px;
	}
	
.rightblock .newsingress {
	display:none;
	}
	
.rightblock .newsreadmore {
	display:none;
	}
	
.rightblock .newsdate {
	display: table-cell;
	height: 35px;
	float:left;
	padding-right:7px;
	font-size:11px;
}
	
.content .newsheading {
	margin:0 0 6px 0;
}

.rightblock p.newsheading a {
	display: table-cell;	
	}
	
div.centerblock .news .content {
	padding:0px;
	}
	
div.centerblock .newsdate {
	display:block;
	}
	
div.centerblock .newsreadmore {
	display:none;
	}
	
.eventdate {
	color:#333;
	font-size:11px;
	width:18%;
	padding-right:7px;
	}
	
.eventcaldigestbody td {
	padding-bottom:10px;
	}
	
div.banner {
	padding:10px 6px;
	}
	
div.leftnavi .content {
	padding:5px 8px 5px 12px;
	}
	
div.default .rightblock .newsdate {
	display:none;
	}
	
div.default .rightblock .newsdigestitem {
	padding:0px;
	}
	
div.default .rightblock .newsdigestbody {
	padding:0px;
	}
	
div.default .rightblock .content p {
	padding: 5px 8px 8px 8px;
	margin:0px;
	}
	
div.default .rightblock .content h1, div.default .rightblock .content h2 {		
	color:#fff !important;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/h1_gradient.gif) bottom repeat-x #d80404;
	padding:4px 9px;
	margin:0;
	}
	
.eventcalendardigest_start_dt {
	color:#333;
	font-size:11px;
	width:18%;
	padding-right:7px;
	}
	
.eventcalendardigest td {
	padding-bottom:10px;
	}
	
div.rightblock .eventcalendardigest table {
	padding:4px 0;
	}
	
.eventcalendardigest_start_dt {
	color:#333;
	font-size:11px;
	/*width:18%;*/
	padding-right:7px;
	}
	
div.rightblock .eventcalendardigest td {
	padding:6px 6px 5px 0px;
	}
	
div.rightblock td.eventcalendardigest_start_dt {
	padding-left:7px;
	padding-right:7px;
	}
	
.eventcalendardigest td {
	padding-bottom:10px;
	}
	
div.centerblock h2.eventcalendardigesttitle, div.centerblock_wide h2.eventcalendardigesttitle {
	color:#d80404;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	margin-bottom:15px;
	background:none;
	padding:0px;
	}
	
div.centerblock h1.eventcalendardigesttitle, div.centerblock_wide h1.eventcalendardigesttitle {
	color:#d80404;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	margin-bottom:15px;
	background:none;
	padding:0px;
	}
	
.content h3 {
	color:#d80404;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	margin-bottom:6px;
	background:none;
	padding:0px;
	line-height:normal;
	}
	
div.content_image_caption {
	font-size:11px;
	padding:0px 10px 15px 10px;
	line-height:normal;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#666;
	background:none;
}

.content .p4table {
	width:100%;
}

form.p4form table {
	margin:15px 0px 5px 0px;
}
	
form.p4form td {
	padding:2px 8px 2px 0px;
	vertical-align:middle;
}
	
.rightblock .newsdate {
	height: 20px;
	}

.centerblock {
	overflow:hidden;
	}
	
.centerblock_wide {
	overflow:hidden;
	}
	
.rightblock {
	overflow:hidden;
	}
	
.rightblock .content img {
	margin:10px 0px;
	}
	
div.inline {
	display:inline;
	}
	
div.toptools img {
	padding:0px 10px;
	}


/* Sidemenu */	
	
.sidemenulevel {
	font-size:12px;
	font-weight:bold;
	padding-bottom: 5px;
	}
	
.sidemenulevel .sidemenulevel {
	padding-left:14px;
	font-size:11px;
	}
	
.sidemenulink {
	padding-bottom:8px;
	}
	
.sidemenulevel .sidemenulevel .sidemenulink {
	padding-bottom:6px;
	}
	
a.sidemenulink, a:hover.sidemenulinka {
	color:#000;
	}

a:hover.sidemenulinka {
	text-decoration:underline;
}

a.sidemenulinka, .sidemenulink a {
	color:#000;
	text-decoration:none;
	padding:3px 3px 3px 0px;
	line-height: 15px;
	}

a.sidemenuselected {
	text-decoration:underline;
	}
	
.sidemenuarrow img {
	margin:0px;
	margin-right:1px;
	}

.sidemenuarrow {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

.sidemenubottom {
	background-color: #b1d79e;
}


/* Path and printer */	
	
div.path {
	font-size:11px;
	margin:0 0 15px 0;
}
	
div.path a {
	text-decoration:none;
	}
	
div.path a:hover, div.path a:hover.pathlinkcurrent {
	text-decoration:underline;
	}
	
div.path a.pathlinkcurrent {
	text-decoration:none;
	font-weight:bold;
	}
	
div.printer {
	margin:15px 0;
}
	
	
/* Dropdown menu styles */

.submenu	{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	padding:5px 0px;
	border:1px solid #d9d9d9;
	background-color:#fff;
	color: #000;
	z-index:2;
}

.subframe	{
	position: relative;
	display: block;
	padding: 0px;
	background-color:#fff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

.item	{
	font-family: Arial, Helvetica, sans-serif;
	color: #4e4d4d;
	text-align: left;
	white-space: nowrap;
	border: 0px;
}

.item a	{
	font-family: Arial, Helvetica, sans-serif; 
	color:#000; 
	font-size:11px;
	line-height:18px;
	position: relative;
	display: block;
	text-decoration: none;
	padding-right: 45px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	display: list-item;
	list-style-type: none;
	list-style-position: inside;
}

.item a:link	{
	text-decoration: none;
	color: #000;
}

.item a:visited	{
	text-decoration: none;
	color: #000;
}

.item a:hover	{
	background-color:#d9d9d9;
	text-decoration: none;
	color: #000;
}

.item a:active	{
	text-decoration: none;
	color: #000;
}

.item .fwdarr	{
	position: absolute;
	top: 5px;
	right: 7px;
}


/* Search - Sitemap */

.searchhilited {
	text-decoration:underline;
}
	
a.searchhilited {
	text-decoration:underline;
}
	
a:hover.searchhilited {
	text-decoration:none !important;
}
	
.searchresult {
	margin-bottom: 17px;
}
	
.searchresultcount {
	margin:20px 0px 10px 0px;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
}
	
.searchheading a {
	font-size:12px;
	text-decoration:none;
}
	
.searchheading {
	margin-bottom: 5px;
}
	
.searchsummary {
	font-size: 12px;
}

input.searchsubmit {
	background:url(../images/horbar_gradient.gif) bottom repeat-x #d80404;
	margin:0;
	padding:2px 4px;
	font-size:12px;
	color:#fff;
	border:0;
	overflow:visible;
	vertical-align:bottom;
	cursor:pointer;
}

.sitemaptable {
	width:100%;
}

.sitemaplevel0 {
	background-color:#f1f1f1;
}

.sitemaplevel1 {
	background-color:#e5e5e5;
}