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 {
 background:transparent;
 border:0;
 margin:0;
 outline:0;
 padding:0;
 vertical-align:baseline;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul {
 margin:0 0 0 1em;
}

label, input {
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

body
{ 
    background: #00b9cb url(/images/bg_site.jpg) center repeat-y; 
}

h1 {
    color: #00b4f1;
    font-size:12pt; 
    margin: 1px 0px 4px 0px;
    font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
}

h2 {
    color: #00b4f1;
    font-size:10pt; 
    font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
}

ul,p,table,td,th,tr,input,b,u,i {
    color: black;
    font-size:9pt; 
}

p {
  padding: 0 0 1em 0;
}

b {
  font-weight:bold;
}

hr {
   border-top: 1px dashed;
   border-bottom: none;
   height: 1px;
}

a {
  text-decoration:none;
  color:blue;
  font-size:9pt; 
}

a.iso {
  text-decoration:none;
  color:blue;
  font-size:14pt; 
  font-weight:bold;
}

img.frame {
    padding:2px 3px 4px 3px;
    border: solid;
    border-color: lightgray;
    border-style: ridge;
}

h1.main {
    color: #17b9f2;
    font-size:24pt; 
    margin: 1px 0px 4px 0px;
    font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
}

#sitecontent
{    
    position:relative;
    margin-top:0px;
    padding:0px;
    margin: 0 auto 0 auto;
    width:1050px;
}

.mainarea {
    position:relative;
    margin: 0 0 0 0;
    width:1050px;
    height:672px;
}

#siteheader
{
    position:relative;
    height:48px;        
    width:1010px;
    padding: 5px 20px 0px 20px;
    margin: 0 0 0 0;
    vertical-align:bottom;
}

#siteflags
{
    float:right;    
    margin-right:20px;
    color:blue;
    font-size:9pt; 

}

#sitelogo
{
    float:left;       
}

#sitetabs
{
     position:relative;
     width:1050px;
     height:32px;
     margin:0 0 0 0;
     padding:0px 0px 0px 0px;
}

#sitetabs ul {
     list-style: none;
     margin:0 0 0 0;
     padding:0 0 0 0;
}

.stabs li.off {
     float:left; 
     margin:0 0 0 0;
     text-decoration:none; 
     background:#fff url(/images/tab_not_selected_left.gif) no-repeat 0 0;

}

.stabs li.off a {
     display:block; 
     float:left;
     margin:0 0 0 0;
     padding:0 2em;
     line-height:32px;
     background: url(/images/tab_not_selected_right.gif) no-repeat right 0;
     color:White;
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     text-decoration:none; 
     text-transform:uppercase;    

}

.stabs li.on {
     float:left; 
     margin:0 0 0 0;
     text-decoration:none; 
     background:#fff url(/images/tab_selected_left.gif) no-repeat 0 0;
}

.stabs li.on a {
     display:block; 
     float:left;
     padding:0 2em;
     margin:0 0 0 0;
     line-height:32px;
     background: url(/images/tab_selected_right.gif) no-repeat right 0;
     color:White;
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     text-decoration:none; 
     text-transform:uppercase;    
}


#content
{
    position: relative;
    margin:0 0 0 0;
    padding:0 0 0 0;
    width:1050px;
    height:600px;
}


#headtext {
    position: relative;
    width:1010px;
    height:20px;
    padding: 10px 10px 0px 20px;
}

#leftpanel {
    position: relative;
    float: left;
    width:290px;
    height:500px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;
}
#midpanel {
    position: relative;
    float: left;
    width:290px;
    height:200px;
    margin: 10px 30px 10px 30px;
    padding:20px 10px 10px 10px;
}
#rightpanel {
    position: relative;
    float: left;
    width:290px;
    height:200px;
    margin: 10px 30px 10px 10px;
    padding:20px 10px 10px 10px;
}

.button {
     float:left; 
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     color:#CC00CC;
     border:none;
     text-decoration:none; 
     background: url(/images/button_pink_left.gif) no-repeat 0 0;
     margin:0 0 0 0;
     height:21px;
}

.button a {
     display:block; 
     float:left;
     padding:0 2em;
     margin:0 0 0 0;
     line-height:21px;
     background: url(/images/button_pink_right.gif) no-repeat right 0;
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     text-decoration:none; 
     color:#CC00CC;
     border:none;
     height:21px;
}

.input-button {
     float:left;
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     color:#CC00CC;
     text-decoration:none; 
     border:none;
     background: url(/images/button_pink_left.gif) no-repeat 0 0;
     margin:0 0 0 0;
     height:21px;
}

.input-button input {
     display:block; 
     float:left;
     padding:0 2em;
     margin:0 0 0 0;
     line-height:21px;
     background: url(/images/button_pink_right.gif) no-repeat right 0;
     font-family:"Bauhaus Std", Bauhaus, Arial, Helvetica, sans-serif;
     font-size:9pt; 
     font-weight:bold;
     text-decoration:none; 
     color:#CC00CC;
     border:none;
     height:21px;
}

#kouluinfo {
    position: relative;
    top:10px;
    width:550px;
    height:70px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;

}

#kouluyhteys {
    position: relative;
    left:380px;
    top:70px;
    width:170px;
    height:80px;
    padding: 0px 0px 0px 0px;

}

#kouluala {
    position: relative;
    left:25px;
    top:200px;
    width:300px;
    height:180px;
    padding: 0px 0px 0px 0px;
}


#seurainfo {
    position: relative;
    top:10px;
    width:550px;
    height:70px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;

}

#seurayhteys {
    position: relative;
    left:470px;
    top:70px;
    width:170px;
    height:80px;
    padding: 0px 0px 0px 0px;

}

#seuraala {
    position: relative;
    left:25px;
    top:200px;
    width:300px;
    height:180px;
    padding: 0px 0px 0px 0px;
}


#yhteysinfo {
    position: relative;
    left:25px;
    top:35px;
    width:500px;
    height:180px;
    padding: 0px 0px 0px 0px;
}

#yhteysala {
    position: relative;
    left:25px;
    top:100px;
    width:300px;
    height:260px;
    padding: 0px 0px 0px 0px;

}

#tapahtumainfo {
    position: relative;
    top:10px;
    width:600px;
    height:130px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;

}

#tapahtumatiedote {
    position: relative;
    float:left;
    width:270px;
    height:300px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;

}

#tapahtumavalinta {
    position: relative;
    float: left;
    width:270px;
    height:300px;
    margin: 10px 10px 20px 10px;
    padding:20px 10px 10px 10px;
}

#ohje {
    background: white; 
    position: relative;
    width:550px;
    height:1000px;
    padding:20px 10px 10px 10px;
}

#footer
{
    position:relative;
    height:48px;        
    width:1010px;
    padding: 5px 20px 0px 20px;
    margin: 0 0 0 0;
    vertical-align:top;
}

 .footertext
 {
    padding-top:5px;
    margin-top:5px;
    color:#00B4F1;    
    font-size:8pt;
 }
 .footertext a
 {
    padding-top:5px;
    margin-top:5px;
    color:#00B4F1;    
    font-size:8pt;
    text-decoration: none;
 }
 .footertext a:hover 
 {
     text-decoration: underline;
 }

option.notopen {
  color: red;
}

option.open {
  color: black;
}

.contactinformation {
  color: blue;
}


.login { font-size: 13px; font-weight: bold; color: #ffffff; padding-bottom: 5px; }
.navi { font-size: 11px; font-weight: bold; color: #ffffff; }
.navi A { text-decoration: none; color: #ffffff; }
.navi A:hover { text-decoration: underline; color: #ffffff; }
.navivalittu { background-image: url("./image/bg_navivalittu.gif"); color: #244795; }
.navivalittu A { background-image: url("./image/bg_navivalittu.gif"); color: #244795; text-decoration: none; }
.navivalittu A:hover { background-image: url("./image/bg_navivalittu.gif"); color: #244795; text-decoration: none; }
.sisalto { padding: 10px; font-size: 13px; text-align: justify }
.sisalto-left { padding: 10px; font-size: 13px; text-align: left }
.viite { padding: 8px; font-size: 10px; }
.lomake { font-size: 13px; }
.footer { text-align: center; font-size: 10px; font-weight: bold; color: #000000; }
.footer A { text-decoration: none; color: #ffffff; }
.footer A:hover{ text-decoration: none; color: #ffffff; }
h1 { font-size:18px; font-weight: bold; color: #000080; }
h2 { font-size:16px; font-weight: bold; color: #1E4489; }
h3 { padding: 10px; font-size:14px; font-weight: bold; color: #1E4489; }
.event-logo { padding: 10px; border=0; }
.event-cell-info { font-size: 14px; font-weight: bold; color: #000080; padding: 2px }
.event-name { font-size: 16px; font-weight: bold; color: #000080; padding: 2px; text-align="left"; }
.event-name A { text-decoration: none; color: #000080 }
.event-name A:hover { text-decoration: underline; color: #000080; }
.event-more { text-align: right; font-size: 12px; font-style: italic; font-weight: bold; color: #000080; padding: 10px}
.event-more A { text-decoration: none; color: #000080; }
.event-more A:hover { text-decoration: underline; color: #000080; }
.ohje-linkki { padding: 10px; font-size: 10px; }
.event-headline { padding: 5px; font-size: 16px; font-style: italic; font-weight: bold; text-align: center; color: #ffffff; background-image: url("./image/headline-tausta.jpg") }
.slogan { font-size: 14px; font-weight: bold; text-align: left; padding: 10px; color: #ffffff; background-image: url("./image/headline-tausta.jpg") }