/*Yahoo! Inc. Reset and Base CSS files */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* Main CSS */

body    { 
  color:#fff; 
  font-family: "Lucida Sans Unicode", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
  font-size: 0.8em;
  background: #26292A url(gfx/bg.gif) repeat;
}

#main   {
  margin: 0px auto 0 auto;
  width: 770px;
  position: relative;
  text-align: justify;
  padding-bottom: 20px;
}

#preload    {
  position:absolute;
  top:-99999px;
}

/*  HEADER  */


#header {
  margin-top: -16px;
  margin-bottom: -16px;
}

#header h2 a {
  background: url(gfx/kierre2.gif) no-repeat;
  width: 770px;
  height: 280px;
  display: block;
  text-decoration: none;
  text-indent: -10000px;
}

#header h2 a:hover {
  background: url(gfx/kierre2.gif) no-repeat;
  width: 770px;
  height: 280px;
  display: block;
  text-decoration: none;
  text-indent: -10000px;
}


/* NAVIGATION */


#navbar {
  margin: 0px 0px;
  color: #fff;
  background-color: #121212;
  padding: 1px;
  text-decoration: none;
  width: 20px;
}

.navlist li    {
  list-style-type: none;
  font-size: 1.1em;
  padding: 10px 0px 10px 10px;
  margin-left: -20px;
}

/* these are navigation bar links. bg-image is picture of the link, height picture height, width picture width.
When you add new link remember to change a:hover settings(height, width, hover image).
Remember that you must allso change #text margin-top when playing with navigation links */

#etusivu a {
  background-image: url(gfx/etusivu.gif);
  background-repeat: no-repeat;
  height: 23px;
  width: 63px;
  display: block;
}

#etusivu a:hover {
  background-image: url(gfx/etusivu_hover.gif);
  background-repeat: no-repeat;
  height: 23px;
  width: 63px;
}

#uutiset a {
  background-image: url(gfx/uutiset.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 66px;
  display: block;
}

#uutiset a:hover {
  background-image: url(gfx/uutiset_hover.gif);
  background-repeat: no-repeat;
  height: 25px;
  width: 66px;
}

#tapahtuu a {
  background-image: url(gfx/tapahtuu.gif);
  background-repeat: no-repeat;
  height: 30px;
  width: 108px;
  display: block;
}

#tapahtuu a:hover {
  background-image: url(gfx/tapahtuu_hover.gif);
  background-repeat: no-repeat;
  height: 30px;
  width: 108px;
}

#yhteystiedot a {
  background-image: url(gfx/yhteystiedot.gif);
  background-repeat: no-repeat;
  height: 31px;
  width: 112px;
  display: block;
}

#yhteystiedot a:hover {
  background-image: url(gfx/yhteystiedot_hover.gif);
  background-repeat: no-repeat;
  height: 31px;
  width: 112px;
}

#palaute a {
  background-image: url(gfx/palaute.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 64px;
  display: block;
}

#palaute a:hover {
  background-image: url(gfx/palaute_hover.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 64px;
}

#galleria a {
  background-image: url(gfx/galleria.gif);
  background-repeat: no-repeat;
  height: 23px;
  width: 71px;
  display: block;
}

#galleria a:hover {
  background-image: url(gfx/galleria_hover.gif);
  background-repeat: no-repeat;
  height: 23px;
  width: 71px;
}


/* CONTENT */


#content    {
  color: #B2B3AA;
  background-color: #121212;
  width: 768px;
  border: 1px solid #303030;
  
}
#text   {
  padding: 20px;
  margin-left: 200px;
  background-color: #222225;
  margin-top: -214px;  /* Change this when changing settings in navigation links */
  margin-left: 180px;
  border-left: 1px solid #191919;
  background-image: url(gfx/cbg.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  height: expression( this.scrollHeight < 279 ? "280px" : "auto" ); /* sets min-height for IE  --- Set this to #text margin-top value -2px. */
  min-height: 280px; /* sets min-height value for all standards-compliant browsers --- Set this to #text margin-top value -2px.*/
}


#text p    {
  padding-bottom: 15px;
  margin-bottom: -5px !important;
  margin-bottom: -0px; /* fix for ie6. has proiblems with bg */
  margin-top: -10px;
  padding-left: 5px;
}

#text h2    {
  color: #fff;
}

#text a:link, #text a:visited {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px dotted #fff;
}

#text a:focus, #text a:hover, #text a:active {
  text-decoration: none;
  color: #B2B3AA;
  border-bottom: 1px dotted #fff;
}

/* FOOTER */

#footer {

  border-top: 1px dotted #fff;
  background-color: #303030;
  padding: 10px 0px 30px 10px;
}

th,td{border:0px solid #000;padding:.2em;}

#table {
	margin: 1em auto 0 0px;
	text-align: left !important;
	width:230px;
}

#table2 {
    margin: 0px 0px 0 auto;
	text-align: left !important;
	width:140px;
}

.topic  {
  font-weight:bold;
  color: #fff;
}