/* Start of CMSMS style sheet 'etusivu' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

#otsikot{
position:absolute;
padding:10px;
width:200px;
display:none;
background:white;
border: 1px dashed;
}

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 1em;
        text-align: center;
    }
    div#pagewrapper {
        margin: 0 auto;
        width: 960px;
        padding: 0;
        text-align: left;
        border: 0;

    }
    #container {
	position: relative;
 	margin: 0;
    }
 
    /* HEADER */

        div#header {
           height: 85px;
           color: #000;
           background-image: url(uploads/images/taustat/harrastusmerkki.jpg);
           background-repeat: no-repeat;
           background-position: center left;
        }

        div#header p {
            font-size: 0.8em;
            margin-top: 50px;
            padding: 40px 15px;
            text-align: right;

        }


        div#headertext {
           padding-top: 50px;
         }

    /* END HEADER */
   
    /* TOP IMAGE */
        div#topimage {
            background:  url(uploads/images/ruskabanneri_web.jpg) no-repeat 0 0px;
            border: 1px solid #000;  
            display: block;
            height: 112px;
            text-indent: -700em;
            width: 958px;
            margin: 0;
            padding: 0;
            height: 112px;

            text-align: left;
        }
        div#topimage h1 a {

            margin: 0;
            padding: 0;
            text-decoration:none;
        }
    /* END TOP IMAGE */
    
    
    /* CONTENT */
        div#content {
          padding-left: 0em;
          padding-right: 0em;
          padding-top: 5px;
          border-left: 1px solid #000;
          border-right: 1px solid #000;

        }

        
        /* MAIN */
           div#main {
           float: left;
           width: 700px;
           margin: 35px 0px 10px 10px;
           padding-right: 10px;
           border-right: 1px solid #000;
            }
        /* END MAIN */

        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
clear:both;
         background:  url(uploads/images/ruskabanneri_web.jpg) no-repeat 0px 0px;
            border: 1px solid #000; 
        }

        div#footer p {
            height: 10px;
            font-size: 0.8em;
            margin: 0;
            padding: 5px 30px 5px 5px;
            text-align: right;
 color:white;
        }

        div#footer2  {
clear:both;
            height: 30px;
            font-size: 0.8em;
            margin: 0;
            padding: 5px 15px 0px 5px;
            text-align: right;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding: 1em 0;
   text-align: left;
   font-size: 90%;
   margin: 0 1em;
   border-bottom: 1px dotted #000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }
/* End of 'etusivu' */