@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; background: url(/images/bgimages/brushed-metal-bg-header-52x130.jpg) top left repeat-x; 
	color:#000000; margin: 0; padding: 0; text-align: center; }
.twoColLiqLtHdr #container { width: 90%; min-width:950px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	border:none; text-align: left; }
.twoColLiqLtHdr #header { /* background-color:#ffffff; background:url(/images/gui/bg-header-blue.png) bottom left repeat-x; */ 
	padding: 0; margin-bottom:22px; max-width:950px; }
.twoColLiqLtHdr #header h1 { font-size:220%; margin:0; overflow:hidden; }
.twoColLiqLtHdr #header h2 { font-size:180%; margin:0; overflow:hidden; }
.twoColLiqLtHdr #header h3 { font-size:110%; margin:0; overflow:hidden; }
.twoColLiqLtHdr #header h4 { font-size:100%; margin:0; overflow:hidden; }
.twoColLiqLtHdr #header h5 { font-size:90%; margin:0; overflow:hidden; }
.twoColLiqLtHdr #header h1, .twoColLiqLtHdr #header h2 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ 
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ }

.twoColLiqLtHdr #blueBar { height:30px; padding:0; margin:0; background:url(/images/gui/bg-bar-brick.png) bottom left repeat-x; }
.twoColLiqLtHdr #sidebar1 { float: left; width:10%; min-width:200px; /* since this element is floated, a width must be given */ 
	/* background:url(/images/gui/corner-paper-gradient.png) top left no-repeat; */  
	padding: 15px 0; }

.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p { margin-left: 0px; margin-right: 0px; }

.twoColLiqLtHdr #mainContent { margin: 0px 20px 0 21%; padding:26px 18px 1% 4%; 
	color:#000000; background:url(/images/gui/corner-paper-gradient.png) top left no-repeat #fbfbfb; }
.twoColLiqLtHdr #mainContent, h1 { color:#330000; }

.twoColLiqLtHdr #hideAccordion { display:none; }

.twoColLiqLtHdr #footer { text-align:center; padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; }
.twoColLiqLtHdr #footer p { margin: 0; padding: 10px 0; }

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }


