/* Seitsemän Hunnun Tanssi ry:n  sivuston css-tyylitiedot */
  /* (c) Inka Vilen 2006 */
  
  /* Peruselementit */
  
  BODY { 
	font: 11pt/13pt Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
  	background: #FFFFFF;
	}

  
  /* Kappaletyylit */

  H1 { 
  	font: italic bold 20pt Georgia, serif; 
	color: #4455aa; 
	text-align: left; 
	}
  H2 { 
  	font: italic 16pt Georgia, serif; 
	color: #4455aa; 
	text-align: left; 
	}
  H3 { 
  	font: 14pt Georgia, serif; 
	color: #4455aa; 
	text-align: left; 
	}
  P { 
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 	
	text-align: left; 
	}
  P.pieni { 
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif; 
	}
  P.info { 
  	font: italic 9pt/11pt Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center; 
	}
  P.alaviite { 
  	font: italic 8pt/10pt Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center; 
	}
  P.kuva { 
  	font: 8pt/10pt Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center; 
	border-bottom: #4455aa solid 1px;
	}
  P.menu { 
  	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif; 
	text-align: center; 
	}
  P.linkkipalkki { 
  	width: auto;
	padding: 10px 6px 10px 4px;
	margin: 1px;
	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	text-align: center; 
	}
  P.kuvalinkki { 
  	width: auto;
	padding: 6px 6px 6px 4px;
	margin: 1px;
	border-top: 1px solid #4455aa;
	border-right: 1px solid #4455aa;
	background: url(tausta/kuvalinkki.gif) right top no-repeat;
	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	font-color: #000000; 
	text-align: center; 
	vertical-align: center;
	}
  P.laatikko { 
  	width: auto;
	padding: 6px 6px 6px 6px;
	margin: 3px;
	border: 1px solid #4455aa;
	border-right: 1px solid #4455aa;
	text-align: center; 
	vertical-align: center;
	}
  li { 
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif; 
	}
  .toplayer { 
  	position: absolute; 
	top: 15px;
	left: 10px;
	}
  .sininen { 
	color: #4455aa; 
	}
  .c { 
	text-align: center; 
	}
  .i { 
	font: italic; 
	}
  .huom { 
  	font: bold; 
	color: #990066; 
	}
  
  /* Taulukko */
  
  TABLE {
  	border: 1px solid #4455aa; 
  	width: 100%;
	}
  TD { 
  	vertical-align: top; 
  	padding: 10;
  	border: 1px groove #4455aa; 
  	font: 9pt/11pt Tahoma, Arial, Helvetica, sans-serif; 
	}
  TD.yla { 
  	vertical-align: middle; 
  	text-align: center; 
	}

  /* Linkit */
  
  A:link { 
  	color: #ff9900;
	text-decoration: none; 
	}
  A:hover { 
  	color: #ff3333; 
	text-decoration: none; 
	}
  A:visited { 
  	color: #ff9966; 
	text-decoration: none; 
	}
  A:active { 
  	color: #ff6600; 
	text-decoration: none; 
	}

  
  /* Blokit */

  #yla { 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 850px;
	height: 160px;
	}

  #container {
	background: transparent;
	margin-top: 0;
	margin-left: 100px;
	width: 750px;
	padding: 0px;
	}
  #menu {
	width: auto;
	padding: 2px 20px 2px 20px;
	background: #FFFFFF;
	border-top: 1px solid #4455aa;
	border-bottom: 1px solid #4455aa;
  	margin-top: 1px;
	margin-bottom: 6px;
	}

  #ala { 
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 75%;
	height: 60px;
	background: transparent;
	clear: left;
	}

  #palsta { 
	width: 75%;
	padding: 0px 20px 10px 20px;
	margin: 0px;
	background: #FFFFFF url(tausta/aalto.jpg) right repeat-y;
	border-bottom: 1px solid #ff9900;
	float: left;
	}
  #keskipalsta { 
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 150px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
  #linkkipalkki { 
	width: auto;
	padding: 10px 0px 10px 40px;
	margin-top: 5px;
	}

  #paakuva { 
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 450px;
	width: 250px;
	padding: 0px 0px 10px 20px;
	float: right;
	}
	  /* pääkuvan koko 250px x n. 370px, loppu kuvatekstin tilaa */
	  
  #kuvatekstioikea { 
	float: right;
	}

  #vaakakuva { 
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 180px;
	width: 265px;
	padding: 0px 20px 10px 20px;
	float: right;
	}
  #pystykuva { 
  	margin-top: 0px;
	margin-bottom: 0px;
	height: 255px;
	width: 190px;
	padding: 0px 20px 10px 20px;
	float: right;
	}