BODY {COLOR: Black; FONT: 13px "Verdana";}

.in {COLOR: #C8B166 ; }

.slowa {COLOR: Black ; FONT: 9px "Verdana";}

P {COLOR: Black ; FONT: 13px "Verdana";}

TD {COLOR: Black ; FONT: 13px "Verdana";}

A:link {COLOR:#000000;  TEXT-DECORATION:  none}

A:visited {COLOR: #000000 ; TEXT-DECORATION:  none}

A:active {COLOR: #000000; TEXT-DECORATION:  none}

A:hover {COLOR:#000000; FONT-STYLE: normal;  TEXT-DECORATION: none }



.link {COLOR:Maroon; FONT: bold 13px "Verdana"; TEXT-DECORATION: none}
a.link:link {COLOR:Maroon; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link:visited {COLOR:Maroon; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link:active {COLOR:Maroon; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link:hover {COLOR:#000000; FONT: 13px "Verdana"; TEXT-DECORATION: none}

.link2 {COLOR:#000000; FONT: bold 13px "Verdana"; TEXT-DECORATION: none}
a.link2:link {COLOR:#000000; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link2:visited {COLOR:#000000; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link2:active {COLOR:#000000; FONT: 13px "Verdana"; TEXT-DECORATION: none}
a.link2:hover {COLOR:Maroon; FONT: 13px "Verdana"; TEXT-DECORATION: underline}


/* zerujemy marginesy i paddingi listy, wyłączamy dekoracje listy */
#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }
        
        /* ważna rzecz: position: relative jest konieczny ponieważ wewnątrz elementów listy będziemy pozycjonować 
                "wyskakujący" blok submenu, klasa sfhover jest specjalnie dla skryptu js, który z koleji jest dla IE6 */
                                
        #menu ul li,
        #menu ul li.sfhover {
                position: relative;
                border: 0px solid #FFF;
                border-width: 0 0px 0px 0;
                }
                
                        
                #menu ul li a {
                        display: block; 
                        color: #000000;
                        background: url(grafika/menu.png);
                        padding: 0 3px;
                        height: 22px;
                        line-height: 22px;
                        }
                        
                        /* linkowi który jest nadrzędnym dla jakiejś grupy, nadajemy obrazek tła, korzystamy przy tym z
                                CSS Sprites */
                                
                        #menu ul li a.sub {
                                background: #C4BA77;
                                }
                                
                        #menu ul li a:hover {
                                color: #807737;
                                background: url(grafika/menu2.png);
                                }
                                
        /* drugi poziom menu jest ukryty */
                                
        #menu ul li ul {
                display: none;
                }
                
        /* jeśli kursor myszki najedzie na któryś z elementów listy, lista która jest w niej zagnieżdżona przyjmuje
                        display: block, czyli pojawia się, pozycjonujemy ją za pomocą position: absolute, left i top */
                                
        #menu ul li:hover ul,
        #menu ul li.sfhover ul {
                display: block;
                position: absolute;
                left: 120px;
                top: -4px;
                background: #FFF;
                border: 0px solid #FFF;
                border-width: 0px 0 0;
                }
                                        
                #menu ul li:hover ul li,
                #menu ul li.sfhover ul li {
                        width: 120px;
                        border-width: 0 0px 0px;
                }