@import url( common.css );

#content A, #content A:VISITED {
	text-decoration: none;
	color: #149FD8;
}

#content A:HOVER, #content A:VISITED:HOVER {
	color: #333;
}



DIV#contentwrap {
	width: 870px;
	background: #FFF url(../_img/ui/bg_content_sub1.gif) 0 0 repeat-y;
	padding: 0 20px 0 0;
}

DIV#content {
	width: 538px;
	border-top: 20px solid #FFF;
	background: transparent url(../_img/ui/bg_content_sub1_top.gif) 0 0 no-repeat;
	padding: 32px 25px 0 25px;
	color: #63747B;
	float: right;
}

DIV#sidebar {
	width: 237px;
	min-height: 760px;
	background: transparent url(../_img/content/bg_sidebar_sub1.jpg) 0 0 no-repeat;
	padding: 34px 13px 0 13px;
	float: left;
}

DIV#footer {
	width: 890px;
	height: 30px;
	background: transparent url(../_img/ui/bg_footer_sub1.gif) 0 0 no-repeat;
	clear: both;
}



H1 {
	padding-bottom: 1em;
	font: normal 2.083em/1.16 Arial, Helvetica, sans-serif;
	color: #D91618;
}

H2 {
	background: transparent url(../_img/ui/h2_vline.gif) 0 0 no-repeat;
	margin-top: 5px;
	padding: 3px 0 1em 1em;
	font: normal 1.5em/1.316 Arial, Helvetica, sans-serif;
	color: #364248;
}

H3 {
	padding: 3px 0 0.333em 0;
	font: normal 1.25em/1.4 Arial, Helvetica, sans-serif;
	color: #364248;
}



DIV#sidenavi {
	width: 237px;
	background: transparent url(../_img/ui/bg_sidebox_top.gif) 0 0 no-repeat;
	padding-top: 5px;
}

UL#navi-side {
	background: transparent url(../_img/ui/bg_sidebox_bot.gif) 0 bottom no-repeat;
	margin: 0;
	padding: 0 5px 5px 5px;
	list-style: none;
}

UL#navi-side LI {
	height: 32px;
	background: transparent url(../_img/ui/bg_navi_side_item.gif) 0 0 no-repeat;
	margin-bottom: 1px;
	padding: 0;
	line-height: 31px;
}

UL#navi-side LI A {
	display: block;
	height: 32px;
	padding: 0 5px 0 15px;
	line-height: 31px;
}

UL#navi-side LI A:HOVER {
	background: transparent url(../_img/ui/bg_navi_side_item.gif) 0 -32px no-repeat;
	text-decoration: none;
}

UL#navi-side LI.act {
	background: transparent url(../_img/ui/bg_navi_side_item.gif) 0 -64px no-repeat;
}



DIV#mugshotimg {
	position: relative;
	width: 536px;
	border: 1px solid #D8D8D8;
	
}

DIV#mugshotimg.johtoryhma { height: 385px; background: transparent url(../_img/content/uoma_johtoryhma.jpg) center 0 no-repeat; }
DIV#mugshotimg.hallitus { height: 445px; background: transparent url(../_img/content/uoma_hallitus.jpg) center 0 no-repeat; }

P.caption {
	padding: 5px 11px;
	font-style: italic;
	color: #444;
}



DIV.newsitem {
	background: transparent url(../_img/ui/newsitem_separ.gif) 0 bottom no-repeat;
	margin-bottom: 11px;
	padding-bottom: 51px;
}

P.newsdate {
	padding: 17px 0 0 0;
	font: normal 0.917em/1 Tahoma, Arial, Helvetica, sans-serif;
}

DIV.newsitem H2 {
	background: none;
	padding-left: 0;
	font: normal 1.583em/1.211 Arial, Helvetica, sans-serif;
}

DIV#pagination {
	height: 26px;
	margin: 17px 0 21px;
	clear: both;
}

A.pagenum {
	display: block;
	width: 26px;
	height: 26px;
	background: transparent url(../_img/ui/bg_pagenum.gif) 0 -26px no-repeat;
	margin-right: 5px;
	text-align: center;
	line-height: 25px;
	color: #FFF !important;
	overflow: hidden;
	float: left;
}

A.pagenum.cur {
	background-position: 0 0;
}

A.pagenum:HOVER {
	color: #D8D8D8 !important;
}



P.contactphoto {
	width: 100%;
	padding-top: 5px;
	float: left;
}

P.contactphoto IMG {
	border: 1px solid #BBB;
	background: #FFF;
	margin: -5px 21px 0 0;
	padding: 1px;
	float: left;
}



DIV.cols {
	width: 100%;
	padding-bottom: 1.75em;
	clear: both;
	float: left;
}

DIV.cols .lcol {
	width: 50%;
	float: left;
}

DIV.cols .rcol {
	width: 50%;
	float: right;
}



.bullet {
	background-color: transparent;
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding-left: 16px;
}

.go { background-image: url(../_img/ui/bullet_go.gif); }