body {
  text-align: center;
  background: #95a7b8;
  margin: 0px auto;
  font-family: Verdana, Tahoma;
  font-size: 10pt;
 }
 
 #photo {
   margin: 0px auto;
   width: 975px;
   height: 112px;
   background: url(header_image.jpg);  
   
 }
 
 #top_nav {
   margin: 0px auto;
   width: 975px; 
   background: yellow;  
 } 
 
 #body_wrapper {

   margin: 0px auto;
   width: 975px; 
 }
 
 #left_nav {
    padding-top: 8px;
    padding-right: 5px;
    width: 164px;
    float: left;
    margin: 0 auto;
 }
  
 #right_nav {
    padding-top: 8px;
    width: 136px;
    float: left;
    margin: 0 auto;
 } 
 
 #content {
    padding-top: 8px;
    width: 806px;
    float: left;
    margin: 0 auto;

 } 
 
 #footer {
   margin: 0px auto;
   width: 900px;
   background: green;
 }    
 
 
 
.box { 
 width: 98%;
  background: #aab5bf; 
}
.box_middle { 
 width: 98%;
  background: #aab5bf; 
}

.box_footer { 
 width: 100%;
  background: #aab5bf; 
}

.box_nav { 
 width: 100%;
  background: #aab5bf; 
}


/* box stuff for the main */

.boxtop { 

  height: 15px; 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 15px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  height: 15px; 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 15px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
padding: 0px 15px 0px 15px;
margin-top: -5px;  

}

/* END box stuff for the main */ 
 

.boxtop_small { 
  height: 15px; 
  background: url(nes.gif) no-repeat top right; 
}
.boxtop_small div { 
  height: 15px; 
  background: url(nws.gif) no-repeat top left; 
}
.boxbottom_small { 
  height: 15px; 
  background: url(ses.gif) no-repeat bottom right; 
}
.boxbottom_small div { 
  height: 15px; 
  background: url(sws.gif) no-repeat bottom left; 
}
.boxcontent_small {
  padding: 0px 15px 0px 15px;
} 
 
h1 {
 font-size: 13px;
 color: #000000;
}

h2 {
 font-size: 15px;
 margin-top: 0px;
 color: #000000;
}

h3 {
 font-size: 13px;
 color: #000000;
 margin-top: -12px;
}
 
a:link, a:visited, a:active {
 color: #000000; 
 text-decoration: none;
 
  
} 


 .artykuly > a:link, .artykuly> a:active, .artykuly > a:visited {

 color: #000000; 
 text-decoration: underline;

}


.artykuly > a:hover {
 color: #FFF6E6; 

} 


 
 .newsy a:link, .newsy a:active, .newsy a:visited {

 color: #000000; 
 text-decoration: underline;

}
.newsy a:hover {
 color: #FFF6E6; 

} 




a:hover {
 color: #FFF6E6; 

} 

img { border: 0px; }
 
/* THE TOP NAV BAR */
 
.mattblacktabs{
/* width: 100%; */
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
letter-spacing: 2px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 5px solid #999999; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.lewy {

text-align: left;
font-size: 10pt;

}


.artykuly {

text-align: left;

}

.newsy {

text-align: right;
}


.newsy h2 {
text-align: center;
margin-top: 5px;


}

.newsy p {

text-align: left;
}

.podpis {

text-align: right;
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
}

.data {
background: url(tekst_top.gif);
text-align: center;
font-family: Verdana;
font-size: 8pt;
color: white;

}


.pogrubienie {

font-weight: bold;
}

.na_srodek {

text-align: center;

}

.srodek {

text-align: center;

}

img.img_duze {

position: absolute; top: 0px; left: 0px;

}



/* THE TOP NAV BAR */