/* CSS Document */
/* GENERAL PAGE STYLES */
body, html {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 1em;
        background-image: url(images/taustapattern.jpg);
        background-position: top;
  	background-repeat: repeat-y repeat-x;
	margin-top: 0px;
        margin-bottom: 10px;

}

p {
  padding-left: 5px;
  padding-right: 10px;
    font:  0.9em/15px Times New Roman, Arial, Helvetica, sans-serif;

}

#header {
 	     background-image: url(images/tausta_header2.jpg);
 	     height: 178px;
 	     width: 823px;
}

/*  ID ELEMENTS */

#page {
	width: 823px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
	border-top: 1px #4e4f4e solid;
        background-image: url(images/tausta_content.jpg);
        background-repeat: repeat-y;
}



/* CONTENT block */
#content {
      padding-left: 28px;
      padding-top: 10px;
      width: 823px;
      min-height: 520px;
     }

/* Leftblock. Navi, kieli ja mainos on leftblockin sisällä  */
#leftblock {
    float: left;

}
#navi {
       padding-top: 30px;
       padding-left: 0px;
       background-image: url(images/element_title_menu.jpg);
       background-position: top right;
       background-repeat: no-repeat;
       width: 108px;
       min-height: 250px;
       font-family: Minion Pro, Helvetica, sans-serif;
       font-size: 13px;
       padding-bottom: 5px;

}

#centerblock {
    background-image: url(images/element_contentmarker.jpg);
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    width: 482px;
    color: #8b8b8b;
    padding-top: 0px;
    margin-left: 36px;
}

#rightblock {
    margin-left: 34px;
    float: left;
    text-align: left;
    width: 108px;
    color: #8b8b8b;
    padding-top: 0px;
}

  #tapahtumat {
    float: left;
    background-image: url(images/element_title_tapahtumat.jpg);
    background-repeat: no-repeat;
    width: 97px;
    padding-top: 30px;
    padding-left: 0px;
    height: 80px;
}
    #tapahtumat li {
   //font: bold 1.3em/15px Verdana, Arial, Helvetica, sans-serif;
   	 font: 0.7em/25px Times New Roman, Arial, Helvetica, sans-serif;
     list-style:none;

}


  #tapahtumat li a {



  list-style: none;
}

#kieli {
    float: left;
    background-image: url(images/element_title_kieli.jpg);
    background-repeat: no-repeat;
    width: 97px;
    padding-top: 30px;
    height: 40px;
}

#kieli img {
    border: 1px #4e4f4e solid;
}

#login {
    float: left;
    background-image: url(images/element_title_login.jpg);
    background-repeat: no-repeat;
    width: 97px;
    padding-top: 30px;
}


#footer {
     color: #8b8b8b;
     background-image: url(images/tausta_footer.jpg);
     background-position: bottom;
     background-repeat: repeat-y repeat-x;
     width: 823px;
     height: 57px;
     clear: both;
     font-size: 0.7em;
     text-align: center ;
     margin-right: auto;
     margin-left: auto;

}

#footer p {
     padding-top: 10px;
}





#navi ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#navi ul li {
    padding-bottom: 0px;
	margin-left: 0px;
	list-style: none;

}



/* Linkit */

a {
	color: #ababab;
	text-decoration: none;
}

a:link {
	color: #ababab;
	text-decoration: none;
}
a:visited {
	color: #ababab;
	text-decoration: none;
}
a:hover {
	color: #ff9036;
	text-decoration: underline;
}
a:active {
	color: #ababab;
	text-decoration: none;
}



#heading a{
      color: #ababab;
      padding-left: 7px;
      /* font-size: 0.7em; */
      font-size: 0.9em;
      font-weight: bold; 
}
#heading a:link {
      color: #ababab;
}
#heading a:visited {
      color: #ababab;
}

#heading a:hover {
      color: #ababab;
      text-decoration: none;
}



#navi a {

	padding-left: 15px;
	text-decoration: none;
}


/* Antaa punaisen palkin .html-tiedostosta määritettävälle linkille.*/
#navi .link_atm {
	color: #4d6185;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(images/element_viiva.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}


#navi a:link {
	color: #ababab;
}
#navi a:visited {
	color: #ababab;
   	text-decoration: none;
}

#navi a:active {
	color: #ababab;
	text-decoration: none;

}


/* Aukeavat valikot tästä eteenpäin */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 96px; /*KHTML*/
  list-style: none;

}

ul#navmenu-v li
 {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 96px; /*KHTML*/
  list-style: none;


}

ul#navmenu-v:after /*IE 7*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden; 
}

ul#navmenu-v li {
  float: left; /*IE 7 */
  display: block !important; /*Hyville selaimille*/
  display: inline; /*IE*/
  position: relative;   
}


ul#navmenu-v a {
  display: block;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*IE*/

}

/* Juuritason menun hoverit */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
      background-color: #202020;
      background-image: url(images/element_viiva.jpg);
      background-repeat: no-repeat;
      background-position: center left;
      color: #FFF;
}

/* 2. tason menu, last childit aluksi, jotta menun viivat saadaan oikein*/
ul#navmenu-v li:hover li:last-child,
ul#navmenu-v li.iehover li:last-child {

 /* border-bottom:  1px #4e4f4e solid ; */



}
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {

        color: #ababab;
         /* tarvii kuvan jota ei oo että näkyy oikein, siisti feature*/
  	background-image: url(images/element_null.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

/* 2. tason menun hoverit */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {

    	background-image: url(images/element_viiva_placeholder_musta.jpg);
	background-repeat: no-repeat;
	background-position: center left;
        color: #FFF;

}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
   display: none;
   position: absolute;
   top: 0;
   left: 96px;

}

/* Tästä alaspäin olevat tiedot täytyy olla viimeisinä Geckon takia */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
    display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
    Display: block;
}

#events {

    font-size: 0.7em;
    font-weight: bold; 
	
}