body {
  background-color: #020A10;
  color: #020A10;
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 40px;
  background: #E1D100 url(  ) repeat top left;
  font-family: 'Arial', serif;
}

a { color: #2c7ba2; }

a:visited { color: #4eabdd; }

a:hover { color: #1393ca; }


#page {
  width: 780px;
  margin: 0 auto 0 auto;
  background-color: #ffffff;
}
#top-bar {
  height: 231px;
  background: #E1D100 url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_etusivu.jpg ) no-repeat top left;
}
#columns { 
  padding-top: 20px; 
  background: url( /files/mantykankaankoulu.palvelee.fi/images/bg_columns.gif ) #fff no-repeat top left;
}


#content {
  margin: 10px 190px 20px 270px;
  padding-bottom: 30px;
}

body.leftcol #content { margin-left: 270px; margin-right: 20px; }
body.rightcol #content { margin-left: 20px; margin-right: 190px; }
body.nocol #content { margin-left: 20px; margin-right: 20px; }

#content h1 {
  color: #2c7ba2;
  font-weight: normal;
  font-size: 20px;
  border-bottom: 2px #8bccea dotted;
  margin: 10px 0 15px 0;
  padding-bottom: 15px;
}
#content h2 {
  color: #1a1a1a;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding: 20px 0 5px 0;
}

#content h3 {
  color: #1a1a1a;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 20px 0 0 0;
}




#content p {
  line-height: 1.5em;
}  
 
#footer {
  text-align: left;
  font-size: 100%;
  padding-bottom: 25px;
  padding-left: 15px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 237px;
}
#footer a {
  color: #fff;
  text-decoration: none;
  margin: 4px 15px;
}
#menu {
  margin: 20px 0 25px 11px;
  width: 242px;
  background-color: #f7f9d7;
  border-top: #d6df22 1px solid;
}
#menu ul {

}


/* 
#menu ul#navi {
  background: url( /files/mantykankaankoulu.palvelee.fi/images/h_navi_ohjauspalvelut.gif ) no-repeat top left;
  padding-top: 39px;
}*/

#menu ul li {
  width: 230px;
  border-bottom: #d6df22 1px solid;
  border-left: #d6df22 1px solid;
  border-right: #d6df22 1px solid;
  padding: 5px 5px 0 5px; margin: 0;
}

#menu ul li ul li{
  border: none;
}

#menu ul li a {
  font-weight: normal;
  color: #000;
  font-size: 14px;
  padding: 7px 0 10px 10px;
  display: block;
  width: 221px;
}
#menu ul li a:hover, #menu ul li.active_link ul li a:hover,
#menu ul li ul li a:hover,  #menu ul li ul li.active_link a:hover {
  text-decoration: underline;
  color: #000;
}



#left-bar #menu ul li.active_link {
  background-color: #e4e987;
}


#menu ul li.active_link a {
  color: #000;
}



#menu ul li.active_link a {
  text-decoration: none;
}

#menu ul.left li ul {
  z-index: 100;
  margin: -20px 0 0 170px;
  background-image: none;
  background-color: transparent;
  width: 240px;
  border: none;
    border: 1px solid #d6df22;
}
#menu ul li ul li, #menu ul li ul li.active_link {
  background-color: #EEF2AC;
  padding: 5px;
  height: auto;
}
#menu ul li ul li a, #menu ul li ul li.active_link a, #menu ul li.active_link ul li a {
  padding: 5px 7px;
  color: #353e13;
}
#left-bar {
  width: 250px;
}
#right-bar {
  width: 180px;
  margin-top: 20px;
}
#left-bar, #right-bar {
  color: #000000;
}
#left-bar h1, #right-bar h1 {
  font-weight: bold;
  font-size: 100%;
}
.box {
  width: 170px;
  border: none;
  margin: 0 0 20px 0;
}
#left-bar .box {
  width: 190px;
  margin-left: 10px;
}
.box .header {
  background: none;
  padding: 0; margin: 0;
}
.box .content {
  background: none;
}
.box h1 {
  padding: 5px 0;
  margin: 0 10px;
}
.box p {
  padding: 5px 0;
  margin: 0 10px;
}







#menu ul li.active_link ul, #menu ul li.sublink_active ul {
  left:0px; 
  position: relative;
  margin: 2px 0 0 -6px;
  z-index: 2;
  border-bottom: 3px #ebef9b solid;
  background-color: #eef2ac;
}

#page {
  width: 961px;
}

/* Navigation bolds */

.sublink_active a span, .active_link a span, .sublink_active {
  font-weight: bold;

}



.sublink_active ul li a span, .active_link ul li a span {
  font-weight: normal;
}

.sublink_active ul li.active_link a span {
  font-weight: bold;
}


#menu ul li#menu_li46 a, #menu ul li#menu_li47 a{
  font-size: 15px;
  font-weight: bold;
  color: #3a3b11;
  backgroun-color: #d6df22;
}


#columns #left-bar #menu ul li#menu_li46, #columns #left-bar #menu ul li#menu_li47{
  background-color: #d6df22;
  }


#columns #left-bar #menu ul li#menu_li129 {
background-color: #D6DF22;
}

#columns #left-bar #menu ul li#menu_li129 a{
font-weight: bold;
}


th {
  border: 1px #d6df22 solid;
  padding: 5px 10px 5px 15px;
  font-weight: normal;
  margin-left: 10px;
  background-color: #f7f9d7;
}

.content_table table td {
  border: 1px #ffe6be solid;
  padding: 10px;
}

div#content div.inner img {
  margin: 5px 0 5px 5px;
}




body.frontpage #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_etusivu.jpg ) no-repeat top left; }
body.singlepage10 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_asumisharjoittelu.jpg ) no-repeat top left; }
body.singlepage7 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_kehittamis-ja-tutkimustoiminta.jpg ) no-repeat top left; }
body.singlepage6 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_kesatoiminta.jpg ) no-repeat top left; }
body.singlepage9 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_koulupaikka-arviojakso.jpg ) no-repeat top left; }
body.singlepage3 #top-bar, body.singlepage53 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_koulutuspalvelut.jpg ) no-repeat top left; }
body.singlepage8 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_kuntoutus-ja-kouluarviojaksot.jpg ) no-repeat top left; }
body.singlepage17 #top-bar,body.singlepage44 #top-bar,body.singlepage45 #top-bar,body.singlepage46 #top-bar,body.singlepage47 #top-bar,body.singlepage48 #top-bar,body.singlepage49 #top-bar,body.singlepage50 #top-bar,body.singlepage51 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_kuntoutus-ja-terveydenhuolto.jpg ) no-repeat top left; }
body.singlepage5 #top-bar,body.singlepage61 #top-bar,body.singlepage62 #top-bar,body.singlepage63 #top-bar,body.singlepage64 #top-bar,body.singlepage65 #top-bar,body.singlepage66 #top-bar,body.singlepage67 #top-bar,body.singlepage68 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_muu-palvelutoiminta.jpg ) no-repeat top left; }
body.singlepage4 #top-bar,body.singlepage54 #top-bar,body.singlepage55 #top-bar,body.singlepage56 #top-bar,body.singlepage57 #top-bar,body.singlepage58 #top-bar,body.singlepage59 #top-bar,body.singlepage60 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_ohjauskaynnit.jpg ) no-repeat top left; }
body.singlepage20 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_ohjauspalvelut.jpg ) no-repeat top left; }
body.singlepage16 #top-bar, body.singlepage24 #top-bar, body.singlepage25 #top-bar, body.singlepage26 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_opetus.jpg ) no-repeat top left; }
body.singlepage19 #top-bar, body.singlepage27 #top-bar, body.singlepage28 #top-bar ,body.singlepage29 #top-bar, body.singlepage30 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_oppilashuolto.jpg ) no-repeat top left; }
body.singlepage18 #top-bar, body.singlepage23 #top-bar, body.singlepage69 #top-bar, body.singlepage78 #top-bar, body.singlepage79 #top-bar, body.singlepage80 #top-bar, body.singlepage81 #top-bar, body.singlepage70 #top-bar, body.singlepage71 #top-bar, body.singlepage72 #top-bar, body.singlepage73 #top-bar, body.singlepage74 #top-bar, body.singlepage75 #top-bar, body.singlepage76 #top-bar, body.singlepage77 #top-bar { background: #fff url( /files/mantykankaankoulu.palvelee.fi/images/ylapalkki_oppilaskoti.jpg ) no-repeat top left; }