HTML, BODY {
	margin: 0;
	padding: 0;
}

HTML { height: 100%; }

BODY {
	
	/*height: 100%;*/ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #BCBEC0;
	background: url(img/ui/bg_sitewrap_subpage_tile_y.jpg) 50% 0 repeat-y;
}

BODY#etusivu   {
 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #BCBEC0;
	background: url(img/ui/bg_sitewrap_tile_y.jpg) 50% 0 repeat-y;
}

BODY.subpage {
	color: #3F3F41;
}

DIV, H1, H2, H3, H4, P, IMG, DL {
	display: block;
	margin: 0;
	padding: 0;
}

.small_text {
	font-size: 90%;
}

A, A:VISITED {
	text-decoration: none;
	color: #FFAF00;
}


.subpage A, .subpage A:VISITED {
	text-decoration: none;
	color: #E47F00;
}

.subpage LI {
	list-style: none;
	
}

A IMG {
	border: 0;
}

DIV#sitewrap {
	width: 930px;
	/*min_height: 100%;
	height: 100%;
	_height: 100%:
	overflow: scroll;*/
	background: #FFF url(img/ui/bg_sitewrap_tile_y.jpg) 0 0 repeat-y;
	margin: 0 auto;
	padding: 0 25px;
	font-size: 1em;
}

.subpage DIV#sitewrap {
	width: 821px;
	background: #E6E6E6 url(img/ui/bg_sitewrap_subpage_tile_y.jpg) 0 0 repeat-y;
}

DIV#secondwrap {
	width: 930px;
	background: #FFF url(img/ui/bg_secondwrap_tile_y.jpg) 0 0 repeat-y;
	border-bottom: 5px solid #FFF;
	float: left;
}

DIV#leftcol {
	width: 564px;
	background: #3E393A;
	border-top: 5px solid #FFF;
	float: left;
}

.subpage DIV#leftcol {
	background: #E6E6E6;
}

DIV#rightcol {
	width: 361px;
	background: #3E393A;
	border-top: 5px solid #FFF;
	float: right;
}

DIV#rightcol_contact {
	width: 361px;
	background: #3E393A;
	border-top: 5px solid #FFF;
	float: left;
}

.subpage DIV#rightcol {
	width: 220px;
	background: #E6E6E6;
	padding: 10px 16px;
}

DIV#mainimg {
	width: 564px;
	height: 347px;
	overflow: hidden;
}

.subpage DIV#mainimg {
	width: 564px;
	height: 129px;
	overflow: hidden;
}

DIV#mainimgcaption {
	height: 24px;
	margin-top: -24px;
	padding: 0 0 0 9px;
	line-height: 24px;
	font-size: 0.9em;
	color: #FFF;
}

DIV#mainimgcaptionimg {
	height: 24px;
	margin-top: -24px;
	margin-left: 460px;
	padding: 0 0 0 9px;
	line-height: 24px;
	font-size: 0.9em;
	color: #FFF;
}

DIV#menuarea {
	width: 562px;
	height: 94px;
	background: #262427 url(img/ui/bg_menuarea_tile_x.jpg) 0 0 repeat-x;
	padding: 2px 2px 2px 0;
}

.subpage DIV#menuarea {
	background: #262427 url(img/ui/bg_menuarea_subpage_tile_x.jpg) 0 0 repeat-x;
}

UL.menu {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

UL#mainmenu {
	height: 54px;
	background: #262427 url(img/ui/bg_mainmenu_tile_x.jpg) 0 0 repeat-x;
	margin-bottom: 2px;
}

UL#mainmenu LI {
	display: inline;
	height: 54px;
	border-left: 2px solid #262427;
	float: left;
}

UL#mainmenu LI A {
	display: block;
	height: 54px;
	padding: 0 8px;
	line-height: 54px;
	font-size: 1.1em;
	white-space: nowrap;
	color: #FFAF00;
	float: left;
	overflow: hidden;
}

UL#mainmenu LI A:HOVER, UL#mainmenu LI.active {
	background: #262427 url(img/ui/bg_mainmenu_hover.jpg) 0 0 repeat-x;
}

UL#mainmenu LI#logo A:HOVER {
	background: none;
}

UL#submenu {
	height: 26px;
	margin-left: 2px;
}

UL#submenu LI {
	display: inline;
	height: 26px;
	float: left;
}

UL#submenu LI A {
	display: block;
	height: 26px;
	padding: 0 7px;
	line-height: 26px;
	color: #FFAF00;
	float: left;
}

UL#submenu LI A:HOVER {
	background: #3D3D3E url(img/ui/bg_submenu_hover.jpg) 0 0 repeat-x;
}

DIV#content {
	padding: 10px 22px 35px 26px;
	background: transparent url(img/ui/bg_content_tile_x.jpg) left bottom repeat-x;
}

.subpage DIV#content {
	background: #E6E6E6;
}

DIV#banners {
	padding: 0 26px 20px 26px;
}

UL#yhteistyokumppanit {
	width: 511px;
	height: 41px;
	background: transparent url(img/banner/yhteistyokumppanit.jpg) 0 0 no-repeat;
}

UL#yhteistyokumppanit LI {
	display: inline;
	height: 41px;
	margin-left: 1px;
	float: left;
}

LI#banner1 A { width: 126px; }
LI#banner2 A { width: 133px; }
LI#banner3 A { width: 133px; }
LI#banner4 A { width: 114px; }

UL#yhteistyokumppanit LI A {
	display: block;
	height: 41px;
	line-height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

DIV#avv {
	margin: 32px 0 0 0;
	padding: 10px 0 0 22px;
	background: transparent url(img/ui/bg_rightside_topshadow_tile_x.jpg) 0 0 repeat-x;
	}

DIV#avbanners {
	margin: 0 0 20px 22px;
	background: transparent url(img/banner/av-verkosto.jpg) 0 0 no-repeat;
	}
UL#avverkosto1 {
	width: 320px;
	height: 57px;
}
UL#avverkosto1 LI {
	display: inline;
	margin-left: 1px;
	height: 57px;
	float: left;
}
LI#avbanner1 A { width: 109px; height: 57px; }
LI#avbanner2 A { width: 129px; height: 57px; }
LI#avbanner3 A { width: 70px; height: 57px; }


UL#avverkosto1 LI A {
	display: block;
	height: 57px;
	line-height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

UL#avverkosto2 {
	width: 320px;
	height: 51px;
}
UL#avverkosto2 LI {
	display: inline;
	margin-left: 1px;
	height: 51px;
	float: left;
}

LI#avbanner4 A { width: 73px; height: 51px; }
LI#avbanner5 A { width: 136px; height: 51px; }
LI#avbanner6 A { width: 100px; height: 51px; }

UL#avverkosto2 LI A {
	display: block;
	height: 51px;
	line-height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}


UL#avverkosto3 {
	width: 320px;
	height: 51px;
}
UL#avverkosto3 LI {
	display: inline;
	margin-left: 1px;
	height: 51px;
	float: left;
}

LI#avbanner7 A { width: 84px; height: 48px; }
LI#avbanner8 A { width: 70px; height: 48px; }
LI#avbanner9 A { width: 62px; height: 48px; }
LI#avbanner10 A { width: 100px; height: 48px; }

UL#avverkosto3 LI A {
	display: block;
	height: 48px;
	line-height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

H1 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 2px;
}


H2 {
	margin-bottom: 5px;
	font-size: 2.2em;
	font-weight: normal;
}

H3 {
	margin-bottom: 8px;
	font-size: 1.5em;
	font-weight: normal;
}

H3.ajankohtaista {
	height: 54px;
	background: #262427 url(img/ui/bg_mainmenu_tile_x.jpg) 0 0 repeat-x;
	border-bottom: 2px solid #262427;
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	line-height: 54px;
	color: #FFAF00;
}

H4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.65em;
}

P {
	margin-bottom: 1em;
	line-height: 1.65em;
}

DIV.rightcontentblock {
	border: 2px solid #312F32;
	padding: 8px 22px 0 12px;
	clear: left;
}

DIV.rightp {
	
	padding: 8px 22px 0 12px;
	margin-bottom: 20px;
	
}

.topshadow {
	background: transparent url(img/ui/bg_rightside_topshadow_tile_x.jpg) 0 0 repeat-x;
	padding-top: 13px;
	border: 0 !important;
}

UL#rightsidemenu {
	width: 359px;
	height: 78px;
	background: #312F32;
	border-right: 2px solid #312F32;
}

UL#rightsidemenu LI {
	display: block;
	height: 37px;
	background: transparent url(img/ui/bg_rightsidemenu_item.jpg) 0 0 repeat-x;
	border-left: 2px solid #312F32;
	border-bottom: 2px solid #312F32;
	margin: 0;
	padding: 0;
	float: left;
}

UL#rightsidemenu LI A {
	display: block;
	height: 37px;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
	color: #909194;
	float: left;
}

UL#rightsidemenu LI A:HOVER {
	background: transparent url(img/ui/bg_rightsidemenu_item_hover.jpg) 0 0 repeat-x;
}

.width1 { width: 130px; }
.width2 { width: 93px; }

.yellowblock {
	width: 337px;
	background: #FFAF00 url(img/ui/bg_rightside_yellow.jpg) 0 0 repeat-x;
	padding: 16px 12px 0 12px;
	color: #FFF;
	float: left;
	clear: left;
}

.newsitem {
	width: 337px;
	padding: 0 0 10px 0;
	float: left;
	clear: left;
	
}

.newsitem A {

	color: #FFF;	

}

.newsitem IMG {
	border: 1px solid #FFF;
	float: left;
	margin: 3px 10px 0 0;
}

DL {
	margin: 10px 0 20px 0;
}

DT {
	width: 65px;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: right;
	color: #BCBEC0;
}

DD {
	_height: 1%;
	margin: 0 0 7px 75px;
	padding: 0;
	color: #BCBEC0;
}


DIV #henkilokunta {

	margin: 2px;
	height: 80px;
		
}	

#henkilokunta DL {

	margin-top: 10px;
		
}

DL#henkilokunta DT {

	width: 50px;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: bottom;
	color: #3F3F41;
}
DL#henkilokunta DD {
	_height: 1%;
	margin: 0 0 7px 75px;
	padding: 0;
	color: #3F3F41;
	text-align: bottom;
}

UL.pallukat LI {

	list-style: disc;	
	
}

#login_information {

text-align: center;

}

#login_information ul {

margin-left: 90px;
text-align: left;

}

input {

   font-family:Arial,sans-serif;
   background-color: #bcbec0;
   border-style: solid;
   border-color: #330000;
   border-width: 1px;
}

select {
	width: 165px;
}

.formlabel {
    font: 12px trebuchet ms, verdana, geneva, arial, sans-serif;
    font-weight: bold;
    color: #BCBEC0;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}