body.home {
	margin:            0px;
	padding:           0px;
	background-color:  #FFF;
	background-image:  url(/images/2009/pageBg.jpg);
	background-repeat: repeat-x;
	font-family:       Arial, Sans-Serif, Helvetica;
	font-size:         12px;
}
form {
	margin:  0px;
	padding: 0px;
}
input,
select,
textarea {
	font-family: Arial, Sans-Serif, Helvetica;
	font-size:   12px;
}
h1 {
	font-size:   22px;
	font-weight: normal;
	color:       #318425;
}
h2 {
	font-size:   18px;
	font-weight: normal;
	color:       #999;
}
h3 {
	font-size:   14px;
	font-weight: normal;
	color:       #999;
}
h4 {
	font-size:   12px;
	font-weight: bold;
	color:       #318425;
}
h5 {
	font-size:      10px;
	font-weight:    normal;
	color:          #318425;
	text-transform: uppercase;
}
h1 a,
h2 a {
	text-decoration: none;
}
th {
	padding:          4px 15px;
	background-color: #348E28;
	color:            #FFF;
	text-align:       left;
	font-size:        11px;
	font-weight:      bold;
}
ul {
	margin:  0px;
	padding: 0px;
}
li {
	margin:              0px;
	padding:             1px 4px 1px 8px;
	background-image:    url(/images/2009/bullet.gif);
	background-repeat:   no-repeat;
	background-position: 0px 6px;
	font-size:           11px;
	color:               #333;
	list-style-type:     none;
}
li a {
	color:           #333;
	text-decoration: none;
}
a,
a:hover {
	color: #318425;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
hr {
	height:     1px;
	color:      #CCC;
	border:     none;
	border-top: 1px solid #CCC;
}
/* PAGE FRAME */
table.pageFrame {
	position: relative;
	z-index:  0;
	width:    100%;
}
td.pageFrameLeft,
td.pageFrameRight {
	position:          relative;
	width:             50%;
	background-color:  Transparent;
	background-image:  url(/images/2009/pageSdwL.jpg);
	background-repeat: repeat-y;
}
td.pageFrameLeft {
	z-index:             0;
	background-position: top right;
}
td.pageFrameRight {
	z-index:          1;
	background-image: url(/images/2009/pageSdwR.jpg);
}
div.pageFrameGfx {
	display:           block;
	position:          relative;
	width:             100%;
	height:            200px;
	background-color:  Transparent;
	background-image:  url(/images/2009/pageGfxL.jpg);
	background-repeat: no-repeat;
}
td.pageFrameLeft div.pageFrameGfx {
	background-position: top right;
}
td.pageFrameRight div.pageFrameGfx {
	background-image: url(/images/2009/pageGfxR.jpg);
}
td.pageFrameMid {
	position: relative;
	z-index:  2;
}
/* PAGE TABLE */
table.pageTable {
	position: relative;
	z-index:  0;
	width:    870px;
}
td.header {
	position:          relative;
	z-index:           3;
	height:            82px;
	background-color:  Transparent;
	background-image:  url(/images/2009/headerBg.jpg);
	background-repeat: no-repeat;
}
div.headerContent {
	position: relative;
}
td.header img {
	display: block;
}
td.header a.logo {
	position: absolute;
	z-index:  0;
	top:      0px;
	left:     0px;
}
table.meta {
	position: absolute;
	z-index:  1;
	top:      30px;
	right:    20px;
}
table.meta td {
	padding:   0px 4px;
	font-size: 11px;
}
table.meta a {
	color:           #333;
	text-decoration: none;
}
table.meta input.searchFld,
table.meta input.searchFldD {
	width:     130px;
	border:    1px solid #666;
	font-size: 11px;
	color:     #333;
}
table.meta input.searchFldD {
	font-style: italic;
	color:      #777;
}
table.meta input.searchBtn {
	border:           1px solid #FFF;
	background-color: #359229;
	color:            #FFF;
	font-size:        10px;
}
/* TOP NAV */
td.topNav {
	position:         relative;
	z-index:          2;
	background-color: #359229;
}
table.topNavTable {
	position: relative;
	width:    100%;
	height:   30px;
}
table.topNavTable td {
	padding:    0px 4px;
	font-size:  12px;
	color:      #FFF;
	text-align: center;
}
table.topNavTable td.div {
	padding: 0px;
}
table.topNavTable img {
	display: block;
}
table.topNavTable a,
table.topNavTable a:hover {
	color:           #D9EAD6;
	text-decoration: none;
}
table.topNavTable a:hover {
	color: #FFF;
}
table.topNavTable td.Active {
	background-color: #FFF;
	font-weight:      bold;
}
table.topNavTable td.Active a,
table.topNavTable td.Active a:hover {
	color: #359229;
}
/* CONTENT */
td.content {
	position:         relative;
	z-index:          1;
	background-color: #FFF;
	border-right:     1px solid #FFF;
	border-left:      1px solid #FFF;
	font-size:        12px;
}
td.content td {
	font-size: 12px;
}
table.contentTableFP,
table.contentTableSP {
	position: relative;
	z-index:  0;
	width:    100%;
}
table.contentTableFP td.contentLeft {
	position:    relative;
	z-index:     0;
	width:       70%;
}
table.contentTableFP td.contentRight,
table.contentTableSP td.contentRight {
	position:         relative;
	z-index:          1;
	width:            30%;
	background-color: #F6F6F6;
	border-left:      1px solid #FFF;
}
table.contentTableSP td.subNav {
	width:             25%;
	background-color:  #F6F6F6;
	background-image:  url(/images/2009/subNavBg.jpg);
	background-repeat: repeat-x;
}
table.contentTableSP td.contentMidNarrow {
	width: 45%;
}
table.contentTableSP td.contentMid {
	width: 75%;
}
table.contentTableSP td.contentMidFull {
	width: auto;
}
div.imagoFrame {
	background-color: #FFF;
	border-bottom:    3px solid #359229;
}
div.imago {
	position:            relative;
	height:              240px;
	background-repeat:   no-repeat;
	background-position: top left;
	border-bottom:       1px solid #FFF;
}
div.imagoText {
	position:         absolute;
	z-index:          0;
	top:              25px;
	right:            25px;
	width:            265px;
	padding-top:      15px;
	background-color: #359229;
	border:           1px solid #FFF;
	color:            #FFF;
	font-size:        11px;
}
div.imagoText p {
	margin:  0px;
	padding: 0px 15px 15px 15px;
}
div.imagoText h1 {
	color:   #FFF;
	margin:  0px;
	padding: 0px 15px 15px 15px;
}
table.contentColumns {
	width: 100%;
}
table.contentColumns td.column {
	padding: 15px 15px;
}
div.contentContainer {
	padding: 0px 20px 20px 20px;
}
/* RIGHT BAR */
table.rightBar {
	float:  right;
	width:  270px;
	margin: 10px 0px 0px 20px;
}
td.rightBarEdge {
	width:             10px;
	background-image:  url(/images/2009/rBarEdge.jpg);
	background-repeat: repeat-y;
}
td.content td.rightBarContent {
	width:      260px;
	padding:    20px;
	border-top: 4px solid #359229;
	font-size:  11px;
}
td.content td.rightBarContent td {
	font-size: 11px;
}
td.content td.rightBarContent h1 {
	font-size:   14px;
	font-weight: normal;
	color:       #318425;
}
td.content td.rightBarContent h2 {
	font-size:   12px;
	font-weight: bold;
	color:       #318425;
}
/* SUB NAV */
td.subNav h3 {
	margin:      10px 0px 10px 0px;
	padding:     0px 0px 0px 10px;
	font-size:   22px;
	font-weight: normal;
	color:       #999;
}
td.subNav h3 a {
	color:           #999;
	text-decoration: none;
}
td.subNav h3 a:hover {
	text-decoration: none;
}
ul.subNav {
	padding: 0px 10px 20px 10px;
}
ul.subNav ul {
	padding: 2px 0px;
}
ul.subNav li {
	padding-top:    2px;
	padding-right:  0px;
	padding-bottom: 2px;
	font-size:      12px;
}
ul.subNav a.Active {
	font-weight: bold;
	color:       #359229;
}
ul.subNav a:hover {
	text-decoration: none;
}
ul.subNav li.level2 {
	background-image: url(/images/2009/subNavArrow.gif);
}
ul.subNav li.level2Active,
ul.subNav li.level2Current {
	background-image: url(/images/2009/subNavArrowA.gif);
}
ul.subNav ul.subs2 li {
	padding-bottom:      0px;
	background-image:    url(/images/2009/subNavLine.gif);
	background-position: 0px 10px;
	font-size:           11px;
}
ul.subNav li.level3Active,
ul.subNav li.level3Current {
	background-image: url(/images/2009/subNavLineA.gif);
}
ul.subNav li.Auth {
	background-image: url(/images/2009/subNavArrowC.gif);
}
ul.subNav li.Auth div.link {
	background-image:    url(/images/2009/subNavLock.gif);
	background-position: 100% 45%;
	background-repeat:   no-repeat;
}
ul.subNav ul.subs2 li.Auth,
ul.subNav li.Auth li {
	background-image: url(/images/2009/subNavLineC.gif);
}
ul.subNav li.Auth a {
	color: #999;
}
/* YAHOO */
div.yahoo {
	position:            relative;
	width:               100%;
	background-image:    url(/images/2009/yBg.gif);
	background-repeat:   repeat-x;
	background-position: bottom left;
}
div.yahooContainer {
	margin:              10px 0px 0px 0px;
	padding:             0px 0px 10px 8px;
	background-color:    Transparent;
	background-image:    url(/images/2009/yArrow.gif);
	background-repeat:   no-repeat;
	background-position: 0px 5px;
	color:               #666;
	font-size:           11px;
}
div.yahooContainer a {
	color:           #666;
	text-decoration: none;
}
div.yahooContainer a:hover {
	color:           #333;
	text-decoration: underline;
}
div.yahooContainer a.print {
	float: right;
}
/* BOX */
table.box {
	width: 100%;
}
table.box caption,
table.box th.caption {
	padding:          5px 5px 5px 15px;
	background-color: #E6ECE9;
	border-top:       1px solid #FFF;
	border-bottom:    1px solid #FFF;
	text-align:       left;
	font-size:        12px;
	font-weight:      bold;
	color:            #359229;
}
table.box caption a,
table.box caption a:hover,
table.box th.caption a,
table.box th.caption a:hover {
	display:             block;
	padding:             0px 20px 2px 0px;
	text-decoration:     none;
	background-image:    url(/images/2009/boxArrow.gif);
	background-position: top right;
	background-repeat:   no-repeat;
	font-weight:         normal;
	font-size:           11px;
}
table.box caption a:hover,
table.box th.caption a:hover {
	background-image: url(/images/2009/boxArrowA.gif);
}
table.box td {
	color:      #333;
	font-size: 11px;
}
table.box td.boxContent {
	padding: 15px;
}
table.blogBox a {
	color:           #333;
	text-decoration: none;
}
table.blogBox a:hover {
	text-decoration: underline;
}
table.blogBox img {
	border:       1px solid #333;
	margin-right: 10px;
}
/* FOOTER */
td.footerLeft,
td.footerRight {
	position:          relative;
	background-color:  Transparent;
	background-image:  url(/images/2009/footerL.jpg);
	background-repeat: no-repeat;
}
td.footerLeft {
	background-position: top right;
}
td.footerRight {
	background-image: url(/images/2009/footerR.jpg);
}
td.footer {
	position:          relative;
	z-index:           0;
	padding:           10px 15px;
	background-image:  url(/images/2009/footerBg.jpg);
	background-repeat: repeat-x;
	font-size:         11px;
	color:             #666;
}
/* MISC */
table.socialLinks td {
	padding-right: 5px;
}
table.sitemap {
	position: relative;
	width:    100%;
}
table.sitemap td.left {
	width: 30%;
}
table.sitemap td.right {
	width: 70%;
}
img.videoImage {
	border: 1px solid #333;
	margin: 0px 10px 10px 0px;
}
p.videoLink {
	margin:              0px;
	padding:             1px 4px 1px 8px;
	background-image:    url(/images/2009/bullet.gif);
	background-repeat:   no-repeat;
	background-position: 0px 6px;
	color:               #318425;
}
p.videoLink a {
	text-decoration: none;
}
p.videoDescription {
	margin:    0px;
	padding:   4px 0px;
	font-size: 11px;
	color:     #333;
}
p.ingress {
	margin-top: 10px;
	font-size:  11px;
}
div.listingIngress {
	padding:    4px 0px;
	font-style: italic;
}
p.introduction {
	font-size:  12px;
	font-weight: bold;
}
div.hDiv {
	margin:     0px 0px 10px 0px;
	border-top: 1px solid #EEE;
}
div.bannersContainer {
	position: relative;
	z-index:  100;
	margin:   0px;
	padding:  0px;
}
div.banners {
	position:   absolute;
	top:        130;
	right:      -170;
	width:      150px;
	margin:     0px;
	padding:    0px 10px;
	z-index:    0;
}
div.banners p {
	margin-top:  0px;
	padding-top: 0px;
	text-align:  center;
}
div.banners p p {
	margin:  0px;
	padding: 0px;
}
div.banners img {
	display: block;
	margin:  0 auto;
}
tr.evenRow td,
tr.oddRow td {
	padding:          4px 15px;
	font-size:        11px;
	background-color: #F2F2F2;
}
tr.evenRow td {
	background-color: #F9F9F9;
}
tr.evenRow td a,
tr.oddRow td a {
	text-decoration: none;
}
tr.evenRow td a:hover,
tr.oddRow td a:hover {
	text-decoration: underline;
}
table.plainTable tr.evenRow td,
table.plainTable tr.oddRow td {
	background-color: Transparent;
}
span.date {
	color: #359229;
}
h1 span.date {
	color:       #777;
	font-size:   12px;
	font-weight: normal;
}
span.details {
	color: #777;
}
p.more,
p.back {
	margin:              10px 0px;
	padding:             5px 0px 5px 20px;
	background-image:    url(/images/2009/back.gif);
	background-repeat:   no-repeat;
	background-position: 0px 5px;
	text-decoration:     none;
	font-size:           12px;
	font-weight:         bold;
}
p.more {
	background-image: url(/images/2009/more.gif);
}
p.more a,
p.back a {
	text-decoration: none;
}
table.socialLinks p.more,
table.socialLinks p.back {
	margin: 0px 0px;
}
input.btn,
input.btnDel {
	padding:          2px 2px;
	border:           1px solid #FFF;
	background-color: #359229;
	color:            #FFF;
	font-size:        10px;
	text-transform:   uppercase;
}
input.btnDel {
	width:               21px;
	background-color:    #C00;
	background-image:    url(/images/2009/modDelete.gif);
	background-repeat:   no-repeat;
	background-position: center center;
}
input.linkBtn {
	margin:              0px;
	padding:             1px 4px 1px 8px;
	border:              none;
	background-color:    Transparent;
	background-image:    url(/images/2009/bullet.gif);
	background-repeat:   no-repeat;
	background-position: 0px 6px;
	font-size:           12px;
	color:               #333;
	text-align:          left;
	cursor:              pointer;
	cursor:              hand;
}
a.linkBtn,
a.linkBtn:hover {
	padding:          2px 10px;
	border:           2px solid #359229;
	background-color: #359229;
	text-decoration:  none;
	color:            #FFF;
	font-weight:      bold;
}
table.box input.linkBtnPlain {
	font-size: 11px;
}
input.modBtnUp,
input.modBtnUpO,
input.modBtnDown,
input.modBtnDownO,
input.modBtnSettings,
input.modBtnSettingsO {
	margin:              0px;
	width:               18px;
	height:              18px;
	border:              none;
	background-color:    Transparent;
	background-image:    url(/images/2009/modUp.gif);
	background-repeat:   no-repeat;
	background-position: center center;
	font-size:           11px;
	color:               #333;
	text-align:          left;
	list-style-type:     none;
	cursor:              pointer;
	cursor:              hand;
}
input.modBtnUpO {
	background-image: url(/images/2009/modUpO.gif);
}
input.modBtnDown {
	background-image: url(/images/2009/modDown.gif);
}
input.modBtnDownO {
	background-image: url(/images/2009/modDownO.gif);
}
input.modBtnSettings {
	background-image: url(/images/2009/modSettings.gif);
}
input.modBtnSettingsO {
	background-image: url(/images/2009/modSettingsO.gif);
}
p.note {
	margin:              0px;
	padding:             5px 0px 5px 20px;
	background-image:    url(/images/2009/note.gif);
	background-repeat:   no-repeat;
	background-position: left center;
	color:               #C00;
}
p.error,
p.message {
	padding:             10px 10px 10px 70px;
	margin:              10px 0px;
	background-color:    #FFF;
	background-image:    url(/images/2009/error.gif);
	background-position: left center;
	background-repeat:   no-repeat;
}
p.error {
	border: 1px solid #C00;
	color:  #C00;
}
p.error a {
	color: #C00;
}
p.message {
	background-image: url(/images/2009/info.gif);
	border:           1px solid #063;
	color:            #063;
}
p.message a {
	color: #063;
}
td.content td.help {
	padding-left: 10px;
	font-size:    11px;
	color:        #666;
}
/* BLOGIEN KÄYTTÄMÄT TYYLIT 
   EI OLE MITÄÄN KAUNISTA, MUTTA SAA MUOKATA :) */

        h6 { padding: 0px; margin: 0px; font-size: 11px; }
        .commentscount { background-image: url('/blogit/comments.gif'); background-position: left center; background-repeat: no-repeat;
                         padding-left: 17px; font-size: 10px; color: Gray; }
                         
                         
        .ingress { font-size: 16px; }
        
        .childComment { padding-left: 0px; padding-bottom: 5px; margin-top: 5px; background-image: url('/blogit/comment_back.gif'); 
                        background-repeat: repeat-y; background-position: left top; }
        .rootComment { padding-left: 0px; margin-top: 0px; padding-bottom: 5px; background-image: url('/blogit/comment_back.gif'); background-repeat: repeat-y;  }
        
        .comment {  }
        .commentText { padding-left: 30px; }
        .commenter { padding-left: 30px; background-image: url('/blogit/comment_arrow.gif'); 
                     background-repeat: no-repeat; background-position: center left; font-weight: bold;
                     color: #318425; padding-top: 7px; padding-bottom: 5px; }
        .commenter_date { font-weight: normal; font-size: 11px; }
        
        .comment_tools { padding: 5px 5px 5px 0px; }
        .comment_tool { padding-right: 20px; font-size: 10px; }
        
        .commentHelp { padding-bottom: 20px; }
    
        .bloggerComment { color: #318425; }
        .deletedComment { color: Gray; }
	.blogTitle { font-size: 16px; }


        .videoTag { white-space: nowrap; display: inline-table; background-image: url(/images/videotag.gif); background-position: left center; background-repeat: no-repeat; padding: 1px 5px 1px 16px; color: gray; font-size: 11px; }
        .videoTags { padding-top: 5px; }
        .videoDesc { padding-top: 5px; }
        .videoName { font-size: 16px; color: black; padding-top: 5px; }
        .videoName a { color: black; text-decoration: none; }
        .miniVideo { margin-bottom: 5px; }

/* KÄYTTÄJÄRYHMIEN TYYLIT
 */

    .grpName { padding: 10px; 
                 font-size: 12px; background-image: url('/images/usergroups/usergroups.gif'); background-position: 2px center; background-repeat: no-repeat;
                 padding-left: 30px; }
    .grpGroupName { padding: 10px; 
                 font-size: 12px; background-image: url('/images/usergroups/usergroupgroup.gif'); background-position: 2px center; background-repeat: no-repeat;
                 padding-left: 30px; }
    .groupName { font-weight: bold;  }
    .groupInfos { padding: 3px 20px 40px 30px; }
    
    .groupTopics { padding: 3px; display: inline-table; padding-right: 10px; padding-left: 20px;
                   background-image: url('/images/usergroups/usergrouptopics.gif'); background-position: left center; background-repeat: no-repeat; }
    .groupUsers { padding: 3px; display: inline-table; padding-right: 10px; padding-left: 20px;
                  background-image: url('/images/usergroups/usergroupusers.gif'); background-position: left center; background-repeat: no-repeat; }
    .groupSharedFiles { padding: 3px; display: inline-table; padding-right: 10px; padding-left: 20px;
                        background-image: url('/images/usergroups/usergroupfiles.gif'); background-position: left center; background-repeat: no-repeat; }
    .groupDescription{ padding-bottom: 10px; }
    .groupSender { color: Gray; font-size: 11px; }
    
    #div_topics { padding: 5px; margin-bottom: 5px; padding-top: 0px; }
    #div_topics h2 { padding-top: 5px; padding-bottom: 5px; background-image: url('/images/usergroups/usergrouptopics.gif'); background-position: left center; background-repeat: no-repeat; 
                  padding-left: 25px; }
    #div_topics div { padding: 3px; }
    
    #div_files { padding: 5px; margin-bottom: 5px; padding-top: 0px; }
    #div_files h2 { padding-top: 5px; padding-bottom: 5px; background-image: url('/images/usergroups/usergroupfiles.gif'); background-position: left center; background-repeat: no-repeat; 
                  padding-left: 25px; }
    #div_files div { padding: 3px; }
    
    #div_users { padding: 5px; margin-bottom: 5px; padding-top: 0px; }
    #div_users h2 { padding-top: 5px; padding-bottom: 5px; background-image: url('/images/usergroups/usergroupusers.gif'); background-position: left center; background-repeat: no-repeat; 
                  padding-left: 25px; }
    #div_users div { padding: 3px; }
    
    #div_details { padding: 5px; margin-bottom: 5px; padding-top: 0px; }
    
    .groupSideTool { padding: 3px; border-bottom: 1px solid silver; }

    .userGroupFilev { padding-left: 20px; background-repeat: no-repeat; background-position: top left; padding-bottom: 5px; }
.userGroupTopLink { padding-left: 10px; }