/* Jello -- start copying here * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
HTML, BODY { 
	border: 0; 
	margin: 0; 
	padding: 0;
}

BODY {
	background-color: #fff;
	background: url("/images/interface/header.gif") repeat-x top left;
	font-family: "Lucida Sans Unicode",Ariel, sans-serif;
	margin: 0;
	text-align: center;
}
	
#bodydivHeader, #bodydivSubHeader, #bodydiv, #bodydivSubFooter, #bodydivFooter { 
	z-index: 2;
	width: 100%;
}

#bodydiv{
	background: #fff url("/images/interface/top_middle_canvas.jpg") repeat-x top left;
	height: 100%;
	margin-top:-2px;
}

#bodydivHeader{
	background: url("/images/interface/header.gif") repeat-x;
	height: 84px;
}

#bodydivSubHeader{
	background: url("/images/interface/subheader/subheader.gif") repeat-x;
	height: 100%;
}

#bodydivSubFooter{
	background: url("/images/interface/subfooter/subfooter_line.gif") repeat-x;
	height:231px;
	float:left;
	padding: 0 0;
}

#bodydivFooter{
	background: url("/images/interface/footer.gif") repeat-x;
	height:94px;
	float:left;
	padding: 0 0;
}
	
#sizerHeader,#sizerSubHeader,#sizer,#sizerFooter, #sizerSubFooter {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 36%;
	max-width: 212px;  /* version for IE is at the bottom of this style block */
}


#expanderHeader,#expanderSubHeader,#expander,#expanderFooter, #expanderSubFooter {
	background: white;
	margin: 0 -350px 0 -350px;
	min-width: 941px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expanderHeader, * html #expanderSubHeader, * html #expander, * html #expanderFooter, * html #expanderSubFooter { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapperHeader, #wrapperSubHeader, #wrapper, #wrapperFooter, #wrapperSubFooter  { width: 100%; } 


#wrapper{
	background:#FFFFFF url(/images/interface/top_middle_canvas.gif) repeat-x scroll left top;
}
	
	
#wrapperHeader{
	background: url("/images/interface/header.gif") repeat-x top left;
}

#wrapperSubHeader{
	background: url("/images/interface/subheader/subheader.gif") repeat-x top left;
}

#wrapperSubFooter{
	/*background: url("/images/interface/subfooter/subfooter_middle.gif") repeat-x top left;*/
}

#wrapperFooter{
	background: url("/images/interface/footer.gif") repeat-x top left;
}

/* * --- stop copying, but be sure to grab IE's max-width, just above the body-tag --- * * * * * * * * * * * * * * */

#sidebarHeader, #sidebarSubHeader, #sidebar, #sidebarFooter, #sidebarSubFooter {
	width: 20%;
	float: left;
	display: inline;
	text-align: left;
	margin-left: 6%;
	color: #686;
	font-family: "Lucida Sans Unicode",arial, sans-serif;
	font-size: .9em;
	padding-top: 24em;
	}



#footer { clear: both; padding: 0.5em 0 0.5em 0; margin: 1em 5% 1em 5%; border-top: 3px solid black; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}


* html .clearfix {height: 1%;}
.clearfix {display: block;}