body {
 background: #ffffff;
 background-image: url(3.png);
 background-repeat: repeat-x;
 text-align: center;
}


#page {
margin: 0 auto;
width: 950px;
background: #ffffff;
background-image: url(5.png);
background-repeat: repeat-x;
text-align: left;
font-size: 14px;
	font-family: Verdana, Georgia, serif;
	font-weight: bold;
} 

#header {

}

p.quote:first-letter 
{
	color: #8f0000;
	font-size: 30px;
	margin-top: 30px;
	font-size: 30px;
        padding-right: 2px;
}


h1 {
 margin-bottom: 11px;
 margin-left: -108px;
 padding: 0px 0 21px 108px;
 font: bold 20px Verdana, Georgia, serif;
 color: #363636;
}


h2 {
margin-bottom: 1px;
padding: 0px;
margin-top: 0px;
font: 14px 
}
h3 {
	
        height: 26px;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
        text-align: center;
	color: #8f0000;
	border-bottom: 1px dotted #CCCCCC;
        
}

h4 {

background-color: #e6f4fb;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 15px;
	padding-bottom:15px;
	border: 1px dotted #EBE2B7;	
	background-repeat: no-repeat;
        font-size: 14px;
	
}

h5 {

background-color: #ffffff;
	margin-top: 30px;
	margin-bottom: 15px;
        margin-right: 25px;
	border: 1px dotted #EBE2B7;	
	background-repeat: no-repeat;
        font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
        text-align: center;
	
}

h6 {
        margin-top: 30px;
	margin-bottom: 15px;
        margin-right: 25px;     
        font-size: 20px;
	font-family: "Times New Roman", Times, serif;
        text-align: center;	
       
}

h7 {    
        color: #8f0000;
        margin-top: 30px;
	margin-bottom: 15px;
        margin-right: 25px;     
        font-size: 12px;
	font-family: "Times New Roman", Times, serif;
        text-align: center;	
       
}

th {
margin: 20px;
font-weight:bold;
font-size:small;
}


td {
margin: 8px;
font-size:small;

}

#content-primary {
 float: right;
 margin-top: 12px;
 margin-right:30px;
 width: 670px;
}
#menu {
 float: right;
 margin: 15px;
 padding: 20px;
 width: 170px;
}


#menu ul {
   margin: 0;
   padding: 0;   
   list-style: none;   
}

#menu ul li {
   display: block;
    margin: 0 0 2px 0;
}

#menu ul li a {
   display: block;
   margin: 0;
   padding: 0 10px 0 0;
   height: 25px; 
   font: bold 12px/20px Verdana, Georgia, serif;
   text-decoration: none;
   text-align: right;
   color: #FFFFFF;
   background: #164482;  
}

#menu ul li a:hover {
   text-decoration: none;
   color: #FFFFFF;
   background: #8B0000; 
}

#footer {
 width:960px;
 height:40px;
 
 background: #363636;
 text-align: center;
 clear: right;
}  
#footer p {
 padding: 10px;
}
.clear {
 clear: both;
}

.pics {
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 240px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 160px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 20px;
   float: right;
}

.pics img {
   padding: 15px;
   border: 1px solid #ccc;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 160px; /* szerokość wyświetlanych zdjęć */
   height: 240px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
   
} 
.pics01{
/* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 480px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 316px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 0;
   float: left;
}

.pics01 img {
   padding: 8px;
   border: 1px solid #ccc;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 480px; /* szerokość wyświetlanych zdjęć */
   height: 316px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
   
}