/* 
    Document   : style
    Created on : Mar 8, 2009, 2:18:16 AM
    Author     : jason
    Description:

*/

body {
    padding:0;
    margin:0;
    margin-top:8px;
    margin-bottom:1em;
    background-color: #00202b;
    color:#006688;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    background-image: url(systeemi-fileet/body-background.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    
    background-attachment: fixed;
}

a:link {color: #006688; text-decoration:underline}
a:visited {color: #006688; text-decoration:underline}
a:hover {color:white; text-decoration:none}
a:active {color:#fff; text-decoration:none}

li{margin-left:40px; padding-right:25px;}

h3{font-family: Geneva,Arial,Helvetica,sans-serif; margin-left:-2px; padding-left:13px;}

h2.section{width:100%;margin:0;font-size:25pt; margin-bottom:5px; font-family: Arial,Helvetica,sans-serif; color:#004b63; float:left; text-align:left;
        background-image: url(systeemi-fileet/h2-section.png);
    background-position:center right;
    background-repeat: no-repeat;
    padding-left:13px;
}

h3.title{width:100%;margin:0;font-size:large; margin-bottom:5px; font-family: Arial,Helvetica,sans-serif; color:#004b63; float:left; text-align:left;
        background-image: url(systeemi-fileet/h3-section.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-left:13px;
}


img.right{float:right; border:1px solid black; margin:5px; margin-right:30px;}


#header {font-size:12pt;font-family:Arial,Helvetica,sans-serif; float:left; width:100%; line-height:normal;}

	#header ul {margin:0;padding:0;list-style:none;padding:0px 10px 0;}

    #header li {float:left;margin:0;padding:0; padding-right:5px; padding-left:5px;
            background-image:url(systeemi-gfx/door-oikea.gif);
            background-repeat:no-repeat; background-position:right top;}

    #header a {color:#006183;display:block;background-image:url(systeemi-gfx/door-vasen.gif);
            background-repeat:no-repeat; background-position:left top;
            padding-left:0px; padding:0px; text-decoration:none;}

    #header a:hover{color:#008ebf;}

    #header #current {color:#008ebf;background-image:url(systeemi-gfx/door_oikea_active.gif); cursor:default;}

    #header #current a {color:yellow;
            background-image:url(systeemi-gfx/door_vasen_active.gif);
            padding-bottom:0px; text-decoration:none; cursor:default;}
    


  #container{margin:0; margin-left:360px;}
      #logo{width:593px; height:105px; margin-left:2px;background-image:url(systeemi-fileet/logo-602.png); background-repeat:no-repeat;  background-position: left top;}

      #menuContainer{margin-left:5px; margin-bottom:0px;width:585px; background-image:url(systeemi-fileet/content-background.png); background-repeat:repeat-y;text-align:right; font-family: Arial,Helvetica,sans-serif; font-size:small;border:0px solid black;}

      #content{position:relative; padding:0; margin:0; margin-left:5px; width:585px;  background-image:url(systeemi-fileet/content-background.png); background-repeat:repeat-y;border:0px solid black;}
        .top{padding:0; margin:0; margin-left:5px; width:585px; height:11px; background-image:url(systeemi-fileet/content-background-top.png); background-repeat:no-repeat;border:0px solid black;}
        .bottom{padding:0; margin:0; margin-left:5px; margin-bottom:0.5em;width:585px; height:11px; background-image:url(systeemi-fileet/content-background-bottom.png); background-repeat:no-repeat;border:0px solid black;}

        .gallery img {float:left; border:1px solid black; margin-left:10px; margin-top:10px;}
        .center{margin-left:-30px; border:1px solid black;}
        .px{padding-left:20px;}

      #footer{padding:0; margin:0; margin-left:5px; padding-left:0px;width:585px; background-image:url(systeemi-fileet/content-background.png); background-repeat:repeat-y;border:0px solid black;}
        .footerLeft{float:left;width:292px; padding:0;}
        .footerRight{float:left;width:282px; padding-left:0px; border-left:1px solid black;}
        
        
      #content p, #footer p {padding:0px; padding-top:0px;margin:0; padding-bottom:3px; padding-top:2px; padding-left:20px;padding-right:23px;}

#credits{width:585px;}
#credits p{font-size:xx-small; color:black; text-align:right; padding-right:5px;}

a.creditsa:link {color: black; text-decoration:underline}
a.creditsa:visited {color: black; text-decoration:underline}
a.creditsa:hover {color:#006688; text-decoration:none}
a:creditsa-active {color:#006688; text-decoration:none}