/* CSS Document */ 
@import "config.css";
@import "fonts.css";

.clearfix:after, .FormItem:after { content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix, .FormItem { display: inline-block; }
/* macin IE */
	.clearfix, .FormItem { display: block; }
.clear { clear: both; }
.hide, .HiddenInput, .hidden { display: none; }


html, body { height: 100%; width: 100%; }
body { background: #fff; text-align: center; }

.sisalto { position: relative; width: 960px; height: auto; margin: 0 auto; text-align: left; overflow: hidden; }
.col { position: relative; float: left; width: 284px; padding: 0 18px; }
.palkki { position: relative; clear: both; padding: 0 18px; }

#header, #middle, #sitaatti { position: relative; min-width: 962px; width: 100%; height: auto; text-align: center; }


td.td20 { width: 20px; text-align: left; vertical-align: top; }
td.td240 { width: 240px; text-align: left; vertical-align: top; }
td.td680 { width: 680px; text-align: left; vertical-align: top; }

.googleLINK { color: blue; text-decoration: underline; font-size: 11pt; }
.googleTXT { color: black; text-decoration: none; font-size: 10pt; }
.googleLINK2 { color: green; text-decoration: none; font-size: 10pt; }

#middle { background: #FFF url(images/white-bg.gif) repeat-x left top; padding: 9px 0; }

#header { background: #FFF url(images/header-bg.gif) repeat-x left top; }

#logo { position: relative; float: left; width: 190px; height: 36px; margin: 18px; padding: 0; font-size: 36px; line-height: 36px; }


#navi, #navi li { position: relative; width: auto; height: 36px; margin: 0; padding: 0; list-style: none outside; }
#navi { float: right; padding: 36px 0 0; clear: right; }
#navi li { float: left; padding-left: 4px; margin-left: 3px; background: url(images/nav-left.gif) no-repeat left top; }
#navi li a { position: relative; float: left; width: auto; height: 36px; padding: 0 18px 0 14px; line-height: 36px; white-space: nowrap; background: url(images/nav-right.gif) no-repeat right top; text-decoration: none; font-weight: bold; color: #333333; }
#navi li a:hover { color: rgb(255,153,0); }
#navi li.current { background-image: url(images/nav-on-left.gif); }
#navi li.current a { background-image: url(images/nav-on-right.gif); color: #ffffff; }


#sitaatti { background: navy url(images/palkki-bg.gif) repeat-x left top; padding: 9px 0; }
#sitaatti p, #sitaatti h1, #sitaatti h2, #sitaatti h3, #sitaatti label, #sitaatti a { color: #fff; }
#sitaatti h2, #sitaatti h1 { line-height: 27px; font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 18px; color: #fff; }
#sitaatti p.biggie { line-height: 27px; font-size: 18px; font-weight: normal; margin: 0; padding: 0 0 18px; color: #fff; }
#sitaatti .first p.biggie { padding-bottom: 0; }

#sitaatti .col { padding: 18px; }
#sitaatti .top, #sitaatti .bottom { position: absolute; top: 0px; left: 0px; width: 100%; height: 10px; background: url(images/palkki-top.gif) repeat-x left top; }
#sitaatti .bottom { top: auto; bottom: 0px; background: url(images/palkki-bottom.gif) repeat-x left bottom; }

#TemplatePage #sitaatti .palkki { padding: 18px; }
#TemplatePage #sitaatti h1 { font-size: 24px; padding: 0 0 9px; margin: 0; line-height: 18px; }
#TemplatePage #sitaatti h2 { font-size: 16px; padding: 0; margin: 0; line-height: 18px; font-weight: normal; }