html, body { margin: 0; padding: 0; border: 0; width: 100%; }

/* Just everything */
#everything {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	width: 100%;
	}
	
/* centered containter */
#subEverythingCentered {
	position: relative;
	top: 0px;
	width: 800px;
	margin-right: 50%;
	left: 400px;
	}
	

#topElements {
position: relative;
width: 800px;
height: 95px;
top: 0;
right: 0;
bottom: auto;
left: 0;
z-index: 10;
}


#contentBox {
    display:table; /* Needed from Chrom, because its default is display:block, which makes the footer apear on top of the banners*/
margin-top: 10px;
margin-bottom: 10px;
position: relative;
width: 800px;
}	  

#footer {
position: relative;
clear: both;
width: 800px;
height: 50px;
}

#left {
    
float: left;
margin: 3px;
padding: 0px;
min-height: 100%;
max-width: 200px;
height: 100%;
border: none;
}

#right {
position: relative;
width: 595px;	/* sets position of side separator line */
margin: 0px;
padding: 0px;
border: 1px solid;
border-color: #F7F3EF #000000 #F7F3EF #000000;
}

#rightContent 
{
     
    
}

#leftContent 
{
    
    width: 180px; margin: 0px 10px 0px 0px; 
}

/* elements common to all pages */
#topImageAndForm {position: absolute; top: 0px; left: 0px;}
#menu{position: absolute; top: 80px; right:0px; height: 18px; width: 800px; z-index: 10;}

#printedFrom { display:none; }

@media print {
	.screenOnly,
	#topelements,
	#left,
	#footer,
	#otherArticles,
	#addthisBox,
	#addthisBox div
	{ display:none !important; }
	
	#right,
	#right #rightContent,
	#right #rightContent #articleBody
	{ 	width:auto !important;
		border:none !important;
		border-style:none !important;
	}
	
	#printedFrom { display:block; }
	
}

