/* taso.css - Antti Ahola 2007-2009 */

html,body {margin:0;
           padding:0;}
body {font: 75% arial,sans-serif;
      text-align:center}
p {margin:0px 5px 5px;}
a {display:inline;
       color: #2858B3;}
img {border: none;
     text-decoration:none;}
img.osoite {vertical-align: middle;} 

h1 {padding-left:5px;
    /padding-top:4px;
    font-size:22px;}
h2 {padding-left:8px;
    font-size:18px;}
h3 {padding-left:13px;
    font-size:14px;}

div#header {height:95px;
	    background-image: url(layout_img/taso_header.gif);
            background-repeat: no-repeat;
            /*background: #A3CDF3;*/
            /*background:#92BDE3;*/}

div#header img {margin: 2px 30px;
                float: left;
                /*clear: left;*/}
div#header img.liput {margin: 0px 5px -5px 0px;
                      position: relative;
                      left: 730px;
                      bottom: 10px;
                      float: left;}

div#header h1 {height:85px;
               line-height:85px;
               margin:0;
               font-family:helvetica;
               color: #2858B3;}

div#container {text-align:left;
               background: #BDDEFC;}

div#content {background: #BDDEFC;}
div#content p {padding-left: 10px;
               padding-right: 8px;
               line-height:1.5}
div#content p.quote {font-size:small;
                     font-family: helvetica, Arial, Helvetica, sans-serif;
                     text-align: center;
                     color: #000000;
                     font-style: italic;}
div#content p.yhteys {float: left;
                      padding-left:30px;}
div#content hr {clear:left;
                border-top: 1px dotted #09c;
	        border-bottom: 1px solid #9cf;}
/* div#content img {margin:10px 10px;} 
div#content img.hallitus {margin: 10px 0px;} */

div.jasen {
margin: 3px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}
.jasen img.iso {
display: inline;
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
border: 1px solid #A0ACC0;
}
.jasen a:hover img {border: 1px solid black;}
.kuvateksti {
text-align: center;
font-weight: normal;
margin: 0 3px 3px 3px;
}
/*
.kuvateksti img.osoite {
vertical-align: middle;
} 
*/

div#content table {padding-left:10px;}
div#content img.iso {float:left;
                     clear:left;
                     margin:10px;}
div#content img.oikea {margin-top:70px;
                       margin-right:30px;
                       margin-bottom:30px;
                       float:right;
                       clear:right;}
div#content img.mainos {float:right;
                        clear:right;
                        margin:5px;}
div#navigation ul {list-style-type: none;
                   margin: 0px;
                   padding: 0px;}
div#navigation li {margin-bottom: 5px;
                   padding: 0px;}
div#navigation ul ul {margin-bottom: 5px;
                      padding-left: 15px;}

/*IE hack*/
 *div #navigation ul ul {
    margin-bottom:-2px;
    padding-bottom:4px;
}
 *div #navigation li {
    margin-bottom:-2px;
    padding-bottom:4px;
    margin-top: -2px;
    padding-top: 2px;
}
 *div #navigation ul {
    margin-bottom:-2px;
    padding-bottom:5px;
}
 *div #navigation hr {
    margin-top:-8px;
    padding-top:8px;
}
/* end IE hack */

div#navigation a {font-weight: bold;
                  color: #2858B3;
                  padding:2px 10px;
  /*                padding-left:15px; */
                  display:block;}
div#navigation a:link {text-decoration: none;}
div#navigation a:visited {text-decoration: none;}
div#navigation a:active {text-decoration: none;}
div#navigation a:hover {text-decoration: underline;}
div#navigation hr {margin: 0px 115px 0px 25px;
                   border-top: 1px dotted #09c;
	           border-bottom: 1px solid #9cf;}
div#navigation p {padding: 2px 10px;
                  margin:0px 0px 0px;}

div#navigation {background: #A3CDF3;
	        background-image: url(layout_img/viulu.gif);
                background-repeat: no-repeat;
                background-position: 100px 0px;
                padding-top: 15px;}
div#extra {background:#92BDE3;}
div#extra img.etujuliste {margin: 5px;
                          width: 180px;}
div#forum-extra {background:#92BDE3;}

div#footer {background:#92BDE3;
            background-image: url(layout_img/taso_footer.gif);
            color: #FFFFFF;}
div#footer p {margin:0px;
              padding:5px 10px;
              text-align:right;}
div#navigation {float:left;
                width:20%;}
div#container {width:950px;
               margin:10px auto;}
div#content {float:right;
             width:79%;}
div#forum {float:left;
           width:80%;}
div#extra {float:left;
           clear:left;
           width:20%}
div#footer{clear:both;
           width:100%;}
div.hr {padding-right:50px;}
