/* HTML elementit */
html { margin: 0px; padding: 0px; }
body { background: #000; margin: 0px; padding: 0px; font-family: Comic, "Comic sans MS", "Comic MS", Trebuchet, Arial, Helvetica, sans-serif; 
font-size: 0.85em; color: #788156; }
a:focus, a:active { background: #FFF; color: #000; }
acronym { border-bottom: 1px dotted #262E0E; cursor: help; }

/* 1 - Pääkehys */
#container { padding: 0px; margin: 0px; z-index: 200; }

/* 2 - Esittely */
#intro { float: right; width: 297px; margin: 0px; padding: 0px; }
#pageHeader { width: 297px; height: 81px; background: url(zengarden.png) no-repeat top left; margin: 0px; padding: 0px;  }
#pageHeader h1, #pageHeader h2 { display: none; }
#quickSummary { width: 297px; background: url(fd-carnet.png) repeat-y top left; padding: 0px; margin: 0px; }
#quickSummary p { color: #4C5728; text-align: left; font-size: 0.8em; padding: 10px; margin: 0px; }
#quickSummary a, #quickSummary a:visited { color: #998D37; }
#quickSummary a:hover { color: #4C5728; text-decoration: none; }
#preamble { width: 297px; background: url(fd-carnet.png) repeat-y top left; padding: 0px; margin: 0px; }
#preamble h3 { float: right; width: 289px; height: 21px; background: url(road.png) no-repeat top right; }
#preamble h3 span { display: none; }
#preamble p { color: #788156; text-align: left; font-size: 0.8em; padding: 10px; margin: 0px; }

/* 3 - Tekstielementit */
#supportingText { clear: both; float: right; width: 297px; background: url(fd-carnet.png) repeat-y top left; padding: 0px; margin: 0px;  }
#explanation, #participation, #benefits, #requirements { padding: 0px; margin: 0px; }
#explanation p, #participation p, #benefits p, #requirements p { text-align: left; font-size: 0.8em; padding: 10px; margin: 0px; }
#supportingText a, #supportingText a:visited { color: #998D37; }
#supportingText a:hover { color: #4C5728; text-decoration: none; }
#explanation h3 { width: 283px; height: 15px; background: url(sowhat.png) no-repeat top right; padding: 0px; margin: 0px; margin-left: 14px; }
#participation h3 { width: 269px; height: 21px; background: url(participation.png) no-repeat top right; padding: 0px; margin: 0px; margin-left: 28px;  }
#benefits h3  { width: 269px; height: 15px; background: url(benefits.png) no-repeat top right; padding: 0px; margin: 0px; margin-left: 28px;  }
#requirements h3 { width: 269px; height: 21px; background: url(requirements.png) no-repeat top right; padding: 0px; margin: 0px; margin-left: 28px;  }
#explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span { display: none; }
#footer { background: url(footer.png) no-repeat bottom right; text-align: center; font-size: 0.8em; font-weight: bold; padding: 15px 0px; margin: 0px; }

/* 4 - Linkit */
#linkList, #linkList2 { width: 284px; padding: 0px; margin: 0px 0px -30px 0px; font-family: "Courier New", Courier, Arial, mono, sans-serif; 
font-size: 0.9em; }
#linkList { position: absolute; top: 1200px; left: 0px; }
#linkList2 { background: url(linklist_fd.png) repeat-y top left; }
#lselect, #larchives { padding: 0px; margin: 0px; color: #68692E; }
#lresources { float: none; background: url(linklist_bottom.png) no-repeat bottom right; padding: 0px 0px 22px 0px; margin: 0px 0px 30px 0px; }
#lselect h3 { width: 284px; height: 37px; background: url(select_top.png) no-repeat top left; padding: 0px; margin: 0px; }
#larchives h3 { width: 76px; height: 11px; background: url(archives.png) no-repeat top left; padding: 0px; margin: 0px; margin-left: 100px; }
#lresources h3 { width: 85px; height: 11px; background: url(resources.png) no-repeat top left; padding: 0px; margin: 0px 0px 0px 90px; }
#lselect h3 span, #larchives h3 span, #lresources h3 span { display: none; }
#linkList2 li { list-style-image: url(check.png); list-style-type: none; padding: 0px 0px 0px 10px; margin: 0px;  }
#linkList2 a, #linkList2 a:visited { color: #5B6338; } 
#lselect a.c { color: #7F8113; text-decoration: none; }
#linkList2 a:hover { text-decoration: line-through;  }

/* 5 - Kuvat */
#extraDiv1 { position: absolute; top: 0px; left: 0px; width: 479px; height: 528px; 
background: url(vanhemmat.jpg) no-repeat top left; padding: 0px; margin: 0px; }
#extraDiv2 { position: absolute; top: 560px; left: 0px; width: 468px; height: 547px; 
background: url(pikkupojat.jpg) no-repeat top left; padding: 0px; margin: 0px; }
/*#extraDiv3 { position: absolute; bottom: -230px; right: 0px; width: 320px; height: 377px; 
background: url(wilma.jpg) no-repeat bottom right; padding: 0px; margin: 0px; }*/