@charset "utf-8";
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #c69c6d;
	margin: 0; /* zero margin, padding of body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
	color: #004466;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Courier New", Courier, monospace;
	color:#017;
}
.thrColLiqHdr #container { 
	width: 853px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom: 15px;
} 
.thrColLiqHdr #header { 
	background: #ABD8EF url(/images/wave-palm.png) no-repeat;
	background-position: 20px 0px;
	
	padding: 0 10px;  /* padding matches the left alignment of the elements in the divs that appear beneath */
	height: 122px;
} 
.thrColLiqHdr #header h2 {
	margin: 0; 
	padding: 10px 10px 0px 100px; 
	color:#009933;
	font-size:30px;
}
.thrColLiqHdr #header p {
	margin: 0; 
	padding: 0px 10px 10px 100px; /
	color:#009933;
}


.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 17%; 
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; 

}
.thrColLiqHdr #sidebar1 p {
	line-height: 16px;
	margin: 5px 10px;
}
.thrColLiqHdr #sidebar1 a {
	color:#363;
	padding:3px;
}
.thrColLiqHdr #sidebar1 a:visited {
	color:#333;
}
.thrColLiqHdr #sidebar1 a:hover {
	color:#333;
	background:#ABD8EF;
	font-weight:bold;
}
.thrColLiqHdr #sidebar2 p {
	line-height: 16px;
	margin: 5px 10px;
}
.thrColLiqHdr #sidebar2 a {
	color:#363;
	padding:3px;
}
.thrColLiqHdr #sidebar2 a:visited {
	color:#333;
}
.thrColLiqHdr #sidebar2 a:hover {
	color:#333;
	background:#ABD8EF;
	font-weight:bold;
}
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; 
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; 
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


.thrColLiqHdr #mainContent { 
	margin: 20px 21% 0 18%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	border-left:2px groove;
	padding-left:8px;
}
.thrColLiqHdr #mainContent h1 {
	font-size:24px;
}
.thrColLiqHdr #mainContent h2 {
	font-size:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.thrColLiqHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #ABD8EF;
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
	color: #009933;
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.makeWhite {
	color: #FFFFFF;
	font-size: 14px;
}
.smallertxt {
	font-size:10px;
}
.palm {
	position: relative; 
	top: -80px;
}