.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;
}
body{
	background-image: url(bkg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	
	
}
img{
	border:0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display:block;
	color:#003333;
	line-height: 27px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display:block;
	color:#003333;
	line-height: 27px;
}
main-font{
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
}
.lcol-hoursfont{
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.teal-18px{
	font-size:18px;
	font-weight:bold;
	color:#003333;
}
#bodycontainer {
	width: 1025px;
	background-color:#fff;
	margin:0px auto 0px auto;
	position: relative;
	padding: 0px;	
}
#headerbox{
	width:100%;
	margin: none;
	padding: none;
}
#main-content {
	width:100%;
	position: relative;
	font-size: 16px;

}
#left-column{
	float:left;
	width:135px;
	text-align:center;
}
#mid-column{
	margin-right:160px;
	margin-left:140px;
	position:relative;
	font-size: 16px;
	display: block;
	text-align: justify;
	line-height: 18px;
}
#mid-column a{
	color:#ff3333;
}
#r-linkcol {
	border: 1px solid #EE2200;
	font-size:13px;
	font-weight: bold;
	width: 125px;
	margin:0 auto;
	text-align:center;
	color:#003333;
	clear: both;
}
.redlink {
	color: #EE0022;
	font-size: 15px;
}

#r-linkcol a {
	color:#ee0022;
}

#right-column{
	float:right;
	width:150px;
}
#nav-container{
	padding-top:1px;
	z-index: 6;
	position: relative;
	text-align: left;
	width: 125px;
	float: left;
	clear: both;
	display: block;
	height: inherit;
}
#sub-section{
	position:relative;
	z-index: 1;
	font-size: 16px;
	text-align: justify;
	line-height: 18px;
}
#right-redbar{
	width:150px;
	background-color:#ee2200;
	text-align: center;
	color: #FFFFFF;
}
#right-redbar .padding{
	padding:6px;
}
}
#right-redbar .subhead{
	font-size:16px;
	font-weight:bold;
}
#right-redbar .contact {
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
}

#right-redbar .smalltext{
	font-size:10px;
}
#belownav {
	clear: both;
	position: relative;
	display: block;
	z-index:6;
}
/*** Nav bar styles***/ 

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
    width: 100%;
	table-layout: fixed;

}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 3px;
}


ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #000000;
	
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #CC0033;
	color: #ffffff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #CC0000;
	color: #ffffff;
}

ul.nav,
.nav ul{
	border: 0px solid #000000;
}

.nav a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

ul#navlist { font-family: sans-serif; }

<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin:0px;
		background-color:#FFFFFF;
		border-width:0px 0px 0px 1px;
		border-style:solid;
		border-color:#676767;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:2px 20px 4px 4px;
		background-color:#E6E6E6;
		color:#222222;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		border-width:1px 1px 1px 0px;
		border-style:solid;
		border-color:#676767;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#222222;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#222222;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		background-image:url("qmimages/arrow_19.gif");
		background-repeat:no-repeat;
		background-position:88% 55%;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#B4B4B4;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:-1px 0px 0px -1px;
		background-color:#E6E6E6;
		border-width:1px;
		border-style:solid;
		border-color:#676767;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 5px;
		color:#222222;
		font-size:11px;
		text-align:left;
		border-width:1px 0px;
		border-color:#E6E6E6;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#B4B4B4;
		color:#222222;
		border-color:#676767;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#B4B4B4;
		color:#222222;
		border-color:#676767;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url("qmimages/arrow_18.gif");
		background-position:95% 50%;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		border-color:#676767;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px;
		border-color:#999999;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#B4B4B4;
	}


</style>