/* ------------------------------------ */
/* wwww.keskustanuoret.fi -palvelu      */
/* alasivujen tyylimaarittelyt          */
/* ------------------------------------ */

div#container-sp {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
 background:transparent url(/pics/container-sp.gif) 0px 0px repeat-y;
}

/* --- sisaltoaluetta ymparoiva div --- */
div#sp-content {
  position:relative;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  width:848px;
  background:#ffffff;
 }
/* sisaltoalueen ylaosa */
div#content-header {
  position:relative;
  height:20px;
  width:847px;
  margin:0px;
  padding:0px;
  background:transparent url(/pics/content-header.gif) repeat-x;
}
 
/*  navityokalut  */
div#tools {
  float:right;
  margin-right:10px;
  padding:0px;
  font:normal normal 11px verdana,arial,serif;color:#4B5D2C;
}
div#tools a {font:normal normal 11px verdana,arial,serif;color:#4B5D2C;text-decoration:none;}
div#tools a:hover {text-decoration:underline;}
 
/* -- vasen palsta -- */
div#left-col {
  float:left;
  width:189px;
  margin:0px;
  padding:0px;
}

/* - ala-navi - */
div#sub-nav {
  position:relative;
  background:#F9FFF3;
  margin:0px;
  padding:0px 0px 1em 0px;
 
}
/* 1. navitaso */
div#sub-nav ul { list-style-type:none; padding:0em 0em 1em 0em; background:transparent url(/pics/subnav-end.gif) bottom left repeat-x; }
div#sub-nav ul li {border-top:1px solid #ABC272;margin:0px;padding:0px 0px 0px 0.5em;}
div#sub-nav ul li.first {border-top:none;}
div#sub-nav ul li a {
  display:block;
  font:normal bold 11px verdana,arial,serif;
  color:#658C00;
  margin:0px;
  padding:10px 0em 15px 2em;
  text-decoration:none;
  background:transparent url(/pics/li-subnav.gif) left center no-repeat; 
  line-height:14px;
  }
div#sub-nav ul li a:hover { text-decoration:underline;}
div#sub-nav ul li a.sp-current { text-decoration:underline;}

/* 2. navitaso */
div#sub-nav ul li ul { background:none;margin:0px;padding:0em;}
div#sub-nav ul li ul li { margin:0px;border:none; }
div#sub-nav ul li ul li a {padding:0.5em 1em; margin:0em;font-weight:normal;background:none;}
div#sub-nav ul li ul li a:hover {}
div#sub-nav ul li ul li a.sp-current {}

/* - alasivun ajankohtaista-nosto - */
div#sub-bulletin {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:187px;
  background:#EEFFDA; 
  border-top: 2px solid #A1D100;
  border-right: 1px solid #A1D100;
  border-bottom: none;
  border-left:1px solid #A1D100;
  
}
div#sub-bulletin-header {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:189px;
  height:32px;
  background:transparent url(/pics/h3-sp-bulletin.gif) repeat-x;
}
div#sub-bulletin-header h3 { font:normal bold 11px verdana,arial,serif;color:#ffffff;margin:0px;padding:0.9em 1em;}
div#sub-bulletin-header h3 a  {text-decoration:none;color:#ffffff;}
/* ajankohtaista listaus */
div#sub-bulletin ul { }
div#sub-bulletin ul li {list-style-type:none;margin:0px;padding:0.2em 0em 0.2em 0.5em; }
div#sub-bulletin ul li a { font:normal bold 11px verdana,arial,serif;color:#9C3700;margin:0em;padding:0em 0em; text-decoration:none; }
div#sub-bulletin li span.date { font:normal normal 11px verdana,arial,serif;color:#557321;margin:0px;padding:0px; }
div#sub-bulletin ul li a:hover { text-decoration:underline;}

/* - alasivun keskustelu-nosto - */
div#sub-forum {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:187px;
  background:#EEFFDA; 
  border-top: 2px solid #A1D100;
  border-right: 1px solid #A1D100;
  border-bottom: none;
  border-left:1px solid #A1D100;
}
div#sub-forum-header {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:189px;
  height:30px;
  background:transparent url(/pics/h3-sp-forum.gif) repeat-x;
}
div#sub-forum-header h3 { font:normal bold 11px verdana,arial,serif;color:#ffffff;margin:0px;padding:0.8em 1em; }
div#sub-forum-header h3 a {text-decoration:none;color:#ffffff;}
div#sub-forum p { font:normal normal 11px verdana,arial,serif;color:#616161;margin:1em 0em 0em 0em;padding:0em 1.5em;  }
div#sub-forum p a { font:normal bold 11px verdana,arial,serif;color:#9C3700;margin:0em;padding:0em 0em; }
div#sub-forum p a:hover {}
/*- alasivun toiminta-nosto */
div#sub-events {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:187px;
  background:#EEFFDA; 
  border-top: 2px solid #A1D100;
  border-right: 1px solid #A1D100;
  border-bottom: none;
  border-left:1px solid #A1D100;
}

div#sub-events-header  {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:189px;
  height:30px;
  background:transparent url(/pics/h3-sp-events.gif) repeat-x;
}
div#sub-events-header h3 { font:normal bold 11px verdana,arial,serif;color:#ffffff;margin:0px;padding:0.8em 1em; }
div#sub-events-header h3 a  {text-decoration:none;color:#ffffff;}
div#sub-events ul  {}
div#sub-events ul li { list-style-type:none;margin:0px;padding:0.2em 0em 0.2em 0.5em; }
div#sub-events ul li a { font:normal bold 11px verdana,arial,serif;color:#9C3700;margin:0em;padding:0em 0em; text-decoration:none; }
div#sub-events li span.date { font:normal normal 11px verdana,arial,serif;color:#557321;margin:0px;padding:0px; }
div#sub-events li a:hover { text-decoration:underline; }

/* alasivun nostojen lopetus */
div.sub-footer {
  position:relative;
  margin:0px 0px 10px 0px;
  padding:0px;
  width:189px;
  height:12px;
  background:transparent url(/pics/sub-bulletin-end.gif) left top no-repeat;
}

/* -- oikea palsta -- */
div#content-col {
 float:left;
  position:relative;
  margin-left:34px;
  /* mac ie hack \*/
    left:34px;
    margin:0px;
  /* end hack */
  padding:0em;
  width:603px;

}


/* - murupolku - */
div#content-col div#cookiepath {
  position:relative;
  margin:2px 0px 0px 0px;
  padding:0px;
  font:normal normal 10px verdana,arial,serif;
  color:#616161;
}
div#content-col div#cookiepath a {  font:normal normal 10px verdana,arial,serif;color:#616161;text-decoration:none;background:none;}
div#content-col div#cookiepath a:hover { text-decoration:underline;background:none;}
div#content-col div#cookiepath a.current-page { color:#9C3700;background:none;}

/* - sivun nimi - */
div#content-col div#pagename {position:relative;margin:0px;padding:1em 0em 0.2em 0em;border-bottom:2px solid #A1D100; }
div#content-col div#pagename h1 { font:normal normal 18px verdana,arial,serif;color:#596F34;text-transform:uppercase;margin:0px;padding:0.5em 0em 0.5em 1.8em;background:transparent url(/pics/h1-pagename.gif) left center no-repeat;}

/* sisallontyylit */
/* otsikot */
div#content-col h1,div#content-col h2,div#content-col h3 { font:normal bold 15px verdana,arial,serif;color:#596F34;margin:0em;padding:1em 0em;}
div#content-col h4,div#content-col h5,div#content-col h6 { font:normal bold 12px verdana,arial,serif;color:#596F34;margin:0em;padding:1em 0em;}
/* leipateksti */
div#content-col p { font:normal normal 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.5em 0em; }
div#content-col p.ingress { font:italic normal 11px verdana,arial,serif;color:#596F34;margin:0em;padding:0.5em 0em; }
div#content-col p.small {font:normal normal 10px verdana,arial,serif;color:#596F34;margin:0em;padding:0.5em 0em; }
/* listat */
div#content-col ul { margin-left: 2em;list-style-image: url(/pics/li-content.gif);}
div#content-col ul ul { margin-left: 1em;}
div#content-col ol { margin-left: 2em;}
div#content-col ol ol { margin-left: 1em;}
div#content-col li { font:normal normal 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.2em 0em; }
div#content-col dt { font:normal bold 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.2em 0em; }
div#content-col dd { font:normal normal 11px verdana,arial,serif;color:#474747;margin:0em;padding:0.2em 0em; }
/* linkit */
div#content-col a {color:#9C3700;text-decoration:underline;}
div#content-col a:hover {background:#9C3700;color:#ffffff;font-weight:bold;}
/* taulukot */
div#content-col table {}
div#content-col tbody {}
div#content-col tr {}
div#content-col td {}
/* soluntaustavarit */
div#content-col td.tummatausta {}
div#content-col td.vaalatausta {}
/* kuvat */

/* listat kuvie vieress� */ 

/* palaa sivun alkuun linkki */
div#page_top { position:absolute;top:-10px;right:10px;}
div#page_top  a {color:#9C3700;text-decoration:underline;font-size:11px;}
div#page_top a:hover {background:#9C3700;color:#ffffff;}
/*+----------------------------------------+*/
/*| palvelussa kaytettyjen modulien tyylit |*/
/*+----------------------------------------+*/

/* organisaatio kalenterin tyylit*/
div#org_calendar {background:none; border:none;}
div#org_calendar p,div#org_calendar a { font-size:12px; }
div#org_calendar div.org_event { border:1px solid #A1D100; padding:0.5em;margin:0.5em 0em;background:#EEFFDA}
/* kuukausilistaukset */
div#org_calendar table.month_listing {    }
div#org_calendar table.month_listing td { padding:0.5em;text-align:center;  }
div#org_calendar table.month_listing td span { font-weight:bold;color:#596F34 }