/*
 * # d5d0ba (brown)
 */

    body {
      background: #d5d5d5;
      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: #EFF2FF;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/new_menu/btn_left.gif") no-repeat left top;
      margin:0;
      padding:0 10px 0 9px;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../images/new_menu/btn_right.gif") no-repeat right top;
      padding:5px 12px 4px 4px;
	  text-decoration: none;
      color: #2358b8;
      cursor: pointer;
      font: 900 14px/22px "Arial", Helvetica, sans-serif;
      }
    #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:#0d5f83;
    }
    
    #harrastamaan #nav-harrastamaan, 
    #harjoitusajat #nav-harjoitusajat, 
    #laji #nav-laji, 
    #seura #nav-seura, 
    #tiedotukset #nav-tiedotukset,
    #kilpailu #nav-kilpailu,
    #kuvia #nav-kuvia, 
    #yhteystiedot #nav-yhteystiedot,
	#materiaalit #nav-materiaalit {
      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, 
	#materiaalit #nav-materiaalit a	{
      background-position:100% -150px;
	  color: #EFEFEF;
    }
    
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
	  color: #EFEFEF;
    }
    
    #header li:hover a {
      background-position:100% -150px;
	  color: #EFEFEF;
    }
	
	.mainmenucell {
		border-left: 1px solid #776655;
		border-right: 1px solid #776655;
		border-top:  1px solid #776655;
		/**background-color: #d0dafd;*/
		background:url("../images/new_menu/blue_pattern.jpg") repeat; 
		}
	}
	.bottomcell {
		color: #0d5f83;
		background: black;
		font: 900 10px/20px "Arial", Helvetica, sans-serif;
	}

	.menubarcell {
		color: #0d5f83;
		text-align: left;
		padding: 3px 5px 0 5px;
		border-left: 1px solid #776655;
		border-right: 1px solid #776655;
		/**background-color: #d0dafd;*/
		background:url("../images/new_menu/blue_pattern.jpg") repeat; 
	}
	.submenutext a:hover { color: black; font: bold;}
	.submenutext a { color: #EFF2FF; font: 900 12px/20px "Arial", Helvetica, sans-serif; text-decoration: none;}
	.contentiframe {  }	
	.contentcell {
		background: #ffffff; 
		border-left: 1px solid #776655; 
		border-right:1px solid #776655; 
		border-bottom: 1px solid #776655;
	} 
	.contentbody { 
		width: 850px;
		padding: 8px;
		background: #ffffff;
		/**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 { color: #2358b8; font: 900 14px/22px "Arial", Helvetica, sans-serif; }
   .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: #039; background: #d0dafd; 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;
   }

#news {
font-size:0.94em;
list-style:none outside none;
margin:1em 0;
padding:0;
width:300px;
}
#news li {
background:url("../images/new_menu/box2.gif") no-repeat scroll 0 100% transparent;
display:block;
margin:8px 0 0;
padding:0 0 4px;
}
#news li p {
background:none repeat scroll 0 0 #f1f1f1;
border-left:14px solid #c4c4c4;
margin:0;
padding:1px 4px 0 7px;
}
#news h3 {
background:url("../images/new_menu/box2.gif") no-repeat scroll 0 0 transparent;
font-size:1em;
font-weight:bold;
line-height:1em;
margin:0;
padding:6px 4px 3px 21px;
}
#news li:hover {
background-position:-300px 100%;
}
#news li:hover p {
border-color:#648bc5;
}
#news li:hover h3 {
background-position:-300px 0;
}
#news a:link {
color:#000000;
text-decoration:none;
}
#news a:visited {
color:#660066;
text-decoration:none;
}
#news a:hover {
text-decoration:underline;
}
#news .more {
background:url("../images/new_menu/arrow2.gif") no-repeat scroll 285px 50% transparent;
display:block;
line-height:1em;
margin-top:4px;
padding:0 18px 2px 21px;
text-align:right;
}

/* Taulukko template */
#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 2px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 8px 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
	text-align: center;
}
#ver-zebra td
{
	padding: 6px 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
	border-bottom: 1px solid #fff;
}
.data1
{
	background: #dae0d2;
	width: 100px;

}
.data2
{
	background: #dae0d2;
	width: 300px;
}

.data3
{
	background: #dae0d2;
	border-right: 3px solid #fff;
	width: 200px;
}

#theading2
{
	background: #eff2ff;
	border-bottom: 1px solid #fff;
}

#theading1
{
	background: #d0dafd;
	border-bottom: 1px solid #fff;
}

/* Danit / ohjaajat template */
#ver-zebra2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 2px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra2 th
{
	font-size: 14px;
	font-weight: normal;
	padding: 1px 1px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
	text-align: center;
}
#ver-zebra2 td
{
	padding: 1px 1px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
	border-bottom: 1px solid #fff;
}
.data1
{
	background: #dae0d2;
	width: 100px;

}
.data2
{
	background: #dae0d2;
	width: 300px;
}

.data3
{
	background: #dae0d2;
	border-right: 3px solid #fff;
	width: 200px;
}

#theading2
{
	background: #eff2ff;
	border-bottom: 1px solid #fff;
}

#theading1
{
	background: #d0dafd;
	border-bottom: 1px solid #fff;
}