body,html {	width: 100%; height: 100%; }
body { margin: 0;	padding: 0;	background: #22A67F url("images/taustaliuku.jpg"); }
body, div, p, input.textfield, textarea {	font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; color: #000066; }
a { text-decoration: none; color : #EA2500; font-size: 11px; font-weight: bold; }
a:hover { text-decoration: underline; color: #EA2500; font-size: 11px; font-weight: bold; }
H1 { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 20px; font-size: 17px; font-weight: normal; color: #000066;
/*font-variant: small-caps; */ }
.bold { font-weight: bold; }
img.kehys {	border: 1px solid #333333; }
.inline { display: inline; }

#grid { float: left; margin: 0; width: 766px; height: 100%; background-color: #22A67F; }
#top { float: left; width: 765px; height: 70px; border-bottom: 1px solid #005329; background: #68F9CE url("images/top_liuku.jpg"); border-right: 1px solid #005329; }

div#navi { float: left; width: 700px; }
div#naviContainer { float: left; padding: 0; margin: 0; margin-left: 22px; height: 20px; line-height: 12px; font-size: 12px; }
*HTML div#naviContainer { margin-left: 11px; } 
div#naviContainer ul { margin: 0; padding: 0; list-style-type: none; }
@media all and (min-width: 0px){  /* applied to Opera 7.2+ only */
div#naviContainer ul li {  display: table-cell; } }
#naviList li { border: 1px solid #333333; border-top: none; margin-right: 4px; background-color: #FEE4AA; }
#naviList, #naviList li { float: left; }
#naviList a { text-decoration: none; padding: 3px 14px 3px 14px; float: left; color: #333333; font-size: 12px; font-weight: normal; }
#naviList a:hover { background-color: #FEBC2D; }
#naviList #activeNavi { background-color: #FEBC2D; padding: 3px 14px 3px 14px; float: left; color: #333333; font-size: 12px; font-weight: normal; }

#contentFront { float: left; width: 765px; height: 592px; background: #E3FDF5 url("images/etusivu_taustatanssi.jpg") no-repeat right bottom; border-right: 1px solid #005329; }
#frontpageText { float: left; margin-top: 30px; width: 455px; height: 370px; padding-left: 30px; }
*HTML #frontpageText { width: 485px; w\idth: 455px; }
#frontpageList { line-height: 20px; }
#frontpageImages { float: left; width: 455px; }

#contentTeach, #contentContact, #contentCurrent {
float: left; width: 765px; background: #E3FDF5 url("images/right_bg.jpg") repeat-y right top; border-right: 1px solid #005329; }
#contentContact, #contentCurrent { height: 592px; }

#teachpageText, #contactpageText, #currentText { float: left; width: 451px; margin-top: 30px; padding-left: 30px; padding-right: 20px; }
*HTML #teachpageText, *HTML #contactpageText, *HTML #currentText { width: 501px; w\idth: 451px; }

#teachpageImages, #contactpageImages, #currentImages { float: left; margin-left: 15px; }

#contactForm { border: 1px solid #999999; /* background-color: #eeeeee;*/
width: 400px; }
#contactForm TH {	padding-left: 5px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; text-align:right; width: 30%; vertical-align:top; }
INPUT.textfield { width: 200px; border: 1px solid #cccccc; background-color: #FFFBF2; }
INPUT.button { border: 1px solid #333333; font-weight: normal; background-color: #FEE4AA; }
TEXTAREA.textareaForm {	border: 1px solid #cccccc; width: 200px; height: 110px; overflow-y: auto; background-color: #FFFBF2; }

#footer { float: left; width: 765px; margin-top: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #1FA27B;
border-top: 1px solid #005329; border-bottom: 1px solid #005329; border-right: 1px solid #005329; }