html, body{ 
background-image:url("dewocjonalia-images/site/dewocjonalia.jpg");
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
background-color:#000;
font-family: Georgia, Arial, Tahoma;
font-size: 13px;
color: #FFF;
margin:0; 
padding:0; 
text-align:center; 
}
#menu0 dt {
}
p {
text-align: left;
}

a {
color: #FFF;
text-decoration: none;
}

a:hover {
color: #FFF;
text-decoration: underline;
}
 
table {
width: 100%;
text-align:center;
}
table td {padding-bottom: 20px;}

#pagewidth{ 
width:880px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header{
position:relative;
text-align: center;
height:223px; 
background-color:transparent; 
width:100%;
} 

#leftcol{
background-color:transparent; 
width:200px; 
float:right; 
text-align:right; 
position:relative; 
}
#leftcol p {text-align:right; }

#maincol{
background-color:transparent;  
float: left; 
display:inline; 
position: relative; 
padding-top: 100px;
width:680px; 
}

#footer{
height:30px; 
text-align:center; 
background-color:transparent; 
clear:both;
padding: 20px;
} 

img {
border: 0px;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}