@charset "utf-8";
body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	background-color: #F8F5e4;

	padding-top: 0px;
	padding-right: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;
	padding-left: 0px;


}


.thrColLiqHdr #container {

	width: 100%; /* the auto margins (in conjunction with a width) center the page */

	border: none;

	text-align: left; /* this overrides the text-align: center on the body element. */

	margin-top: 0px;

	margin-bottom: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #000;

	background-color: #FFF;

	margin-right: 0px;
	margin-left: 0px;

	height: auto;

	overflow: hidden;

}


.thrColLiqHdr #header {

	background-color: #72A8E6;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-left: 0px;
	margin-right: 0px;
}


.thrColLiqHdr #header h1 {

	margin: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	font-family: "Times New Roman", Times, serif;

	font-size: xx-large;

	font-style: italic;

	color: #FFF;

	text-align: left;

	white-space: normal;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}



/* CSS Drop Down Menus */



.here {

	background: white !important;

	border-bottom: 2px solid white !important;

	color: black !important;

	height: 29px;

}


.here:hover {

	border-bottom: 1px dotted #ccc !important;

	font-style: italic;

}


.thrColLiqHdr #container #header #nav {
	padding: 0px;

	margin: 0px;

	list-style: none;

	background-color: #369;

	height: 35px;

}


.thrColLiqHdr #container #header #nav ul {

	padding: 0px;

	margin: 0px;

	list-style: none;

	background-color: #369;

	height: 35px;

}


.thrColLiqHdr #container #header #nav li {

	width: 90px;

}

 .thrColLiqHdr #container #header #nav li ul {

	width: 90px;

}


.thrColLiqHdr #container #header #nav a {

	display: block;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 4px;

	width: 85px;

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

	z-index: 99;

	visibility: visible;

}



.thrColLiqHdr #container #header #nav a:hover {

	font-weight: bold;

	color: #000;

	text-decoration: none;

	background-color: #CCC;

	z-index: 100;

	width: 85px;

}


.thrColLiqHdr #container #header #nav li {

	float: left;

	background-color: #369;

	border-left-width: thin;

	border-left-style: groove;

	border-top-color: #CCC;

	border-left-color: #CCC;

	height: 35px;

	width: 90px;

	border-right-width: thin;

	border-right-style: groove;

	border-right-color: #CCC;

}


.thrColLiqHdr #container #header #nav li ul {

	position: absolute;

	left: -999em;

	background-color: #369;

	width: 90px;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-top-color: #CCC;

	z-index: 100;

	visibility: visible;

}

.thrColLiqHdr #container #header #nav li:hover ul {

	left: auto;

}


.thrColLiqHdr #container #header div #nav li ul li {

	border-top-width: thin;

	border-top-style: solid;
	border-top-color: #CCC;

}


.thrColLiqHdr #container #header div #nav #links {

	width: ;

}



/* How do I menu*/



.thrColLiqHdr #container #header #nav2 {

	padding: 0px;

	margin: 0px;

	list-style:none;

	float:right;

}

.thrColLiqHdr #container #header #nav2 ul {

	padding: 0px;

	margin: 0px;

	list-style:none;

	float:right;

}


.thrColLiqHdr #container #header #nav2 a {

	width: 130px; /* integrated width for all of them */

}

.thrColLiqHdr #container #header #nav2 li {

	width: 130px; /* integrated width for all of them */

}

.thrColLiqHdr #container #header #nav2 li ul {

	width: 130px; /* integrated width for all of them */

}


.thrColLiqHdr #container #header #nav2 a {

	display: block;

	font-weight: bold;

	font-size: 12px;

	color: #000;

	text-decoration: none;

	padding-left: 4px;

}


.thrColLiqHdr #container #header #nav2 a:hover {

	font-weight: bold;

	color: #000;

	text-decoration: none;

	background-color: #CCC;

	font-size: 14px;

}


.thrColLiqHdr #container #header #nav2 li {

	float: left;

	font-weight: bold;

	color: #930;

	text-decoration: none;

	height: 35px;

}


.thrColLiqHdr #container #header #nav2 li ul {

	position: absolute;

	left: -999em;

	background-color: #72A8E6;

}


.thrColLiqHdr #container #header #nav2 li:hover ul {

	left: auto;

}


.thrColLiqHdr #container #header #nav2 li ul li {

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-top-color: #CC;

	font-size: 14px;

	color: #FF0;

}


.thrColLiqHdr #container #header #nav2 li a#howdoitop {

	color: #FF0;

	font-size: 16px;

}



/* End How do I menu */



.thrColLiqHdr #container #hours h2 {

	color: #369;

}


.thrColLiqHdr #footer p {

	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.thrColLiqHdr #container #spotlight {
	background-color: #FFFFFF;
	float: left;
	height: 200px;
	width: 60%;
	padding-left: 5px;
	position: static;
	border: thin solid #FFFFFF;
	margin-bottom: 1%;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 1px;
}
.thrColLiqHdr #container #hours {
	background-color: #FFF;
	float: left;
	height: 200px;
	width: 35%;
	border: thin solid #FFFFFF;
	font-size: 10px;
	padding-left: 5px;
	margin-bottom: 1%;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
}



/* 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: 0px;

   	font-size: 1px;

    	line-height: 0px;

}

.thrColLiqHdr #container #header h3 {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	padding-left: 5px;

	padding-top: 0px;

}


.thrColLiqHdr #container #header tr {

	color: #FFF;

}
.thrColLiqHdr #container #header h4 {

	text-align: right;

}


.thrColLiqHdr #container #mainContent {

	width: 32.5%;

	margin-bottom: 4px;

	margin-left: 0.5%;

	margin-right: 0.25%;
	padding-top: 1px;
	float: left;

}


.thrColLiqHdr #container #thirdContent {
	width: 32.5%;
	margin-bottom: 4px;
	margin-right: 0.5%;
	margin-left: 0.25%;
	padding-top: 1px;
	float: left;
}
.thrColLiqHdr #container #thirdContent #about {
	background-color: #930;
	top: 378px;
	padding: 1px;
	border-right-color: #930;
	border-left-color: #930;
}

.thrColLiqHdr #container #thirdContent #about h2 {

	padding-left: 4px;

	color: #FFF;

}


.thrColLiqHdr #container #thirdContent p {

	padding-left: 6px;

}



.thrColLiqHdr #container #mainContent #services h2 {

	padding-left: 4px;

	color: #FFF;

}

.thrColLiqHdr #container #mainContent p {

	padding-left: 6px;
}


.thrColLiqHdr #container #hours p {

	padding-left: 4px;

}

.thrColLiqHdr #container #secondaryContent {
	width: 32.25%;
	border-right-color: #F4B800;
	border-left-color: #F4B800;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	margin-bottom: 4px;
	margin-left: 0.25%;
	margin-right: 0.25%;
	float: left;
}

.thrColLiqHdr #container #secondaryContent p {
	padding-left: 6px;
}

.thrColLiqHdr #container #mainContent #services {

	background-color: #930;

	top: 378px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #930;

	border-left-color: #930;

	padding: 1px;

	padding-bottom: 1px;

}

.thrColLiqHdr #container #secondaryContent #calendar {

	background-color: #F4B800;

	top: 378px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #F4B800;

	border-left-color: #F4B800;

	padding: 1px;
	text-align: left;

}

.thrColLiqHdr #container #secondaryContent #calendar h2 {

	color: #FFF;

}


.thrColLiqHdr #footer {

	width: 95%;

	margin-right: auto;

	margin-top: 3px;

	margin-left: 0px;

	font-size: 9px;

	padding-left: 4px;

}


.thrColLiqHdr #container #alerts {

	width: 98%;

	font-size: medium;

	font-weight: bold;

	color: #900;

	float: left;

	position: relative;

	margin-left: 1%;

}


.thrColLiqHdr #container #spotlight h2 {

	color: #369;

}

.thrColLiqHdr #container div #sidebar {

	width: 15%;

	float: left;

	position: absolute;

	z-index: 0;

	height: 100%;
	list-style-type: none;

	font-weight: bold;

	color: #369;

	text-decoration: none;

}

.thrColLiqHdr #container div #sidebar a {

	font-weight: bold;

	color: #339;

	text-decoration: none;

	padding-top: 2px;

	padding-right: 4px;

	padding-left: 4px;

}

.thrColLiqHdr #container #main {

	background-color: #C9DEF5;

}



.thrColLiqHdr #container div #sidebar p a:hover {

	font-weight: bold;

	color: #369;

	text-decoration: none;

	background-color: #FFF;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

}

.thrColLiqHdr #container #main #page_content h3 img {

	float: left;

}


.thrColLiqHdr #container div #page_content {

	width: 82%;

	float: right;

	height: 100%;

	background-color: #FFF;

	z-index: 50;

}


.thrColLiqHdr #container div #page_content h3 {

	padding-right: 4px;

	padding-left: 4px;

	font-size: large;

}


.thrColLiqHdr #container div #page_content #content_header {

	background-color: #959500;

	padding-top: 14px;

	z-index: 50;

}


.thrColLiqHdr #container div #sidebar #sidebar_header {
	background-color: #F4B800;

	padding-top: 14px;

	z-index: 10;

}

.thrColLiqHdr #container div #sidebar p {

	padding-right: 4px;

	padding-left: 4px;

}

.thrColLiqHdr #container div #page_content p {

	padding-right: 4px;

	padding-left: 70px;

	font-size: 14px;

}

.thrColLiqHdr #container #main #title {

	font-size: 2px;

	font-style: italic;

	font-family: "Times New Roman", Times, serif;

	font-weight: bold;

	background-color: #FFF;

	padding-left: 30%;

}

.thrColLiqHdr #container #main #page_content h1 {

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	padding-top: 0px;

	padding-right: 4px;

	padding-bottom: 0px;

	padding-left: 6px;

	font-size: xx-large;

	font-variant: normal;

	text-decoration: underline;

	font-weight: bold;

}

.thrColLiqHdr #container #main #page_content hr {

	background-color: #930;

	height: 4px;

	width: 80%;

	margin-right: 10%;

	margin-left: 10%;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-bottom: 1%;

}

.thrColLiqHdr #container #main #page_content h4 {

	padding-right: 6px;

	padding-left: 6px;

	font-size: medium;

	text-decoration: none;

}

.thrColLiqHdr #container #main #page_content h5 {

	font-size: small;

	padding-right: 6px;

	padding-left: 6px;

}

.thrColLiqHdr #container #main #page_content ul {

	padding-right: 6px;

	font-size: 14px;

}


.thrColLiqHdr #container #main #page_content #top {

	float: right;

}

.thrColLiqHdr #container #main #page_content p a strong {

	font-size: 16px;

}
.thrColLiqHdr #container #header #headhours {

	color: #FFF;

	font-size: 12px;

}

.thrColLiqHdr #container #header table {

	text-align: left;

}

.thrColLiqHdr #container #main #page_content div strong {

	text-align: center;

}