body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	scrollbar-3dlight-color: #F0F0EE;
	scrollbar-arrow-color: #676662;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #E0E0DD;
	scrollbar-highlight-color: #F0F0EE;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
}

td {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}

a 	{text-decoration: none; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #0000FF;}
a:hover	{text-decoration: underline; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #0000FF;}

.c 	{text-decoration: none; font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; color: #000000;}
.d 	{text-decoration: none; font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; color: #6699CC;}
.e 	{text-decoration: none; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #FFFFFF;}
.f 	{text-decoration: none; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #DEB887;}
.g	{text-decoration: underline; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #FAD454;}
.h	{text-decoration: none; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #B22222;}
.i	{text-decoration: none; font-size: 13px; font-family: verdana, tahoma, arial, sans-serif; color: #CC0000;}
.k	{text-decoration: none; font-size: 9px; font-family: verdana, tahoma, arial, sans-serif; color: #777777;}

.temat	{text-decoration: none; font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; color: #770000;}
.spod	{text-decoration: none; font-size: 11px; font-family: verdana, tahoma, arial, sans-serif; color: #999999;}

pre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.example1 {font-weight: bold; font-size: 14px}
.example2 {font-weight: bold; font-size: 12px; color: #FF0000}
.tablerow1 {background-color: #BBBBBB;}

p {margin: 0; padding: 0;}
.unIndentedList {margin: 0; padding: 0;	list-style-position: inside;}
.unIndentedList li {padding: 0;}
ul {margin-top: 0; margin-bottom: 0;}

#menu1	a1 	{text-decoration: none; font-size: 13px; font-family: verdana, tahoma, arial, sans-serif; color: #CC0000;}
#menu1	a1:hover	{text-decoration: none; font-size: 13px; font-family: verdana, tahoma, arial, sans-serif; color: #AA0000;}



#menu {width: 180px;} 
#menu ul {list-style: none; margin-top: 0; margin: 0; padding: 0px; spaccing: 0px;}
#menu a {font-size: 11px; display: block;margin: 0; color: #000000; text-decoration: none; margin-top: 0; margin: 0; padding: 5px;spaccing: 0px; background-image: grafika/picture_1.jpg;}
#menu a:hover {color: #CC0000; background-color: #FFFF33;}
#menu li {position: relative; background-image: grafika/picture_1.jpg;} 
#menu ul ul,		/*pokazywanie 2 poziomu z lewej strony (bez tego pojawia się pod spodem danego działu*/
#menu ul ul ul {position: absolute;top: 0;left: 100%; /* to position them to the right of their containing block */width: 100%; /* width is based on the containing block */}
div#menu ul ul,		/*ukrycie 2 poziomu*/
div#menu ul li:hover ul ul,		/*ukrycie 3 poziomu*/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul {display: none;}
div#menu ul li:hover ul,	/*po najechaniu na 1 poziom, ma się pokazać 2 poziom*/
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}

#menu ul li {float: left; /* cure IE5.x "whitespace in lists" problem */width: 100%; border: 0px solid #CCffff;padding: 0px 0px 0px 0px;}
#menu ul li:hover {}
#menu ul li a {height: 1%; /* make links honour display: block; properly */}