/* A simple Browser Reset */
		
*{
	margin:0;
	padding:0;
}
		
		 /* General Layout
		________________________________*/
		
body {
	margin:0 auto;
	width:900px;
	background-color:#F2DC88;
	color:#000000;
	font-family:"Times New Roman", Times, serif;

}
#page{
	width:900px;
	min-height:100%;
	position:absolute;
}
#footer{
	position:absolute;
	bottom:0;
	z-index:2;
	width:100%;
}					
		/* Layout is inspired by the holy Grail, 
		except that the content is wrapped around
		a floating div that pull the sidebars.
		*/
		
#content {
	float:left;
	width:100%;
	margin-right:-100%;
}
.column {
	padding:15px 15px 50px;
	float:left;				
}
		/* -- compensating the padding on sidebars --
		multiply the padding of columns by 2, and remove
		it from the width of each sidebar.
		*/
		
#left{width:190px;}    /* 220 - (15x2) */
#right{width:0px;}   /* 150 - (15x2) */
		
		/* You can easily change the layout proportions
		by just changing the matching values. For example,
		to have a 100px left sidebar, I just have to change
		all the 220 to 100 (and the -220 to -100).
		*/
		
#content-inner {
	float:none;
	margin-left: 230px;   /* LEFT Sidebar width */
	margin-right: 0px;  /* RIGHT Sidebar width */
	background-color:#F2DC88;
}                       
.left {
	  width: 220px;         /* LEFT Sidebar width */
	  margin-right:-220px;  /* LEFT Sidebar width */
}                       
.right{                 
	float:right;          
	width: 0px;         /* RIGHT Sidebar width */
}
#footer, #header{
	clear:both;
	text-align:center;
	font-size:2em;
}
		
		/* Equal Height Columns 
		________________________________*/
		
		/* The columns are created using empty DIV that have to be 
		inside the main wrapper (#page) and should be positionned 
		relative. Each DIV have the same width as its corresponding 
		columns (done by using class), and by postionning them 
		absolutelly (bottom) and giving them a height of 100%, the 
		DIVs fill the entire space that the columns should fill.
		As the actual content is not positionned absolutelly, the 
		footer still behave normally and is pushed down by it. Last 
		but not least, we have to set the z-index of the real 
		content to 2 to bring it back on top of the columns.
		*/
		
.bg{
	position:absolute;
	bottom:0;
	height:100%;
}
#bgleft{left:0;}
#bgright{right:0;}
#bgcenter{
	right:0;
	width:100%;
}
#content, #left, #right, #header{
	position:relative;
	z-index:2;
}
		
		/* COLORS */
		
#header, #footer{background-color: #ccc;}
#bgleft{background-color:#432505;}
#bgright{background-color:#F2DC88;}
#bgcenter{background-color:#F2DC88;}
		
		/* menu padding */
ul{ margin:20px; }
	
#wydzial-logo
{
	margin-top: 30px;
	margin-left: 0px;
}
		
#nav-menu
{
	margin-top: 50px;
	margin-left: 0em;
}

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

#nav-menu li
{
	float: left;
	background-color:#d8a765;
	margin-bottom: 10px;
} 

#nav-menu li a
{
	height: 3em;
	line-height: 3em;
	float: left;
	width: 190px;
	display: block;
	border: 0;
	color: #663300;
	text-decoration: none;
	text-align: center;
} 

#nav-menu li a:hover 
{
	background-color: #b88745
}
#page #main #content #content-inner a {
	color: #660000;
	text-decoration: underline;
}
            
    #maintitle {
	margin-left: 2em;
	margin-top: 1em;
}
    #subtitle {
	margin-right: 2em;
	text-align: right;
	margin-bottom: 2em;
}

#delikwent {
	clear: both;
}
#zdjecie {
	float: left;
	margin-right: 20px;
}

.bb-tbase { width:100%; }
.bb-t15 {
	width: 20%;
	float: left;
}
.bb-t16 {
	width: 45%;
	float: left;
}
.newpar {
	clear: both;
}
#page #main #content #content-inner #delikwent .bb-tbase .bb-t15 ul {
	list-style:none;
}
#page #main #content #content-inner #delikwent .bb-tbase .bb-t16 ul {
	list-style:none;
}
.membername {
	font-weight: bold;
	margin-left: 240px;
}

#apDiv1 {
	position:relative;
	width:600;
	height:450;
	z-index:1;
	left: 120px;
	top: 30px;
}

#delikwent {
	clear: both;
}
#zdjecie {
	float: left;
	margin-right: 20px;
}

.bb-tbase { width:100%; }
.bb-t15 {
	width: 20%;
	float: left;
}
.bb-t16 {
	width: 45%;
	float: left;
}
.newpar {
	clear: both;
}
#page #main #content #content-inner #delikwent .bb-tbase .bb-t15 ul {
	list-style:none;
}
#page #main #content #content-inner #delikwent .bb-tbase .bb-t16 ul {
	list-style:none;
}
.membername {
	font-weight: bold;
	margin-left: 240px;
}
h1 { 
font-weight: normal;
}
h2 { 
font-weight: normal;
font-size: 1.5em;
}