HTML, BODY {
	margin: 0;
	padding: 0;
}

BODY {
	background: #F7F8ED;
	padding-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #434343;
}

DIV, IMG, P, H1, H2, H3, H4, H5, UL, OL, FORM, DL, DT, DD {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #999;
}

A:HOVER, A:VISITED:HOVER {
	text-decoration: underline;
	color: #999;
}

A IMG {
	display: inline;
	border: 0;
}

A.btn {
	background: #999;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 29px;
	color: #FFF !important;
}

A.btn:HOVER {
	text-decoration: none;
}

.liik { color: #0190DC !important; }
.kans { color: #F25012 !important; }
.taid { color: #FF9C03 !important; }
.kult { color: #98A602 !important; }

DIV#site {
	width: 934px;
	background: #FFF url(../img/ui/common/bg_site_tiley.gif) 0 0 repeat-y;
	margin: auto;
	font-size: 0.8125em; /* target 13px / default 16px = 0.8125em */
	line-height: 1.85; /* target 24px / current 13px = 1.85 */
}

DIV#header {
	width: 930px;
	height: 250px;
	padding: 0 2px;
}

DIV#isokuva {
	clear: both;
}

UL#topnavi {
	height: 84px;
	padding: 0 32px 0 0;
	list-style: none;
	float: right;
}

UL#topnavi LI {
	display: inline;
	padding: 0 10px;
	line-height: 80px;
}

UL#topnavi LI A {
	text-decoration: underline;
}


/* etusivun erikoistyylit */

.index DIV#header {
	width: 894px;
	height: 382px;
	padding: 10px 30px 10px 10px;
}

.index UL#topnavi {
	width: 80px;
	height: 382px;
	background: transparent url(../img/ui/common/navi-pysty.gif) 0 0 no-repeat;
	float: left;
}

.index UL#topnavi LI {
	display: block;
	width: 20px;
	height: 382px;
	padding: 0;
	float: left;
}

.index UL#topnavi LI A {
	display: block;
	width: 20px;
	height: 382px;
	text-indent: -9999px;
	overflow: hidden;
}

.index UL#topnavi LI#tn-kult A:HOVER { background: transparent url(../img/ui/common/navi-pysty.gif) 0 -382px no-repeat; }
.index UL#topnavi LI#tn-liik A:HOVER { background: transparent url(../img/ui/common/navi-pysty.gif) -20px -382px no-repeat; }
.index UL#topnavi LI#tn-kans A:HOVER { background: transparent url(../img/ui/common/navi-pysty.gif) -40px -382px no-repeat; }
.index UL#topnavi LI#tn-taid A:HOVER { background: transparent url(../img/ui/common/navi-pysty.gif) -60px -382px no-repeat; }

.sect-kult .index UL#topnavi LI#tn-kult A { background: transparent url(../img/ui/common/navi-pysty.gif) 0 -764px no-repeat !important; }
.sect-liik .index UL#topnavi LI#tn-liik A { background: transparent url(../img/ui/common/navi-pysty.gif) -20px -764px no-repeat !important; }
.sect-kans .index UL#topnavi LI#tn-kans A { background: transparent url(../img/ui/common/navi-pysty.gif) -40px -764px no-repeat !important; }
.sect-taid .index UL#topnavi LI#tn-taid A { background: transparent url(../img/ui/common/navi-pysty.gif) -60px -764px no-repeat !important; }

.index DIV#content { background: none; }
.index DIV#palstat { width: 886px; }
.index SPAN.uutispvm { font-size: 0.77em; }



/* /etusivun erikoistyylit */



DIV#tekstialue {
	width: 445px;
	height: 200px;
	margin-top: 170px;
	font-size: 16px;
	line-height: 1.69;
	color: #999;
	float: right;
	overflow: hidden;
}

UL#mainnavi {
	height: 42px;
	background: #999;
	margin: 0 2px 28px 2px;
	padding: 0 0 0 50px;
	list-style: none;
	overflow: hidden;
}

UL#mainnavi LI {
	display: block;
	height: 42px;
	padding-left: 3px;
	line-height: 38px;
	float: left;
}

UL#mainnavi LI#mn-item1 {
	background: none;
	padding-left: 0;
}

UL#mainnavi LI A {
	display: block;
	height: 42px;
	padding: 0 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.23em;
	color: #FFF;
	float: left;
}

UL#mainnavi LI A:HOVER {
	text-decoration: none;
	color: #333;
}

#subsect-1 LI#mn-item1 A, 
#subsect-2 LI#mn-item2 A, 
#subsect-3 LI#mn-item3 A,
#subsect-4 LI#mn-item4 A,
#subsect-5 LI#mn-item5 A,
#subsect-6 LI#mn-item6 A,
#subsect-7 LI#mn-item7 A,
#subsect-8 LI#mn-item8 A,
#subsect-9 LI#mn-item9 A,
#subsect-10 LI#mn-item10 A {
	height: 38px;
	line-height: 38px;
}


DIV#content {
	width: 886px;
	background: transparent url(../img/ui/common/palloviiva-v.gif) 644px 0 repeat-y;
	padding: 0 24px;
	float: left;
}

DIV#content-wrap {
	width: 854px;
	background: transparent url(../img/ui/common/palloviiva-h.gif) 0 50px repeat-x;
	padding: 0 16px 16px 16px;
	float: left;
}

DIV#palstat {
	width: 854px;
	float: left;
}

DIV.palsta {
	padding: 0 14px 0 24px;
	font-size: 1.08em;
	float: left;
}

DIV#isopalsta {
	width: 572px;
	float: left;
}

DIV#sivupalsta {
	width: 213px;
	float: right;
}

DIV#footer {
	background: #F7F8ED url(../img/ui/common/bg_site_footer.gif) 0 0 no-repeat;
	padding: 18px 24px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	text-align: right;
	color: #5A5C5D;
	clear: both;
}

.floatl {
	display: inline;
	float: left;
}

.floatr {
	display: inline;
	float: right;
}


H1 { font-weight: normal; }

DIV#content-wrap H1 {
	height: 80px;
	font-size: 19px;
	overflow: hidden;
}

DIV#palstat H1 {
	height: auto;
	font-size: 18px;
	padding-bottom: 0.25em;
	line-height: 1.35;
}

H2 {
	line-height: 1.35;
	font-size: 17px;
	font-weight: normal;
}

H2.separ {
	background: transparent url(../img/ui/common/palloviiva-h.gif) 0 0 repeat-x;
	margin: 6px -10px 0 -14px;
	padding: 16px 10px 0 14px;
}

DIV.palsta H2 { padding-bottom: 0.35em; }

H3 {
	line-height: 1.35;
	font-size: 13px;
	font-weight: bold;
}

P {
	margin-bottom: 1em;
}

DIV.palsta P {
	line-height: 1.55;
}

SPAN.uutispvm {
	display: block;
	font-size: 0.92em;
	color: #666;
}

UL {
	padding: 0 0 1em 1.15em;
	list-style: disc;
}

UL UL, 
OL UL {
	padding: 0 0 0.05em 1.15em;
	list-style: disc;
}

OL {
	padding: 0 0 1em 1.75em;
}

OL OL,
UL OL {
	padding: 0 0 0.05em 1.7em;
}

UL.sivuvalikko,
UL.sivuvalikko UL {
	padding: 0;
	list-style: none;
}

UL.sivuvalikko UL {
	padding-bottom: 6px;
	font-weight: normal !important;
}

UL.sivuvalikko LI {
	background: transparent url(../img/ui/common/valikkoitemi_pallo.gif) 0 7px no-repeat;
	padding-left: 20px;
}

UL.sivuvalikko LI.sel { font-weight: bold; }


DIV.kuvalista {
	width: 100%;
	padding-bottom: 0.25em;
	float: left;
	clear: both;
}

SPAN.sisaltokuva-l {
	display: inline;
	background: #F7F8ED;
	margin: 0 16px 10px 0;
	padding: 7px;
	float: left;
}

SPAN.sisaltokuva-r {
	display: inline;
	background: #F7F8ED;
	margin: 0 0 10px 16px;
	padding: 7px;
	float: right;

}


SPAN.sisaltokuva-c {
	background: #F7F8ED;
	margin: 10px 0 0 16px;
	padding: 7px;

}

SPAN.sisaltokuva IMG {
	background: #FFF;
	border: 1px solid #D3D8DB;
	padding: 2px;
}

DL {
	padding: 0 0 1em 0;
}

DT {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

DD {
	display: list-item;
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	list-style: outside disc;
}

TABLE {
	border: 0px solid #B5B6B7;
	border-collapse: collapse;
	margin-bottom: 1em;
}

TABLE TH {
	border: 0px solid #B5B6B7;
	background: #E5E6E7;
	padding: 2px 5px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

TABLE TD {
	border: 0px solid #B5B6B7;
	padding: 1px 5px;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

LABEL {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

LABEL.flo {
	display: block;
	width: 125px;
	margin-bottom: 5px;
	float: left;
	clear: left;
	line-height: 1.45;
}

INPUT, TEXTAREA, SELECT {
	margin-bottom: 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
}

INPUT[type="text"] {
	padding: 2px 2px 1px 2px;
}

INPUT[type="checkbox"] {
	width: 13px;
	height: 13px;
	margin: 0 3px 1px 0;
}

INPUT[type="radio"] {
	width: 13px;
	height: 13px;
	margin: 0 3px 0 0;
}

INPUT[type="submit"],
INPUT[type="reset"] {
	padding: 0 5px;
}

FIELDSET {
	padding: 3px 7px 7px 7px;
	margin: 0 0 1em 0;
	border: 1px solid #B5B6B7;
}

LEGEND {
	margin: 0 0 0 -3px;
	padding: 0 3px;
	color: #434343;
}






