/*
General styles for two-column, fixed with header and footer - Marc	  
*/

* { padding: 0; margin: 0 auto; }

body {
 font-family: Arial, Helvetica, Tahoma, Trebuchet MS,  sans-serif;
 font-size: 12px;
 text-align: center;
 background-image:url(images_css/body_bg.jpg);
}
#wrapper { 
 text-align: left; 
 margin: 20px auto;
 padding-top: 0px;
 background-image:url(images_css/content_bg.jpg);
 width: 800px;
 overflow:auto;
}

#header {
 width: 800px;
 float: right;
 padding: 0px;
 height: 330px;
 margin: 0px 0px 0px 0px;
}

#navigation { 
 margin: 0px 0px 0px 20px;
 padding: 0 0 0 0px;
 width: 180px;
 float: left;

}

#subloop { 
 margin: 0px 0px 0px 20px;
 padding: 0 0 0 0px;
 float: left;
}

#contentshell { 
 margin: 0 auto;
 padding-top: 0px;
 background-image:url(images_css/content_bg.jpg);
 width: 800px;
}

#maincontent { 
 float: right;
 margin: 0px 20px 0px 0px;
 padding: 0 20 0 20;
 width: 530px;
/*
 background:#999999;
*/
 display:inline; 

}

#footer { 
 width: 800px;
 height: 50px;
 clear: both;
 background-image:url(images_css/footer_bg.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
}



/* image containers - set for proper alignment */

#imageleft {float: left; margin: 0; padding: 0 20px 0 0;}

.imageleft:link   
{text-decoration: none;}

.imageleft:visited       
{text-decoration: none;}

.imageleft:hover      
{text-decoration: none;}

.imageleft:visited:hover   
{text-decoration: none;}


#imageright {float: right; margin: 0; padding: 0 0 0 20px;}

.imageleft{
    margin: px 20px 5px 0px;
}

.imageright{
    margin: 5px 0px 5px 20px;
}







/* Extra division spacing */

#filler {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding-top: 300px;
}

/* Clears the tags */
.clear { clear: both; background: none; }

#clear { clear: both; background: none; }