/* Seitsemän Hunnun Tanssi ry:n  sivuston css-tyylitiedot */
  /* (c) Inka Vilen 2006-2009 */
  
  /* 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.kuva {
  	font: 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom: #4455aa solid 1px;
	}
  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;
	}


  /* Tausta */

  #tausta {
  /* tämä on varalla, mikäli tulee tarve tehdä taustakuvaa tms. */
	}




  /* Yläviite */

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

  /* Container ja palsta */

  #container {
	background: transparent;
	margin-top: 0;
	margin-left: 100px;
	width: 750px;
	padding: 0px;
	}

  #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;
	}

  #palsta p {
	}
  #palsta p.paivitys {
	font: 9pt/9pt Arial, Tahoma, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	text-align: left;
	}
  #palsta p.paivitys1 {
	font: 9pt/9pt Arial, Tahoma, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	text-align: right;
	}
  #palsta p.info {
  	font: italic 9pt/11pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}

  #keskipalsta {
  	margin-top: 0px;
	margin-bottom: 0px;
	width: 150px;
	padding: 0px 20px 10px 20px;
	float: right;
	}

  /* Menu */

  #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;
	}

  #menu p {
  	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	color: #4455aa;
	text-align: center;
	}
  #menu a:link {
	color: #4455aa;
	text-decoration: none;
	}
  #menu a:visited {
	color: #4455aa;
	text-decoration: none;
	}
  #menu a:active {
	color: #4455aa;
	text-decoration: none;
	}

  /* Alaviite */

  #alaviite {
  	margin-top: 6px;
	margin-bottom: 0px;
  	padding-top: 18px;
	width: 75%;
	height: 60px;
	background: transparent;
	clear: left;
	}
  #alaviite p {
  	font: italic 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	}

  /* Linkit palsta oikealla */

  #linkit {
	width: auto;
	padding: 10px 0px 10px 40px;
	margin-top: 5px;
	}
  #linkit p {
  	width: auto;
	padding: 10px 6px 10px 4px;
	margin: 1px;
	font: bold 10pt/10pt Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	}

  /* Kuvat */


  #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;
	}