@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/* background: url(img/Floral-Pattern-Brown.jpg); */
	background: url(img/Floral-Pattern-Brown.jpg) repeat;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#all { background: url(img/BG-grad.jpg) repeat-x; margin:0; padding:0; width:100%; }
.thrColLiqHdr #container { 
	width: 969px;  /* this will create a container 80% of the browser width */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; 
} 
.thrColLiqHdr #header {
	padding: 0px; 
	background-image: url(img/header.jpg);
	margin: 0px;
	height: 435px;
	width: 969px;
} 
.thrColLiqHdr #header h1 {margin: 0; padding: 10px 0; }


.thrColLiqHdr #navigate {
	width: 169px; 
	background: url(img/link-hdr.jpg) no-repeat top left; 
	padding: 15px 0;
	margin-left: 15px;
	margin-top: 15px;
}
#mainContent {background: #ecdca6 url(img/content-flwr.gif) left bottom no-repeat;width:680px;}
#mainContent p {padding:10px}
#mainContentHeader {margin: 0 25px 0 25px;}
.thrColLiqHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(img/ftr.png);
	height:161px;
} 
.thrColLiqHdr #footer p {margin: 0;	padding: 10px 0; }

#navigate {top: 430px; position: absolute;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate li { list-style: none; padding-left:10px; padding-top:5px; height:2em;}
/*#navigate a:hover { border:thin solid #000;}*/
#navigate li a {padding: 0.25em 1em; margin-right: 0.125em; font-weight: bold; color: #000; text-decoration:none;}
#navigate li:hover {background:url(img/treble.png) left no-repeat  #424081   ;}



/* 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 The floated element must precede the element it should be next to on the 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 its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#container table td {background:url(img/org-grad.png) repeat-x #E9A000;}

/* this is for the events page table */
#container table td table {	background: none;}
#container table td table td {	background: none;}h1 {
	font-family: Comic Sans MS, cursive;
}
h2 {
	font-family: Lucida Console, Monaco, monospace;
}