/* ----- CSS RESET ----- */
 
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
/* ----- PAGE SETUP ----- */
 
html {
    height:100%; }
 
body {
    font-family: Arial, sans-serif;
    height: 101%;
    background: #fff;
    margin: 0; padding: 0; }
    
/* ----- NAVIGATION ----- */
 
#nav a { 
	position: relative; top: 1px;
    color: white;
    font-weight: bold;
    text-decoration: none; }

#nav .unpaddednav { padding-top: 0px; position: relative; top: 8px; }

#topNav { 
    width: 500px;
    padding-top: 228px;
    margin-bottom:12px;
    margin-left: 4px;
    list-style: none;
    text-transform: uppercase;
    font-size: 14px; }
#topNav li, #subNav li {
    display: inline;
    padding-right: 8px; 
    padding-left: 16px; }
    
#topNav a.currentPage { 
    color: #6bd305; }
    
.eWreleases #topNav { padding-top: 9px; margin-bottom: 14px; }
.eWreleases #topNav li { background-image: url('/files/metsateho/img/navi_separator_2x13.png'); }
.eWreleases #topNav li:first-child { background-image: none; }
    
#subNav { 
    padding-top: 0px;
    width: 960px;
    font-size: 16px; 
    margin-left: 4px;
    overflow: hidden; }
    
#subNav a.currentPage {
    color: #96ec42;}
 
#topNav li {
    background-image: url('/files/metsateho/img/navi_separator_2x11.png'); 
    background-repeat: no-repeat; 
    background-position: 3px 4px;}
    
#topNav li:first-child {
    background-image: none; }
    
#subNav li {
    background-image: url('/files/metsateho/img/navi_separator_2x13.png'); 
    background-repeat: no-repeat; 
    background-position: 3px 5px;}
    
#subNav li:first-child {
    background-image: none; }
    
.splash {
    width: 332px;
    margin-top: 86px;
    padding-right: 30px;
    color: white;
    float: right;
    font-size: 15px;
}
 
.splash h2 {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
 
.splash p { position: relative; top: -10px; }
 
/* ----- SEARCH ----- */
 
.searchBoxWrap {
    margin:0;padding:0;
    background: #fff url('/files/metsateho/img/searchField_bg_174x26.png') no-repeat;
    float: left;
    position: relative;
    left: 539px; top: 12px; 
    width: 174px; height: 26px; }
.searchQuery { 
    font-size: 14px; font-family: Arial, sans-serif;
    margin-left: 3px;
    margin-top: 2px;
    background: transparent;
    border: 0;
    width: 127px;
    outline: none; 
    height: 23px; }
.searchSubmit { width: 36px; display: block; float:right; position: relative; left: -4px; top: 4px; }
    
/* ----- LINKS ----- */
 
.headerLinks {
    color: #7aaa1b; display: block; float: left; list-style-type: disc;
    position: relative; left: 510px; top: 16px;
    }
 
.headerLinks a, .headerLinks a:visited {
    color: #7aaa1b; text-decoration: none;
    font-family: Arial, sans-serif; font-size: 14px;
    font-weight: bold; border-bottom: 1px solid #d1e4c0; }
 
a, a:link, a:visited { color: #67a72d; }
 
h3.subsectionHead a:link,h3.subsectionHead a:visited {
    color: white; border: none; text-decoration: none; }
h3.subsectionHead a:hover, .tricolumn h3 a:hover {
    border: none;
    }
    
.footerContacts p a, .footerContacts p a:link, .footerContacts p a:visited {
    text-decoration: none; border: none; 
}
.footerContacts p a:hover {
    border: none;
}
 
.footerLinks {
    margin-left:58px;
    color: #67a72d;
    }
 
p a, p a:link, p a:visited {
    color: #67a72d; text-decoration: none; 
    border-bottom: 1px solid #d1e4c0; }
p a:hover {
    border-bottom: 1px solid white; }
    
p a.highlightLink { color: #67a72d; font-weight: bold; text-transform: uppercase; font-size: 12px; border:none; background-image: url('/files/metsateho/img/link_arrowbutton_11x11.png'); background-position: 0 2px; background-repeat: no-repeat; padding-left: 14px; }
 
.subsectionHead a.highlightLink { text-decoration: none; color: #67a72d; font-weight: bold; text-transform: uppercase; font-size: 12px; border:none; background-image: url('/files/metsateho/img/link_arrowbutton_11x11.png'); background-position: 0 2px; background-repeat: no-repeat; padding-left: 14px; position: relative; left: 820px; top: -20px; }
 
.splash p a.highlightLink { background-image: url('/files/metsateho/img/link_arrowbutton_11x11_darkvariant.png'); }
    
.tricolumn h3 a, .tricolumn h3 a:link, .tricolumn h3 a:visited {
    border: none; text-decoration: none; color: #67a72d;
}
 
.tricolumn h4 a, .tricolumn h4 a:link, .tricolumn h4 a:visited {
    text-decoration: none; color: #636363;
}
    
p a:link img { border:none;}
 
.partnerLinksContainer .partnerLink a { border: none; }
 
.biSidebar a { text-decoration: none; }
 
 
/* ---- LAYOUT ---- */
 
h1 {
    float:left;}
 
.mtehoHeader {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 52px; }
 
.topImageWrapper {
    background: #399F15; max-height: 254px; overflow:hidden;width:100%;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;
}
 
.topImageInner {
    max-height: 254px;overflow:hidden; width:960px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;margin-left:auto;margin-right:auto;
}
 
.topImageInline {
    display: inline;
}
 
.eyecatcherWrap {
    width:100%;
    height:282px;
    margin:0;padding:0;
background-color: #ffffff;

   /* background-color: #399f15;*/
    background-image: url('/files/metsateho/img/frontpage_top_variant1_bg_1500x282.jpg');
    background-repeat: no-repeat;background-position:top center;}
 
.eyecatcherWrap2 {
    width:960px;
    height:282px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    background-color:transparent;
    background-image: url('/files/metsateho/img/frontpage_top_variant1_960x282.jpg');
    background-repeat: no-repeat;}
 
.winter {
    background-image: url('/files/metsateho/img/frontpage_top_variant2_1500x282.jpg');
    }
    
.winter2 {
    background-image: url('/files/metsateho/img/frontpage_top_variant2_960x282.jpg');
    }
    
.eWreports {
    background-image: url('/files/metsateho/img/reports_top_variant1_1500x282.jpg');
    }    
    
.eW2reports {
    background-image: url('/files/metsateho/img/reports_top_variant1_960x282.jpg');
    }    
    
.eWops {
    background-image: url('/files/metsateho/img/top_fourdiv_bg_1500x282.jpg');
}
 
.eW2ops {
    background-image: url('/files/metsateho/img/top_threediv_bg_960x282.jpg');
}
    
.eWreleases { background-image: none; height: 66px; }
.eW2releases { background-image: url('/files/metsateho/img/simplemenu_bg_8x66.png'); background-repeat: repeat-x; height: 66px; }
    
.contentWrap {
    width:100%;
    margin:0;
    padding:0;
    background-color:white;
    min-height: 100px;    background-image:url('/files/metsateho/img/background_stripe_4x53.png');background-repeat:repeat-x; }
    
.content {
    width: 960px; 
    padding-top: 18px;
    margin-left: auto;
    margin-right: auto; }

.content h1 {
    float: none; }
 
.col1, .col2 {
    margin-right: 36px;
    float: left;
    width: 296px;
}
 
.col3 { float: right;     width: 296px;}
 
div.subsectionHead {
    width:960px;
    height:24px;
    background-image: url('/files/metsateho/img/front_hr1_960x24.png');
    background-repeat:no-repeat;
    text-transform: uppercase;
    clear:both;
    margin-bottom:20px;}
 
.subsectionHead h3 {
    text-indent: -10000px;
}
 
.tricolumn p, .bicolumn p, .unicolumn p {
    font-size:12px;
    font-family: Arial,sans-serif;
    line-height:18px;
    padding-bottom:30px;}
 
 
.tricolumn h3, .reportDescription h4 {
    font-size: 18px;
    font-weight: normal;
    color: #67a72d; margin-top: 8px; margin-bottom: 10px;
}
 
.tricolumn h3 {
    height: 38px; 
    display: block; }
    
 
.tricolumn h4 {
    font-size: 13px;
    font-family: Arial, sans-serif;
    color: #636363; font-weight: bold;
    margin-bottom: 12px;
}
 
.tricolumn h4 span.date, .bicolumn h4 span.date {
    font-size:11px;
    font-weight: bold;
    color: #898989;
}
 
.footerContacts {
    color: #636363;
    clear: both;
    width: 924px;
    margin-left: auto; margin-right: auto;
    font-size: 12px; font-family: Arial, sans-serif;
    padding-left: 18px; padding-right: 18px;
    padding-top: 10px; padding-bottom: 10px;
    background-color: #f7f7f7;
}
 
.partnerLinksContainer {
    margin-top: 7px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-size: 12px;
    font-family: Arial, sans-serif;
    padding-right: 40px;
    margin-bottom:22px;
}
 
.partnerLink img {
    vertical-align: text-bottom;
}
 
.moreNewsLink {
    width:132px;height:17px;
    position: relative;
    left: 828px;
    top: -15px;
}
 
 
/* ---- REPORTS PAGE SPECIFIC ---- */
 
.content .bicolumn > h2, .content .unicolumn > h2 {
    line-height: 31px;
    font-size: 28px; font-weight: normal; color: #67a72d;
    margin-bottom:25px;}
    
.bicolumn > div > h2 {
    font-size: 28px; font-weight: normal; color: #67a72d;
    }    
    
.content .bicolumn > h2 > .subHeading {
    display: block;
    color: #54574f; }
 
.content .bicolumn > h3.subHeading, .content .unicolumn > h3, .bicolumn h3 {
    color: #67a72d;
    font-size: 15px; font-weight: bold;
    text-transform: uppercase;
    margin-bottom:12px;
}
 
.content .bicolumn > h3.SHvariant1 {
    color: #54574f;
}
 
.reportItem {
    clear:right; 
}
 
.bicolumn { 
    min-height: 760px;
    float: left;
    width: 664px; 
    margin-left:20px;
    margin-bottom: 60px;
    border-right: 1px solid #dcdcdc;
    padding-right: 41px; }

.bicolumn ul {
list-style: disc;
}
.bicolumn ol {
list-style: decimal;
}
 
 
.releasesbic {
    min-height: 500px;
}
 
.opsbic {
    min-height: 400px; }
    
.imageFrame201 {
    border: 1px solid #adadad;
    width: 197px; height: 107px;
    padding-left:2px;
    padding-top: 2px;
}
 
.imageFrame > img {
}
 
 
 
.reportDescription > h4 a, .newsDescription > h4 a { text-decoration: none; }
 
.reportDescription > h4 span.reportNumber, .newsDescription > h4 span.reportNumber {
    font-size: 16px;
    color: #4c4c4c;
    display: block;
}
 
.reportItem .bevelButton {
    border: none;
    display: block;
    margin-top:0px; 
    font-size: 11px; font-weight: bold;
    text-indent: 23px;
    text-transform: uppercase;
    color: #7d7d7d; 
    width: 67px; height: 21px; 
    overflow: hidden;
    background: #fff url('/files/metsateho/img/bevelbutton_67x21.png') no-repeat; 
    }
 
.reportDescription {
    width: 440px;
    float: right;
    margin-bottom: 0px;
    }
 
 
 
    
.bicolumn .reportDescription:first-child {
    border:none;
}
 
.biSidebar { 
    float: right;
    width: 216px;
    padding-bottom: 60px;
    padding-top: 5px;
    padding-left: 18px;
     }
    
.biSidebar > h2 {
    font-weight: normal; font-size: 15px; margin-bottom: 12px;
}
 
.biSidebar p, .biSidebar ul { font-family: Arial, sans-serif; font-size: 12px; }
.biSidebar h3.inverseHeading { font-weight: bold; }
 
.inverseHeading { font-weight: bold; font-size: 13px; background: #b2b2b2; padding: 4px; display: inline; margin-left: -18px; color: white; text-transform: uppercase; margin-top: 10px; text-align: center; text-indent: -2px; }
.IHvariant2 { margin-left:0; padding-top: 2px; padding-left:5px; padding-right: 5px; background-color: #85b957; }
.IHvariant3 { background-color: #85b957; padding-left:5px; padding-right: 5px;}
h3.frontInverse {background-color: #3ca115; margin:0;position:relative; font-size: 13px; color: #fff; font-weight: bold; top:20px;margin-left:1px;}
 
.biSidebar h3.inverseBlock { font-weight: bold; font-size: 13px; background: #b2b2b2; padding: 4px; margin-left: -18px; color: white; text-transform: uppercase; margin-top: 10px; display:block; font-weight: bold; margin-left:0;  background-color: #85b957; width: 133px; }
 
.sidebarTitleWrap { background: transparent url('/files/metsateho/img/reports_archive_previousyear_54x100.png') no-repeat; width:100%; height:auto; min-height: 100px; padding-left: 55px; margin-left: -20px; margin-bottom: 14px; }
 
div.sidebarTitleWrap > p, div.sidebarTitleWrap > h4, div.sidebarTitleWrap > ul { padding-left: 15px; padding-top: 13px; width: 172px; font-size:11px; }
 
 
.prevyear { background: transparent url('/files/metsateho/img/reports_archive_previousyear_54x100.png') no-repeat; }
.pastyears { background: transparent url('/files/metsateho/img/reports_archive_pastyears_54x100.png') no-repeat; }
.releaseArchive { background: transparent url('/files/metsateho/img/reports_archive_releases_54x100.png') no-repeat; }
 
.biSidebar ul { font-size: 11px; width: 220px; margin-bottom: 14px; }
.biSidebarSection ul li { margin-bottom: 8px; }
 
.biSidebar span.reportNumber {
    color: black;
    display: block;
}
 
.titleSecondary { color: #565751; }
 
.biSidebar .separator { margin-left: -18px; border-bottom:1px solid #dcdcdc; height:2px;padding-top:2px;width:233px;margin-bottom:12px;}
.biSidebar h4 { font-size: 11px; font-weight: bold; margin-bottom: 8px; }
 
.releasesList { list-style: disc; color: #67a72d; padding-left: 5px; }
.releasesList span.date { color: #8a8a8a; }
 
.content h2.archiveHead a { border-bottom: 1px solid #d1e4c0; text-decoration: none; }
.blockDate {padding-top:4px; background-color: #85b957; display:block; padding-left:5px; padding-right: 5px; color: white; font-size: 14px; float: left; text-align: right; height: 8px; margin-right: 10px; width:105px; margin-left: -20px; font-weight:bold; font-family: Arial, sans-serif; line-height: 100%; margin-right: 20px; }
.blockDate .timeStamp {display:block; margin-top:-3px;padding-top:0;font-size:13px;}
p.byLine { display:block; font-size: 13px; color: #707070; margin-left: 120px; }
 
.articleContent { width: 530px; padding-left: 117px; font-size: 12px; line-height: 18px; color: #373737; }
.articleImage { width: 530px; height: 255px; padding:0; background-image: url('/files/metsateho/img/article_imagebg_670x255.png'); background-position: -140px 0; background-repeat: no-repeat; margin-left: 115px; margin-bottom: 20px; }
.articleContent p { margin-bottom: 18px; padding:0; }
.articleContent ul { margin-bottom: 18px; padding:0; list-style: disc; padding-left: 3px; padding-right: 3px; padding-top:0;padding-bottom:0; margin-top: 4px;}
.articleContent ol { margin-bottom: 18px; list-style: decimal; padding-left: 3px; padding-right: 0; padding-top:0;padding-bottom:0; margin-top: 4px; }
 
.articleContent ul li { list-style: disc; margin-left: 14px; padding-left: 10px; padding-bottom: 5px; }
.articleContent ol li { list-style: decimal; margin-left: 14px; padding-left: 10px; padding-bottom: 5px; }
 
.articleAddMaterials { background: #f2f2f2; margin-left: 115px; width: 385px; background-image: url('/files/metsateho/img/addMatsbg_97x800.png'); background-repeat: repeat-y; padding-left:100px; padding-top: 26px; padding-right: 52px; padding-bottom: 50px; margin-top: 50px;}
 
.articleAddMaterials h3 { color: #707070; font-size: 15px; font-weight: bold; margin-bottom: 14px; }
.articleAddMaterials ul { font-size: 13px; }
.articleAddMaterials ul li { margin-bottom:15px;}
.articleAddMaterials li p { font-size: 11px; margin-top:5px; padding:0; }
.articleAddMaterials li a { text-decoration: none; }
 
/* ----- TEXTAREA ----- */
 
.textArea { font-size: 12px; font-family: Arial, sans-serif; margin-bottom: 15px; }
.textArea a { text-decoration: none; border-bottom: 1px solid #d1e4c0; }
.textArea ul { list-style: disc; }
.textArea ul ul { list-style: circle; }
.textArea ul li { margin-left: 20px; }
.textArea table { margin-bottom: 10px; border: 1px solid black; }
.textArea table tr { border-bottom: 1px solid #adadad; }
.textArea h1, .textArea h2 { 
    line-height: 31px;
    font-size: 28px; font-weight: normal; color: #67a72d;
    margin-bottom:25px;
}
.textArea h3 { 
    color: #67a72d;
    font-size: 15px; font-weight: bold;
    text-transform: uppercase;
    margin-bottom:12px;
}
 
.textArea h4, .textArea h5, .textArea h6 {
    color: #67a72d;
    font-size: 13px; font-weight: bold;
    margin-bottom:10px;
}
 
/* ----- HEADER TOP BOXES CONTAINER ----- */
 
.topboxwrap { width: 920px; height: 175px; margin-left: 20px; padding-top: 45px; overflow:hidden; clear: both; }
.topboxwrap h2 { color: #fff; font-size: 28px; font-weight: normal; }
.topbox { width: 265px; padding-left: 13px; padding-right: 13px; padding-top: 18px; height: 144px; overflow: hidden; margin-bottom: 0;}
.topbox h3 { font-weight: normal; font-size: 20px; color: #54574f; }
.topbox ul  { color: #54574f; font-size: 12px; margin-top: -10px; }
.topbox ul a { color: #54574f; font-size: 12px; text-decoration: none; }
.topbox ul li { width: 100%; border-top: 1px solid #c1b5b8; line-height: 140%; margin-bottom: 3px; margin-top: 3px; }
.topbox li:first-child  { border: none; }
.fd1 { float: left; margin-left: 0; }
.fd2, .fd3 { float: left; margin-left: 22px; }
 
/* ----- SITEMAP ----- */
 
ul.sitemap { color: #7aaa1b; list-style: disc; margin-bottom: 20px; }
ul.sitemap ul { list-style: circle; }
ul.sitemap li { margin-left: 80px; line-height: 140%; }
ul.sitemap li .current { font-weight: bold; color: black; }
ul.sitemap li a { text-decoration: none; border-bottom: 1px solid #d1e4c0; }
 
/* ----- FEEDBACK FORM ----- */
 
table.feedbackForm { width: 400px; margin-bottom: 35px; }
.formField { width: 200px; margin-bottom: 8px; }
.formField input, .formField textarea { width: 200px; font-family: Arial, sans-serif; font-size: 11px; }
table.feedbackForm .formField { font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; vertical-align: top; text-align: left; }
 
/*------- ADDITIONS ------(SH)-*/
 
 
.article-topic{
 
display: block;
margin-left: 113px;
 
}
 
.reportDescription p {
 
margin-bottom: 10px;
padding: 0;
 
}

.clear {
clear: both;
}