/* yleiset luokat */
body { font-family: Georgia; font-size: 16px; font-weight: normal; color: #000; line-height: 22px; margin: 0; text-align: left; background: #fff; text-align: center; }
td { font-size: 14px; }
div { text-align: left; vertical-align: top; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { display: inline; }

#main_frame {
	width: 1124px;
	min-height: 700px;
	margin: 0 auto;
}

#logo { margin: 35px 0 0 0; float: left; }
#graph { margin-right: 20px; float: right; }
#sitemetrics { margin-right: 12px; float: right; }
.toplinks { margin: 0; float: right; }
#lang { margin: 0 0 0 30px; float: right; }
#naviarea { height: 32px; margin: 0 0 0 370px; float: left; }
.mainNaviItem { height: 32px; margin-right: 45px; float: left; }

.line { height: 1px; padding: 0; margin: 0; float: left; }
.lineUp { padding: 0 0 25px 0; background: url(../images/shadowup.gif) repeat-x; float: left; }
.lineDown { width: 1124px; padding: 25px 0 0 0; background: url(../images/shadowdown.gif) repeat-x; float: left; }

#contentArea { padding: 0; }
.contentRowBg { width: 1024px; min-height: 50px; padding: 40px 50px 20px 50px; background: url(../images/shadowup.gif) repeat-x; float: left; }
.contentRow { width: 1024px; min-height: 50px; padding: 30px 50px 20px 50px; float: left; }
.content { float: left; }

.frontBox { font-size: 18px; font-style: italic; width: 240px; margin-right: 22px; float: left; }
.frontBoxRight { font-size: 18px; font-style: italic; width: 250px; float: left; }

.date { font-style: italic; color: #999; }
.green { color: #22747c; }

#bottomArea { width: 1124px; height: 40px; font-size: 14px; margin: 30px 0; text-align: center; float: left; }


#oda_content { width: 694px; height: 320px; margin: 5px 0px 20px 8px; padding: 25px 25px; float: left;  background: url(../images/bg_oda.gif) no-repeat left; }
#oda_buttons { width: 290px; height: 300px; padding-right: 25px; float: left; }
.oda_text { width: 370px; height: 300px; float: left; }

/* navistylet */
a.lang:link	{ font-size: 12px; font-weight: normal; text-decoration: none; color: #999; }
a.lang:active { font-size: 12px; font-weight: normal; text-decoration: none; color: #999; }
a.lang:visited { font-size: 12px; font-weight: normal; text-decoration: none; color: #999; }
a.lang:hover	{ font-size: 12px; font-weight: normal; text-decoration: underline; color: #999; }

a.navi:link	{ font-size: 20px; font-weight: normal; text-decoration: none; color: #22747c; }
a.navi:active { font-size: 20px; font-weight: normal; text-decoration: none; color: #22747c; }
a.navi:visited { font-size: 20px; font-weight: normal; text-decoration: none; color: #22747c; }
a.navi:hover	{ font-size: 20px; font-weight: normal; text-decoration: underline; color: #22747c; }

a.white:link	{ font-size: 15px; font-weight: normal; text-decoration: none; line-height: 18px; color: #fff; }
a.white:active { font-size: 15px; font-weight: normal; text-decoration: none; line-height: 18px; color: #fff; }
a.white:visited { font-size: 15px; font-weight: normal; text-decoration: none; line-height: 18px; color: #fff; }
a.white:hover	{ font-size: 15px; font-weight: normal; text-decoration: underline; line-height: 18px; color: #fff; }

/* linkkistylet */
a:link	{ font-weight: normal; text-decoration: none; color: #22747c; }
a:active { font-weight: normal; text-decoration: none; color: #22747c; }
a:visited { font-weight: normal; text-decoration: none; color: #22747c; }
a:hover	{ font-weight: normal; text-decoration: underline; color: #22747c; }

a.black:link	{ font-weight: normal; text-decoration: none; color: #000; }
a.black:active { font-weight: normal; text-decoration: none; color: #000; }
a.black:visited { font-weight: normal; text-decoration: none; color: #000; }
a.black:hover	{ font-weight: normal; text-decoration: underline; color: #000; }

/* otsikkostylet */
h1 { font-size: 30px; font-weight: normal; font-style: italic; line-height: 38px; color: #000; margin: 0 0 35px 0; }
h2 { font-size: 26px; font-weight: normal; font-style: italic; line-height: 32px; color: #000; margin: 0px 0px 25px 0px; }
h3 { font-size: 20px; font-weight: normal; font-style: italic; line-height: 28px; color: #000; margin: 0px 0px 10px 0px; }
h4 { font-size: 18px; font-weight: normal; font-style: italic; line-height: 24px; color: #000; margin: 0px 0px 13px 0px; text-align: center; }

/* listastylet */
ul { margin: 0px; padding: 0px; }
li { list-style-position: outside; margin-left: 30px; line-height: 1.5; }

/* input stylet */
input.text { font-family: Georgia; width: 250px; height: 16px; }
textarea.lomake { width: 350px; height: 80px; font-family: Georgia; font-size: 12px; }

/* tooltip stylet */
#tt {position:absolute; display:block; background:url(../images/tooltip/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}