/* Yleistä */
body{
	color:gray;
	font: normal 11px verdana, Times, serif;
	line-height:1.1em;
	letter-spacing: 0pt;
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
	background-image: url('taustaviiva.jpg');
	background-repeat: repeat-x;
}

a{font-weight:normal;color: gray;text-decoration:none}

a:hover{text-decoration:underline;}

a:active, a:visited{color: gray;}

h1{font: bold;}

h3{margin:0; padding:0;}
h4{margin:0; padding:0;}
h5{margin:0; padding:0;}

.basaari {
	padding-left:20px; 
}


/* General DIV Styles */

#container{
	background:url('ylakuva.jpg') no-repeat top left;
	margin:0 auto; 
	position:relative; 
	width:900px; 
	text-align:justify; 
	padding-left:0; 
	padding-right:0; 
	padding-top:330px; 
	padding-bottom:0
}

#container p{margin: 0 15px; padding: 4px 0}
#container h{margin: 0 15px; padding: 4px 0}

#containerala{
	background:url('ylakuva2.jpg') no-repeat top left;
	margin:0 auto; 
	position:relative; 
	width:900px; 
	text-align:justify; 
	padding-left:0; 
	padding-right:0; 
	padding-top:330px; 
	padding-bottom:0
}

#containerala p{margin: 0 15px; padding: 4px 0}
#containerala h{margin: 0 15px; padding: 4px 0}

.p1{font-weight: bold;}

#sisalto{
	background:url('isolaatikko.jpg') repeat-y top center;
	margin:-20px 0 0 0; 
	width:900px;
	height:100%; 
	text-align:left; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0px; 
	padding-bottom:0
}


#intro{width:412px; background: url('boxitausta.jpg') repeat-y center; padding:0; margin:0; margin-left: 415px;} 
#alasivu{width:620px; background: url('alasivuboxi.jpg') repeat-y center; padding:0; margin:0; margin-left: 212px;} 
#taulukkosivu{
	width:620px;
	background: url('alasivuboxi.jpg') repeat-y center;
	padding:0;
	margin:0;
	margin-left: 212px;
}
#opettajasivu{width:620px; background: url('alasivuboxi.jpg') repeat-y center; padding:0; margin:0; margin-left: 212px; text-align:justify;} 

#tunnit {
	padding-left:20px;
}

#kesakurssit {
	padding-left:10px;
	padding-right:10px;
}


/* headingit */

#leipaboxi h3{
	display:block;
	background: url('laatikkoyla.jpg') no-repeat center left;
	height: 16px;
	width: 412px
}

#leipaboxi h4{
	background: url('laatikkoala.jpg') no-repeat;
	height: 16px;
	width: 412px
}

#leipaboxi h3 span{display:none;}

#alasivuboxi {
	margin: 10 10 10 10;
	}

#alasivuboxi h3{
	display:block;
	background: url('alasivuboxi_yla.jpg') no-repeat center left;
	height: 20px;
	width: 620px
}

#alasivuboxi h4{
	background: url('alasivuboxi_ala.jpg') no-repeat;
	height: 20px;
	width: 620px
}

#alasivuboxi h3 span{display:none;}

#uutisboxi {
	padding-left: 0px;
	margin-bottom: 40px;
	width: 200px;
	background: url('uutisboxi.jpg') repeat-y center left;
	position: absolute;
	left:215px;
	top: 310px;
	text-align: left;
	}

#uutisboxi h3 {
	
	background: url('uutisboxi_yla.jpg') no-repeat;
	height: 35px;
	width: 201px
}

#uutisboxi h4 {
	background: url('uutisboxi_ala.jpg') no-repeat;
	height: 20px;
	width: 201px
}

#sisalto h5 {
	background: url('isolaatikko_ala.jpg') no-repeat;
	height: 20px;
	text-align:center;
	font: normal 10px verdana, Times, serif; 
	color:#959595;
	width: 900px
}


/* Navigaatio */

#book { 
  background-image: url('valikkotausta.jpg');
  height: 324px;
  width: 166px;
  position: absolute;
	left:45px;
	top: 311px;

  }
  
#menu a {
  position: absolute;
  height: 38px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }
  
#menu a i { visibility: hidden; }

a#home { top: 15px; height: 20px; width: 122px;}
a#home { left: 30px; }

a#credits { top: 35px;  height: 20px; width: 122px;}
a#credits { left: 30px; }

a#lajiesittelyt { top: 55px;  height: 20px; width: 122px;}
a#lajiesittelyt { left: 30px; }

a#indicia { top: 75px; height: 20px; width: 122px;}
a#indicia { left: 31px; }

a#preface { top: 100px; height: 20px; width: 126px;}
a#preface { left: 30px; }

a#stories { top: 120px; height: 20px; width: 122px;}
a#stories { left: 30px; }

a#gallery { top: 145px; height: 20px; width: 122px;}
a#gallery { left: 30px; }

a#forum { top: 167px; height: 20px; width: 122px; }
a#forum { left: 30px; }

a#mementos { top: 190px; height: 20px; width: 122px; }
a#mementos { left: 30px; }

a#kuvagalleria { top: 210px; height: 20px; width: 122px; }
a#kuvagalleria { left: 30px; }

a#linkit { top: 235px; height: 20px; width: 122px; }
a#linkit { left: 30px; }

a#yhteystiedot { top: 255px; height: 20px; width: 122px; }
a#yhteystiedot { left: 30px; }

a#kauppa { top: 285px; height: 20px; width: 122px; }
a#kauppa { left: 30px; }



#linkList{
	position:absolute;
	top: 310px;
	left: 35px;
	margin-left: 15px;
	padding-bottom: 360px;
	background: url('valikkotausta.jpg') no-repeat top center;
	height: 304px
	width:166px
}

#linkList ul{
	list-style-type:none;
	margin:0 20px;
	padding:30px 0 20px 0;
}

#linkList li{
	background: url('leaf.gif') no-repeat top left;
	margin-bottom: 10px; padding-left:28px; padding-right:0; padding-top:0; padding-bottom:0
}

#lselect a{
	display:block;
	padding: 0;
	margin:0;
}

#lselect a.c{
	display:inline;
	color:#2B7F01;
}

#larchives ul{
	padding:30px 0 5px 0;
}

#lresources ul{
	padding:20px 0;
}

#lselect h3{
	display:block;
	background: url('choose.gif') no-repeat center left;
	height: 112px;
	width: 200px
}

#lselect h3 span{display:none;}

#larchives h3{
	display:block;
	background: url('archive.gif') no-repeat center left;
	height: 96px;
	width: 200px
}

#larchives h3 span{display:none;}

#lresources h3{
	display:block;
	background: url('resources.gif') no-repeat center;
	height: 25px;
	width: 200px
}

#lresources h3 span{display:none;}



#book {
	background-image: none;
	height: auto;

	background: #ffd4d7; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd4d7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd4d7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd4d7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd4d7 0%,#ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffd4d7 0%,#ffffff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffd4d7 0%,#ffffff 100%); /* W3C */
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

#menu {
	list-style:square url("images/tuplanuoli.png");
	padding: 5px 5px 5px 32px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	
	
}

#menu a {
	height: auto;
	position: relative;
	top: auto;
	width: auto;
	font-style: italic;
	font-size: 13px;
	font-family: Verdana; 
	font-weight: bold;
	color: #ea91a3;
/*	-webkit-text-stroke: 1px 1px #fff;
	-moz-text-stroke: 1px 1px #fff;
	text-stroke: 1px 1px #fff;*/
	
	text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;

}

#menu li {
	padding: 3px 0 5px;
}