/* CSS Document */
/* Used colors:
cyaani: #0099ff; tumma sininen: #047BD2; 99%-valkoinen: #FDFDFD;
vaaleanharmaa: #dfdfdf; leipätekstimusta: #333333;
*/
 
body {
    margin: 0;
    padding: 0;
    font: 11px Verdana, sans-serif;
    background: #91C5E6 url(../gfx/gradient.jpg) repeat-x;
}
 
a {
    text-decoration: none;
}
 
a:hover    {
    text-decoration: underline;
}
 
img {
    margin: 0;
    padding: 0;
    border: 0;
}
 
h1, h2, h3 {
    color: #0099ff;
    margin: 8px 0px 4px 0px;
    font-family: Verdana, sans-serif;
    line-height: 120%
}
 
form {
    margin: 0px;
    padding: 0px;
}
 
h1 {
    font-size: 18px;
}
 
h2 {
    font-size: 125%;
}
 
h3 {
    font-size: 100%;
}
 
th {
    text-align: left;
}
 
 
 
#main    {
    margin: 0 auto 0 auto;
    width: 948px;
    border-width: 1px;
    border-color: #fff;
    border-style: none solid solid solid;
    background: #FDFDFD;
    font-size: 100%;
    color: #333333;
}
 
.top {
    height: 80px;
    width: 948px;
    background: #0099ff;
}
 
.top img {
    float: right;
    margin-right: 10px;
}
 
.top_banner    {
    height: 78px;
    width: 650px;
    float: left;
}
 
.top_banner img    {
    float: left;
}
 
.navi    {
    height: 36px;
    width: 948px;
    border-bottom: 1px solid #fff;
    background: #047BD2 url(../gfx/navi_bg.jpg) no-repeat;
    margin-bottom: 1px;
    position: relative;
}
 
.navi div    {
    padding: 0 0 0 20px;
    text-transform: uppercase;
}
 
.navi a {
    position: relative;
    float: left;
    color: #ffff00;
    font-size: 10px;
    font-weight: 900;
    margin: 10px 0 0 0;
    padding: 6px 12px 8px 9px;
    text-decoration: none;
}
 
.navi a.activated, .navi a.activated:hover {
    background: #fdfdfd;
    color: #047bd2;
}
 
.navi a:hover    {
    background: #429cdd;
    text-decoration: none;
}
 
.navi a .corner_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    background: transparent url('../gfx/navi_tab_left.gif') no-repeat;
}
 
.navi a:hover .corner_right, .navi a.activated .corner_right {
    position: absolute;
    top: 0;
    right: -1px;
    width: 5px;
    height: 26px;
    background: transparent url('../gfx/navi_tab_right.gif') no-repeat;
}
 
.search {
    display: block;
    width: 115px;
    position: absolute;
    top: 6px;
    right: 10px;
}
 
.text-field {
    border: 1px solid #80CCFF;
    height: 15px;
    padding: 1px 9px 1px 5px;
    font-size: 95%;
}
 
.search_field    {
    position: absolute;
    top: 4px;
    right: 40px;
}
 
.search_btn {
    position: absolute;
    top: 4px;
    right: 8px;
}
 
/* ---------- Etusivu ------------- */
 
.contense    {
    width: 732px;
    float: left;
}
 
.wide    {
    width: 948px;
}
 
.etusivu_vasen_ala {
    width: 732px;
}
 
.kampanjat {
    margin: 3px 0 3px 0;
    float: left;
    line-height: 110%;
}
 
.pink_box    {
    color: #fff;
    font-weight: 900;
    height: 18px;
    width: 194px;
    background: #0099ff url(../gfx/pink_box.jpg) no-repeat;
    padding: 6px 0 0 20px;
}
 
.kamppanja_sis {
    width: 212px;
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: none solid solid solid;
    background: #F3F8FB;
    padding-top: 7px;
}
 
.kamppanja_sis .box    {
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: none solid none solid;
    width: 182px;
    margin: 0 auto 0 auto;
    padding: 7px 5px 5px 5px;
    background: #fff url(../gfx/ruler.gif) repeat-x;
}
 
.box a, .ali_navi ul a, .site_path, .site_path a, #feedback a    {
    color: #0099ff;
    font-size: 95%;
    font-weight: 900;
}
 
.box p {
    margin: 5px 0 5px 5px;
    line-height: 120%;
}
 
.kamppanja_sis .bottom {
    height: 3px;
    line-height: 0px;
    width: 192px;
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: none solid none solid;
    margin: 0 auto 6px auto;
    background: #fff url(../gfx/ruler.gif) repeat-x bottom;
}
 
.uutiset {
    margin: 3px 0 0px 0;
    float: right;
}
 
.linkki_otsikko    {
    font-size: 125%;
    color: #0099ff;
    font-weight: 900;
}
 
.big_pink_box    {
    color: #fff;
    font-weight: 900;
    height: 18px;
    width: 497px;
    background: #0099ff url(../gfx/big_pink_box.jpg) no-repeat;
    padding: 6px 0 0 20px;
}
 
.uutiset_sis {
    width: 515px;
    border-width: 1px;
    border-color: #047BD2;
    border-style: none solid solid solid;
    background: #fff;
    padding-bottom: 20px;
}
 
.uutiset p {
    margin: 0 0 0px 10px;
    line-height: 140%;
}
 
.uutiset a {
    margin: 3px 0 0 10px;
    display: block;
    color: #0099ff;
}
 
.uutiset_sis img {
    float: left;
    margin: 0px 10px -1px 0px;
}
 
.uutiset_sis .uutinen    {
    padding: 1px 10px 5px 1px;
    background: url(../gfx/ruler.gif) repeat-x bottom;
    clear: left;
}
 
.date {
    font-size: 90%;
    color: #7F7F7F;
    font-weight: 900;
}
 
.etusivu_nosto {
    height: 203px;
    width: 730px;
    border: 1px solid #047BD2;
    float: left;
    background: #fff;
}
 
.oikea_laita {
    width: 215px;
    margin: 1px 0 0 0;
    float: right;
    line-height: 100%;
}
 
.oikea_laita .banners    {
    margin-bottom: 2px;
}
 
.oikea_laita .banners img    {
    margin: 0 0 1px 0;
}
 
.oikea_box {
    margin: 0 0 3px 0;
    width: 213px;
    padding-bottom: 1px;
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: solid;
    background: #ECF4F9;
    font-size: 95%;
    color: #0099ff;
        overflow: hidden;
}
 
.oikea_box div {
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: solid none solid none;
    margin: 1px 0 0 0;
}        
 
.oikea_box a {
    color: #0099ff;
    font-size: 95%;
    font-weight: 900;
    display: block;
    padding-left: 36px;
    padding-top: 3px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 17px 3px;
    background-image: url(../gfx/small_arrow.gif);
}
 
.oikea_box .text-field {
    margin: 5px 15px 5px 18px;
}
 
.oikea_box p, .oikea_box .lehdisto {
    font-size: 97%;
    margin: 0px 15px 7px 16px;
    border-style: none;
}
 
a.small_arrows {
    background-position: 12px 3px;
    padding-left: 28px;
}
 
.stripe {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    background: #F6F9FB;
}
 
.kielet {
    height: 22px;
    width: 213px;
    text-align: center;
    background: #F6F9FB;
}
 
.kielet a    {
    display: block;
    padding-left: 0;
    width: 105px;
    float: left;
    padding-top: 4px;
    height: 18px;
    background-image: none;
}
 
.blue_box    {
    color: #fff;
    font-weight: 900;
    height: 18px;
    background: #0099ff url(../gfx/blue_box.jpg) no-repeat;
    padding: 6px 0 0 17px;
}
 
.postituslista {
    padding-left: 20px;
}
 
.oikea_box .lehdisto a    {
    background-image: none;
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 90%;
}
 
.lehdisto .date {
    font-size: 100%;
    font-weight: 900;
}
 
.aiheeseen_liittyvaa {
        padding: 12px 15px 12px 15px;
        background: #fff;
    font-size: 100%;
        color: #333333;
}
 
.aiheeseen_liittyvaa a {
    background-image: none;
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
 
/* -------------alasivu yksi palsta --------------- */
 
.alasivu {
    margin: 1px 0 0px 0;
    float: right;
}
 
.alasivu_1_sis {
    width: 550px;
    border-width: 1px;
    border-color: #047BD2;
    border-style: solid solid solid solid;
    background: #fff;
    padding: 0;
    overflow: visible;
}
 
.ali_navi {
    margin: 1px 1px 0px 0;
    width: 176px;
    float: left;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
 
.ali_navi ul {
    margin: 1px 0 1px 0;
    padding: 0 0 0 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    list-style: none;
    font-size: 95%;
}
 
.ali_navi li {
    display: block;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #fff;
}
 
.ali_navi a    {
    display: block;
    padding: 0 0 0 20px;
}
 
.sub_menu a {
    padding-left: 28px;
}
 
.selected    {
    background: #047BD2;
}
 
li.selected a    {
    color: #fff;
}
 
.site_path {
    background: #F6F9FB;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 0 6px 21px;
    /*height: 19px;*/
    width: 529px;
    overflow: hidden;
}
 
.big_picture {
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    padding: 0;
    margin: 1px 0 1px 0;
}
 
.kuvateksti {
    float: left;
    width: 140px;
    /*max-width: 160px;*/
    margin: 10px 10px 5px 12px;
    font-size: 95%;
}
 
.big_picture img {
    margin: -1px 0 -1px 0;
    float: left;
}
 
.copy    {
    color: #7F7F7F;
    padding-top: 10px;
}
 
.leipis    {
    padding: 10px 20px 15px 30px;
    line-height: 140%;
    overflow: visible;
    font-size: 110%;
}
 
.leipis h1, .leipis h2, .leipis h3 {
    margin-left: -10px;
}
.leipis a:visited {color: #888;}
 
.white {
    background: #fff;
    color: #333333;
    padding: 7px 0 3px 0;
    font-size: 100%;
    line-height: 105%;
}
 
.white a {
    display: inline;
    background-image: none;
    margin: 0;
    padding: 0;
}
 
#feedback    {
    margin-top: 1px;
    background: #F6F9FB;
    border-top: 1px solid #dfdfdf;
    padding: 5px 0 0 21px;
    height: 80px;
    font-size: 95%;
}
 
/*------------ alasivu kaksi palstaa----------------*/
 
.alasivu {
    margin: 1px 0 0px 0;
    float: left;
}
 
.alasivu_2 .site_path {width: 925px;}
 
.alasivu_2_sis {
    width: 946px;
    border-width: 1px;
    border-color: #047BD2;
    border-style: solid solid solid solid;
    background: #fff;
    padding: 0;
    background: url(../gfx/v_pix_border.gif);
}
 
.vasen_palsta .leipis    {
    border-top: 1px solid #dfdfdf; /*!!!*/
    border-bottom: 0px;
    padding: 15px 20px 15px 32px;
}
 
.oikea_palsta .leipis    {
    border: 0px;
}
 
.vasen_palsta    {
    width: 573px;
    float: left;
    margin: 1px 0 0 0;
}
 
.oikea_palsta    {
    width: 373px;
    margin: 0;
    float: left;
    line-height: 100%;
}
 
.oikea_palsta .copy    {
    float: right;
    padding: 4px 10px 0 10px;
    font-size: 95%;
}
 
.picture {
    border-bottom: 1px solid #dfdfdf;
    padding: 1px;
    margin: 0;
}
.picture img {
    display: block;
}



/*-------------- footer ja alanavi -----------------*/
 
.bottom_navi {
    height: 22px;
    width: 948px;
    background: #047BD2 url(../gfx/bottom_navi_bg.jpg) no-repeat;
    text-align: right;
    padding-top: 5px;
}
 
.bottom_navi a {
    color: #ffff00;
    font-size: 10px;
    font-weight: 900;
    margin: 0px 20px 5px 0px;
}
 
.bottom_navi a:hover {
    text-decoration: none;
}
 
.footer {
    height: 65px;
    width: 948px;
    background: #0099ff;
    color: #fff;
    font-size: 85%;
}
 
.osoite {
    margin: 0 15px 0 15px;
    padding-top: 10px;
    float: left;
}
 
.copyright {
    margin: 0 15px 0 15px;
    padding-top: 10px;
    float: right;
}
 
.clearer {
    clear: both;
    background-image: none;
}
 
/* Alasivu - 3 palstaa */
 
.alasivu_3_sis {
    width: 767px;
    border-width: 1px;
    border-color: #047BD2;
    border-style: solid solid solid solid;
    padding: 0;
}
 
.tasa_levea {
    background: #fff url('../gfx/grey_liner.gif') repeat-y 381px 0;
}
 
.eri_leveat {
    background: #fff url('../gfx/grey_liner.gif') repeat-y 464px 0;
}
 
.alasivu_3_p1 {
    width: 381px;
    float: left;
    border-bottom: 0;
}
 
/* Alasivu - 3 palstaa - Oikeanpuolemmainen kapeampi */
 
.alasivu_4_p1 {
    width: 464px;
    float: left;
    border-bottom: 0;
}
 
.alasivu_4_p2 {
    width: 302px;
    float: left;
    border-bottom: 0;
}
 
.sivukartta {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0px;
}
 
.sivukartta a {
    display: block;
    margin: 0;
    padding: 2px 2px 2px 8px;
    border-left: 2px solid #ddd;
    font-size: 11px;
}
 
.sivukartta_taso1 {
    margin: 0;
    padding: 0 0 0 0;
}
 
.sivukartta_taso2 {
    margin: 0;
    padding: 0 0 0 12px;
}
 
.sivukartta_taso3 {
    margin: 0;
    padding: 0 0 0 24px;
}
 
.sivukartta_taso4 {
    margin: 0;
    padding: 0 0 0 36px;
}
 
.sivukartta_taso5 {
    margin: 0;
    padding: 0 0 0 48px;
}
 
.little_tab {
    margin: 0 0 20px -8px;
    height: 29px;
    border-bottom: 1px solid #dfdfdf;
}
 
.little_tab a {
    background: url('../gfx/little_tab_p.gif') no-repeat;
    width: 58px;
    margin: 0 0 -1px 3px;
    padding: 8px 0 9px 0;
    float: right;
    color: #999;
    text-decoration: none;
    font: bold 11px 'Verdana', sans-serif;
    text-align: center;
}
 
.little_tab a.active, .little_tab a:hover {
    background: url('../gfx/little_tab_a.gif') no-repeat;
    color: #fff;
}
 
.tiedote {
    margin: 10px 0 10px 0;
    padding: 0 0 7px 0;
    border-bottom: 1px dotted #999;
    margin-left: -8px;
}
 
.tiedote a {
    color: #0099ff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
 
.tiedote a:hover {
    text-decoration: underline;
}
 
.tiedote p {
    margin: 0 0 0 8px;
}
 
table.taulukko {
    border-collapse: collapse;
}
 
table.taulukko th, table.taulukko td {
    padding: 6px;
    border: 1px solid #dfdfdf;
}
table.taulukko th {
    background: #0099ff;
    color: #fdfdfd;
}
table.taulukko tr.odd {
    background: #f6f9fb;
}
 
table.taulukko tr.even {
    background: #ffffff;
}
 
/* HACKS */
 
html > body .uutiset {margin: 3px 0 -1px 0;} /*not for ie6*/
html > body .alasivu {margin: 1px 0 -1px 0;} /*not for ie6*/
 
/* fi alasivu 1 kuva */
body#news div.leipis {
    float: left;
    width: 331px;
}
#news-illustration {
    width: 159px;
    float: left;
    margin-bottom: 30px;
}
#news-illustration img {
    margin-top: 30px;
}
#news-illustration .news-image-text {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 10px;
    color: #000;
    padding: 7px;
}
#news-illustration .copy {
    display: block;
    margin-top: 0.5em;
}
 
 
#sitemap {
    line-height:1.8em;
}
 
#sitemap a.page {
    float: left;
}
 
#sitemap img {
    float: left;
    margin: 6px 4px 0 0;
}
 
#sitemap div.clearer {
    margin: 0;
    padding: 0;
    height: 1px;
    line-height: 0;
    font-size: 0;
    clear: both;
}
 
/* Santerin pyytämät lisäykset */
 
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
 
.lahjoita_form {
border: 1px solid #dfdfdf; 
padding: 0 0 0 10px;
}
 
/* form validation */
.lahjoita_form input.alert{
background: pink;
}
 
p.red {
font-weight: bold;
color: #dd2633;
font-size: 13px;
display:none;
}
 
#logo {
 width: 214px;
 height: 78px;
 background: url(/files/unicef/gfx/unicef.gif);
 float: right;
}

th {
 font-weight: normal;
}

/**** Navigation */

#func_nav {
  float:left;
  width: 400px;
  margin:7px 0 0 15px;
  font-size:.9166em; 
  line-height:1; 
  color:#fff; }
  #func_nav span, #func_nav a {
    margin:0 5px 0 5px; }
  #func_nav a {color:#fff;}