/* ----- style.css ----- */
@media screen {
/* http://www.assembly.org/summer09/portal_css/style.css?original=1 */
/* */
h1, h2, h3, h4, h5 {color:#333; border:0; font-family:"Trebuched MS", Verdana, Arial; font-weight:bold;}
a, a:link {color:#6e8f10;}
a:visited {color:#303F08;}
a:hover {text-decoration:underline; color:#e70101;}
h2 a, h2 a:link, h2 a:visited {text-decoration:none; color:#333;}
h1 {font-size:2em; border-bottom:1px solid #ccc; }
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em; margin:0px;}
h5 {font-size:1.1em;}
a.language-english:after {content:url("images/button-english.gif"); margin-left:2px;}
a.language-finnish:after {content:url("images/button-finnish.gif"); margin-left:2px;}
a.language-finnish:hover, a.language-english:hover {text-decoration:underline; color:#e70101;}
a.readmore {color:#6e8f10; font-weight:bold; text-decoration:none; float:right; margin-bottom:5px;}
a.readmore:hover {text-decoration:underline; color:#e70101;}
p.subtitle {font-weight:bold; font-size:0.9em; margin:0;}
span.date {color:#6e8f10;}
#content-column h1 {margin:20px 0 5px 0; padding:0;}
#content-column h2 {margin:10px 0 5px 0; padding:0;}
#footer-links {margin:70px 0 0 20px;}
#footer-links a {color:white; text-decoration:none; font-weight:bold;}
#footer-links a:hover {text-decoration:underline;}
#footer-links span {color:#353535}
#footer-links span a {color:#353535;}
#footer #banner-bottom {margin:35px 180px 0 170px;}
a#home {width:205px; height:177px; display:block; float:left;}
#banner-top {float:left; margin:90px 0 0 95px;}
#button-top-1, #button-top-2  {margin: 82px 2px 0 0px; width:157px; height:70px; float:right; padding:2px;}
#button-top-2 {margin-right:80px; width:130px;}
#button-top-1 {margin:80px 40px 0 0;}
.banner {text-align:center; margin:5px 0;}
.banner img {border:0;}
.sponsorImg {}
.sponsors {text-align:center;}
.sponsors h4 {margin:0 4px 10px 0;}
body {
background:url("images/site-bg.jpg") #060e23 center top no-repeat;
padding:0 0 0 0;
margin:0;
font-family:Verdana, "Trebuchet MS", "Lucida Grande", Arial, Sans-serif;
font-size:0.7em;
}
#main {
margin:0 auto;
width:994px;
}
#header {
background:url("images/header-bg2.jpg") no-repeat;
color:#eee;
height:177px;
}
#subheader {
background:url("images/subheader-bg.gif") no-repeat;
color:#585858;
height:46px;
padding:14px 20px 0 20px;
font-weight:bold;
font-size:1em;
}
#container {
background:url("images/container-bg.gif") bottom left repeat-y #f5f5f5;
padding-top:7px;
margin:0 2px 0 3px;
}
#container-right {float:right; }
#content-column {
width:581px;
display:inline;
float:left;
}
#content-padding {padding:10px;}
#leftbar {
padding:0 2px 0 6px;
width:197px;
float:left;
}
#rightbar {
padding:0 2px 0 0;
width:197px;
float:right;
}
#footer {
background:url("images/footer-bg.gif") no-repeat transparent;
clear:both;
color:#ccc;
height:127px;
padding:20px 0 0 0;
margin:0 auto 20px auto;
width:994px;
}
#subheader form {display:inline; margin:-1px 10px 0 0;}
#subheader input {margin:0 0 0 5px; padding-left:20px; background:url("images/search-bg.gif") no-repeat; border-color:#ccc; color:#555;}
#subheader .submit {background:#9db615; color:white; padding-left:5px;}
#subheader div {float:right; position:relative; display:inline; margin-top:-1px;}
#subheader span {float:left; padding-top:2px;}
#subheader p {margin:0; display:inline;}
#subheader a:visited, #subheader a:link {color:black; text-decoration:none;}
/* */
table {width:100%}
.odd {background-color:#e4e4e4;}
.even {background-color:#f4f4f4;}
table td {padding:5px; margin:0;}
tr.past {color:#666;}
tr.running {font-weight:bold; background:#e4e4e4}
tr.future {}
ul {list-style-image:none; list-style-type:disc;margin-bottom:10px;}
hr {color: #999; background-color: #e4e4e4; margin:15px 0 5px 0; clear:both;}
/* */
#siteguide {
top:221px;
position:absolute;
width:987px;
}
#sguide-content {
height:215px;
padding:0 0 0 8px;
width:979px;
background:url("images/sguide-bg.gif") no-repeat #333333;
margin-left:4px;
}
#sguide-content .sguide-section {
float:left;
height:80px;
padding:10px 20px 10px 20px;
width:280px;
margin:0 5px 0 0;
overflow:hidden;
}
#sguide-content .section-first {padding:15px 20px 10px 20px; height:65px;}
#sguide-content h4 {margin:10px 0 5px 0;}
#sguide-content p {margin:0; padding:0;}
#sguide-content-padding {padding-top:17px;}
#sguide-content a:link, #sguide-content a:visited {color:black; text-decoration:none;}
#sguide-bottom-show, #sguide-bottom-hide {
background:url("images/sguide-show.gif") center top no-repeat;
height:30px;
width:987px;
margin-left:4px;
}
#sguide-bottom-hide {background:url("images/sguide-hide.gif") center top no-repeat;}
.sguide-text {cursor:pointer;text-align:center; color:white; margin-left:212px; padding-top:11px; font-weight:bold; width:570px; height:17px;}
/* */
#navigation {padding:0 5px 0 0; margin:0 0 20px 0; list-style-type:none; list-style-position: outside; font-weight:bold; }
#navigation a {color:black;text-decoration:none;}
#navigation a:hover {color:black;}
#navigation li a:before {content:url("images/bullet-arrows.gif"); margin-right:5px;}
#navigation li {
background: url("images/nav-bg-bottom.gif") 0 100% no-repeat;
margin:0 0 0 0;
padding:0 0 5px 0;
display:block;
}
#navigation a {
background: url("images/nav-bg-top.gif") 0 0 no-repeat;
margin:0;
padding:5px 0 0 10px;
display:block;
}
#navigation li.active {padding:0;}
#navigation li.active a {background-image:url("images/nav-sub-bg-top.gif"); color:#9db615;padding:2px 0 9px 20px;}
/* */
#navigation li.nav-level1 a:before, #navigation li.active a:before {content:"";}
#navigation li.nav-level1 {width:192px; background: url("images/nav-sub-bg-bottom.gif") #201f1f 0 100% no-repeat; padding:0 0 5px 0; margin:0 0 5px 0;}
#navigation li.nav-level1 a {
background-image:none;
color:white;
margin:0 2px 0 0;
padding-left:30px;
border-bottom:1px dotted #3e3e3e;
}
#navigation li.nav-level1:hover a {}
#navigation li.nav-level1 a:hover {text-decoration:underline;}
#navigation li.nav-level1 a.active {}
#navigation li.nav-level1 li {background-image:none; color:#000;}
#navigation .nav-level2 {margin:5px 0 5px 20px; font-weight:normal; }
#navigation .nav-level2 a {padding-left:10px !important; padding-bottom:2px; border:0 !important;}
#navigation .nav-level2 a.active {font-weight:bold;}
#navigation .nav-level3 {padding-left:5px; margin-bottom: 5px; border-top:1px dotted #333;}
/* */
.box-light {
background: url("images/bg-box-light-bottom2.gif") 0 100% no-repeat;
padding-bottom:10px;
margin:5px 0;
}
.box-light .box-inside {
background: url("images/bg-box-light-top2.gif") 0 0 no-repeat;
padding:10px 5px 1px 5px;
}
#boxes {background:url("images/bg-box-row.gif") no-repeat #fefefe; margin:0 -10px -10px -10px; padding-bottom:10px;}
#boxes .box-row {clear:both; padding-top:1px; border-top:2px solid white;}
#boxes .box-row div {
float:left;
width:263px;
padding:10px;
margin-bottom:10px;
}
.box-news, .box-events {list-style-type:none; margin-left:8px;}
.box-news span, .box-events span {display:block; color:#333;}
.box-news li, .box-events li {border-bottom:1px solid #ccc;}
/* */
.feature {
margin-bottom:20px;
font-size:0.9em;
}
.feature-content {
background: url("images/bg-box-light-bottom.gif") 0 100% no-repeat;
padding-bottom:10px;
margin:5px 0;
}
.feature-content-inside {
background: url("images/bg-box-light-top.gif") 0 0 no-repeat;
padding:2px 12px;
}
.feature h4, #boxes h3 {margin:5px 0 5px 0; border-bottom:1px solid #a4a9ac; font-size:1.2em;}
.feature ul {margin:0; padding:0; list-style-position:inside; list-style-type:square;}
.feature li {border-bottom:1px dashed #ccc; margin-bottom:2px;}
.feature a:link, .feature a:visited, .feature a {color:#484848; text-decoration: none; font-weight:bold;}
.feature a:hover {}
.feature-topic a:hover {text-decoration:none;}
.feature-content-inside img {margin:10px auto;}
.feature-topic a {
margin:0 0 0 0;
padding:5px 0 0 15px;
display:block;
color:#9db615 !important;
font-weight:bold;
text-decoration:none;
}
.feature-topic {
background: url("images/feature-topic-bg.gif") 0 100% no-repeat;
margin:0 0 5px 0;
padding:0 0 5px 0;
display:block;
color:#9db615;
}
/* */
#news-featured {font-size:1.1em;}
#news-featured .news-image {height:100px; margin:28px 0 20px 6px; display:block;}
#news-featured {padding:0; margin-top:10px;}
#news-featured .news-padding {padding:0 10px 15px 10px;}
#news-featured #news-navigation-next {float:right;}
#news-featured #news-navigation a {
background:url("images/news-button-bg-passive.gif") no-repeat;
color:#111;
float:left;
margin:23px 1px 3px 1px;
width:10px;
height:12px;
text-decoration:none;
padding:0 3px 1px 3px;
font-size:9px;
font-weight:bold;
}
#news-featured #news-navigation a:hover, #news-featured #news-navigation a.active {background:url("images/news-button-bg-active.gif") no-repeat;}
#news-featured #news-navigation {padding:2px 10px 0 10px; margin:2px 1px; clear:both;}
.news-box {
background: url("images/news-bg.gif") 0 100% no-repeat;
margin:5px 0 0 0;
padding-bottom:50px;
}
.news-box .news-box-inside {
background: url("images/news-bg.gif") 0 0 no-repeat;
padding:5px 5px 2px 5px;
}
.content-news {
margin:0 10px;
padding:5px 10px 25px 10px;
}
.content-news-item h2 {color:#828282; font-weight:normal;}
.news-smaller {font-size:1em; list-style-type:none; margin:0; padding:10px 0 0 0; font-weight:bold;}
.news-smaller li {margin-bottom:10px;}
.news-smaller li a {text-decoration:none; color:#333;}
.news-smaller a:hover, .content-news-item a:hover {text-decoration:underline; color:#e70101;}
/* */
#nav-top {
font-size:12px;
position:absolute;
top:10px;
left:0;
height:70px;
margin:0;
padding:0;
width:100%;
}
#nav-top-container {width:994px; margin:0 auto; padding:14px 0 0 0; height:60px;}
#nav-top a {
padding:5px 10px 5px 5px;
color:white;
font-weight:bold;
text-decoration:none;
display:block;
float:left;
}
#nav-top ul {margin:0 0 0 290px; height:45px; padding:0; overflow:hidden;}
#nav-top li {
background:url("images/navtop-vline.gif") left no-repeat;
margin-left:-5px;
padding:4px 10px 5px 5px;
display:block;
float:left;
list-style-type:none;
}
#nav-top li.active {
background:url("images/navtop-bg-active-left.gif") center left no-repeat;
}
#nav-top li.active a {
color:#454545;
background: url("images/navtop-bg-active-right.gif") center right no-repeat;
}
#nav-top a:hover {text-decoration:underline;}
.readmore-button {
font-size:0.8em;
display:block;
background:url("images/readmore-button-bg-right.gif") center right no-repeat;
clear:both;
padding:5px 5px 5px 0;
float:right;
}
.readmore-button a {
padding:5px 8px 5px 20px;
display:block;
color:#222;
background: url("images/readmore-button-bg-left.gif") center left no-repeat;
text-decoration:none;
}
.readmore-button a:hover {text-decoration:underline;}
/* */
div.listingBar {background-color:#e4e4e4; border-color:#ccc;}
.portletItemDetails {text-align:left; border-bottom:1px dotted #c6c6c6; color:#9e9e9e; padding:2px 0;}
.portletItemDetails span {text-align:left;}
.portlet-topic {font-weight:bold; font-size:1.0em;}
.documentDescription {font-weight:normal; }
/* */
* html .boxed {padding-left:20px;}
* html #button-top-1, #button-top-2 {display:inline;}
* html #button-top-1 {margin-right:35px;}
* html #news-featured .news-image {}
* html #nav-top-end {margin-left:-3px;} /* */
* html #nav-top-inside {margin-left:3px;} /* */
* html li.nav-level1 {margin-top:-20px;}
* html li.nav-level1 {padding-top:20px;}
* html li.active {padding-bottom:0; height:20px;}

}