/*

SISÄLLYSLUETTELELO ('jos teet muutoksia järjestykseen ('mitä ei suositella'), päivitä myös sisällysluettelo')
---------------------------------------------------------------

- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"
- BODY ELI TAUSTA 
- MUITA TAUSTOJA, TAULUKOT
- topnav-SOLUT JA ('PÄÄ')LINKIT, YLÄPALKKI
- VASEN PALKKI
- SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY
- FOOTER, "BOTTOM" 
- DIV-KUVAT
- MUITA, LOMAKKEET, POTIKAT YMS. 
---------------------------------------------------------------

*/





 /* -------------------------------------------- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"  --------------------------------------------------- */



a:link, a:visited {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
font-weight:normal;
text-decoration:none;
color:#ff9900;
}

a:hover {
font-family:trebuchet ms, verdana, arial, tahoma;
color:#000000;
font-weight:normal;
text-decoration:none;
}



a.footerlnk {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:#000066;
font-weight:normal;
text-decoration:none;
}

a.footerlnk:hover {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:#000066;
font-weight:normal;
text-decoration:underline;
}




/* -------------------------------------------- BODY ELI TAUSTA --------------------------------------------------- */

body {
background-color:#ffffff;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:40px;
color:#333333;
font-weight:normal;
}


/* ------------------------------------  MUITA TAUSTOJA, TAULUKOT ------------------------------------------- */



.topdiv {
background-color: #99CCFF;
background-image: url('../images/topdivbg.jpg');
color:#333333;
/*

background-repeat:x-repeat;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:gray;
font-weight:bold;
font-style:italic;
*/
}

.slogan {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:100%px;
color:#FFCC66;
font-weight:bold;
font-style:italic;
}

.logopic {
width:200px;
text-align:center;
padding-top:20px;
height:280px;
background-image: url('../images/logopicbg.jpg'); 
background-repeat:no-repeat;
color:#333333;
}


.mainbg {
background-color:#ffffff;
color:#333333;
/*
border-left: solid 1px #FFCC66;
border-bottom: solid 1px #FFCC66;
border-top: solid 1px #FFCC66;
*/
}



.mainleft {	  		 	  /*  vasen sisältö */
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:#333333;
line-height:130%;
background-color:#ffffff;
color:#333333;
padding-left:30px;
padding-right:20px;
}

.mainright {	  		 	  /*  oikse sisältö */
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:#333333;
line-height:130%;
background-color:#ffffff;
color:#333333;
padding-left:30px;
padding-right:10px;
}


.borderpic {
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
border-right: solid 1px #999999;
border-left: solid 1px #999999;
}


 /* -------------------------------------------- kuvagallerian thumbs stuff --------------------------------------------------- */

.popborderpic {
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}

.thumbrowbg {
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}

.thumbpic {
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}

.thumbtxttdbg {
background-color:#efefef;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}

 /* -------------------------------------------- topnav-LINKIT ('YLÄ NAVIGOINTI'), VASEN PALKKI  --------------------------------------------------- */


a.topnav:link, a.topnav:visited {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:80%;
color:#333333;
font-weight:bold;
text-decoration:none;
}

a.topnav:hover {
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:80%;
color:#993300;
font-weight:bold;
text-decoration:none;
}


.topnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
padding-left:25px;
}


.topnavtd { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
border-top: solid 1px #cccccc;
white-space:nowrap;
background-image: url('../images/n2.jpg');
background-repeat:repeat-x; 
color:#333333;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color:#ffffff;
height:25px;
padding-left:3px;
padding-right:3px;
}

.topnavtd:hover { 					 		/* topnav-td-HOVER - taulukon solu, minkä sisällä topnavlinkki on*/
background-position:0% -4px;
}

.tnl {
background-image: url('../images/n1.gif');
background-repeat:no-repeat; 
}
.tnr {
background-image: url('../images/n3.gif');
background-repeat:no-repeat; 
}



/* ------------------------------------ SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY ------------------------------------------- */


h2 {
font-size:110%;
color: #ff9900;
font-style:italic;
}

h1 {
font-size:300%;
color: #ff9900;
font-style:italic;

}

h3 {
font-size:110%;
color: #00ffff;
font-style:italic;
}

h4 {
font-size:300%;
color: #ff00ff;
font-style:italic;
font-family:Comic Sans MS, trebuchet ms, verdana, arial, tahoma;
}

h5 {
font-size:110%;
color: #c3c3c3;
font-style:italic;
}

.pagetitle {						/*   otsikko  */
font-family: trebuchet ms, verdana, arial, tahoma;
margin:10px;
padding: 0;
color: #333333;
font-size:110%;
}


.title {						/*   otsikko  */
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
color:#333333;
font-weight:bold;
}



.strow {
background-color:#efefef;
}

.ndrow {
}



/* ------------------------------------  FOOTER, "BOTTOM" ------------------------------------------- */

.footerdiv{       /* "footteriviiva"*/
background-color:;
color:;
}

.footertd { /* eli footer*/
white-space:nowrap;
height:22px;
padding-left:8px;
background-color:#996633;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:80%;
color:#ffffff;
font-weight:normal;

border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;

}



/*---------------------------------- sivufeidaukset ------------------------------------------- */

._leftupperfade {
border-right:solid 1px #999999;
background-image: url('../images/fade1.jpg');
background-repeat:y-repeat;
}

._rightupperfade {
border-left:solid 1px #999999;
background-image: url('../images/fade2.jpg');
background-repeat:y-repeat;
}


.leftupperfade {
border-right:solid 1px #999999;
background-image: url('../images/fade1.jpg');
background-repeat:y-repeat;

}

.rightupperfade {
border-left:solid 1px #999999;
background-image: url('../images/fade2.jpg');

}


.leftbannerfade {
border-right:solid 1px #999999;
background-image: url('../images/leftbannerfade.jpg');
background-repeat:y-repeat;
}

.rightbannerfade {
border-left:solid 1px #999999;
background-image: url('../images/rightbannerfade.jpg');
background-repeat:y-repeat;
}

.bannerbg {
height:132px;
background-image: url('../images/bannerbg.jpg');
background-repeat:x-repeat;
}

.sidebg {
/*
border-bottom: solid 1px #efefef;
*/
height:132px;
}


.leftmainfade {
height:235px;
background-image: url('../images/leftmainfade.jpg');
background-repeat:no-repeat;
border-top: solid 1px #efefef;
}

.rightmainfade {
height:235px;
background-image: url('../images/rightmainfade.jpg');
background-repeat:no-repeat;
border-top: solid 1px #efefef;
}



/* ------------------------------------ BANNERIT ------------------------------------------- */


.picdiv_1 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/1.jpg');
border-top: solid 1px #999999;
}
.picdiv_2 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/2.jpg');
border-top: solid 1px #999999;
}
.picdiv_3 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/3.jpg');
border-top: solid 1px #999999;
}
.picdiv_4 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/4.jpg');
border-top: solid 1px #999999;
}
.picdiv_5 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/5.jpg');
border-top: solid 1px #999999;
}
.picdiv_6 {
background-repeat:x-repeat;
height:132px;
background-image: url('../contpics/6.jpg');
border-top: solid 1px #999999;
}


.picbg {
background-color:#ffffff;
}

/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */


.selekti {
background-color:#efefef;
width:250px;
height:21px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
font-weight:normal;
color:#333333;
}

.txtinput {		/*  teksti-inputti, nimi, puh/email  */
background-color:#efefef;
width:250px;
height:20px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background-color:#efefef;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
font-weight:normal;
color:#333333;

}

.tarea  { 		/* viestin tekstialue */
background-color:#efefef;
width:70%;
height:100px;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
font-weight:normal;
color:#333333;
}

.potikka  {		/*  lähetä-painike  */
background-color:#efefef;
width:100px;
height:22px;
border-top: solid 1px #ffffff;
border-bottom: ridge 2px #333333;
border-left: solid 1px #ffffff;
border-right: ridge 2px #333333;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:90%;
font-weight:bold;
color:#333333;
}


blockquote { 
letter-spacing: 0.1em 
}


/* ------------------------------------------ valikkojen tyylit --------------

Revenge of the Menu Bar Demo             
Copyright 2000-2004 by Mike Hall                           
Please see http://www.brainjar.com for terms of use.

*/


/*
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #330000;
  text-align: left;
}

div.menuBar {
  background-color: #e0e0e0;
  border: 1px outset #663300;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #c5c5c5;
  color: #663300;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #e0e0e0;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #5050f0;
  border: 1px inset #e0e0e0;
  color: #ffffff;
  left: 1px;
  top: 1px;
}
*/

div.menu {
  background-color: #FDEFE9;
  border-bottom: 1px outset #999999;
  border-right: 1px outset #999999;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  text-align: left;
  font-size:95%;
}

div.menu a.menuItem {
background-images: url(../images/menuitembg);
  color: #663300;
  cursor: default;
  display: block;
  padding: 2px 1em;
  text-decoration: none;
  white-space: nowrap;
  font-size:95%;
  
}


div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

background-position:100% -42px;
/*
height:22px;
background-images: url(../images/menuitemhoverbg);
background-repeat:repeat-x;
*/

  background-color: #FDE7DF;
  color: #663300;
  font-size:95%;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
  color: #993300;
  font-size:85%;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
   font-size:95%;
}