body {
      background:#fff;
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em Georgia,Serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
    
    #header {
      float:left;
      width:100%;
      background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
    }
    
    #harrastamaan #nav-harrastamaan, 
    #harjoitusajat #nav-harjoitusajat, 
    #laji #nav-laji, 
    #seura #nav-seura, 
    #tiedotukset #nav-tiedotukset,
    #kilpailu #nav-kilpailu,
    #kuvia #nav-kuvia, 
    #yhteystiedot #nav-yhteystiedot {
      background-position:0 -150px;
      border-width:0;
    }
    
    #harrastamaan #nav-harrastamaan a, 
    #harjoitusajat #nav-harjoitusajat a, 
    #laji #nav-laji a, 
    #seura #nav-seura a, 
    #tiedotukset #nav-tiedotukset a, 
    #kilpailu #nav-kilpailu a, 
    #kuvia #nav-kuvia a,
    #yhteystiedot #nav-yhteystiedot a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
    }
    
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
    }
    
    #header li:hover a {
      background-position:100% -150px;
    }

	.menubarcell { 
		text-align: left;
		border-left: 1px solid #776655; 
		border-right: 1px solid #776655; 
		border-bottom: 1px dotted #776655;
		background-color: white; }
	.submenutext a:hover { text-decoration: underline overline; }
	.submenutext a { text-decoration: none; color: #776655; }
	.contentiframe { height: 500px; }
	.contentcell { border-left: 1px solid #776655; border-right:1px solid #776655; border-bottom: 1px solid #776655; } 
	.contentbody { 
		width: 850px;
		padding: 8px;
		background-image: url(../images/logo.jpg); 
		background-attachment: fixed; 
		background-repeat: no-repeat; 
		background-position: bottom right;
		font:x-small/1.5em Georgia,Serif;
      		font-size:small;
	}
		.frontbody { 
		width: 850px;
		padding: 8px;
		font:x-small/1.5em Georgia,Serif;
      		font-size:small;
	}
	.logotext { line-height: 36px; text-align: left; font-size: 36px; color: #776655; }
	.logosubtext { line-height: 28px; text-align: left; font-size: 28px; color: #776655; }
	.kristacell { background: white url("../images/bg.gif") repeat-x bottom; }
   .heading { font-size: 100%; text-decoration: overline; font-weight: bold; }
   .large { font-size: 120%; font-weight: bold; }
   .xlarge { font-size: 150%; font-weight: bold; }
   .linklist a:link { text-decoration: underline; color: blue; }
   .linklist a:visited { text-decoration: underline; color: blue; }
   .linklist a:hover { text-decoration: underline overline; }
   .linklist a:active { text-decoration: underline overline; }
   .tableheader { color: white; background: #776655; font-weight: bold; }
	.stripe { border-bottom: 1px solid black; }
	.popup { 
	position: absolute; top: 50px; left: 50px; width: 600px;
	height: 300px; background-color: #ffffcc; padding: 10px; display: none;
	text-align: center; border: 2px solid #776655; 
	}
   .popup2 {
   position: absolute; top: 50px; left: 50px; width: 300px; 
   height: 300px; background-color: #ffffcc; padding: 10px; 
   display: none; text-align: center; border: 2px solid #776655;
   }