html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
    
    

body {
        font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333;
        background: url(../wwwkuvat/tausta.jpg) repeat #d1d5d8;
        margin: 0;
}

#laatikko {
width:900px;
height:600px;
margin:20px;
background:  rgba(255,255,255,0.5);
box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
}

#valikko {
background:#cecece;
margin-top:10px;
padding:5px;
border:1px solid black;
}

#valikko a {
 color: #000;
                font-weight: bold;
                text-decoration: none;
                padding: 10px;

 text-decoration: none;
}
#valikko a:hover {
 text-decoration: underline;
}



#sisalto {
float:left;
margin:10px;
}

    
#nav {
    margin: 20px;
    z-index: 10;
    display: block;
}
    #nav li { float: left; }
        #nav li:hover { position: relative }
        #nav li:hover > a { 
            background:  rgba(255,255,255,0.5); 
            
            box-shadow: 2px 2px 25px #000;
            -moz-box-shadow: 2px 2px 25px #000;
            -webkit-box-shadow: 2px 2px 25px #000;
    
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;                  
        }
            #nav li.sub:hover > a {
                border-radius: 10px 10px 0 0;
                -moz-border-radius: 10px 10px 0 0;
                -webkit-border-radius: 10px 10px 0 0;        
            }

            #nav li a {
                color: #000;
                font-weight: bold;
                text-decoration: none;
                padding: 12px;
                display: block;
            }
                #nav li a:hover { background-color:  rgba(255,255,255,0.5); }        
                    
    #nav li ul { 
        background: #fff;
        margin-top: -2px;
        display: none;   
    }
        #nav li:hover ul {
            display:block; 
            position:absolute; 
        }

        #nav li ul {
            background: rgba(255,255,255,0.5);
            padding: 10px 5px;
            
            box-shadow: 2px 2px 25px #000;
            -moz-box-shadow: 2px 2px 25px #000;
            -webkit-box-shadow: 2px 2px 25px #000;
            
            border-radius: 0px 15px 15px 15px;
            -moz-border-radius: 0px 15px 15px 15px;
            -webkit-border-radius: 0px 5px 5px 5px;
        }
            #nav li ul li a, #nav li ul li a:hover {
                background: transparent;
                color: #000;
                width: 150px;
                font-size: 0.95em;
                font-weight: normal;
            }
                #nav li ul li a:hover { text-decoration: underline; 
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                            
                    border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                }