@charset "utf-8";
/* CSS Document */
BODY {font:Arial, Helvetica, sans-serif medium normal; }
a {font:Verdana, Geneva, sans-serif medium normal; }

DIV {
padding:0;
margin:0;
}
H1  { font-weight: bold;font-size: 16px; font-family:Arial, Helvetica, sans-serif; }
H2, H3 { font-weight: bold;font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
H1, H2, H3 {margin: 10px 0px 0px 0px;}
.align-center { text-align:center;}
.indent {padding-left: 20px;}

#main_table{
	background-image: url(../../images/yellow-backgound2.jpg);
	background-repeat: repeat;
	width: 1024px;
}

	#outter_container {
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../../images/yellow-backgound2.jpg);
		background-repeat: repeat;
		width: 100%;
		text-align: center;
		margin: auto;
	}
	
		#inner_container {
			width: 972px;
			text-align: center;
			margin: auto;	
		}
			#banner {
				background-image: url(../../images/Red-DBlue-LBlue-spring.jpg);
				background-repeat: no-repeat;
				background-position: center top;
				position: relative;
				height: 239px;
				width: auto;
				clear:both;
				margin: 0;
				padding:0;
			}
				/*#search-container {
					top:160px; --- moved this to typo3 setup - IE is different the others for positioning
					width:970px;
					height:50px;
				}*/
					#search-container{
						width: 350px;
						height:35px;
						float:right;
						position:relative;
						top:5px;
						right:5px;
						display:inline;
					}					
						#search-text{
							color:#fff;
							font-weight:700;
							font-size:16px;
							float:right;
							width:35px;
							float:right;
							margin-right:20px;
						}
						#search {
							float:right;
							width:150px;
							height:35px;
							color:#000000;
							position:relative
						}
				#cityof {
					/*top:90px;*/
					background-image: url(../../images/HCC-Logo.jpg);
					background-repeat: no-repeat;
					background-position: center top;
					left:-30px;
					top:5px;
					/*margin:75px 0 0 15px;*/
					width: 300px;
					height:70px;
					position:relative;
					float:left;
				}	
				#weather {
					top:145px;
					left:-265px;
					/*margin:75px 0 0 15px;*/
					width: 150px;
					height:70px;
					position:relative;
					float:left;				
				}
					.weather-fonts {
						font-size: 13px;
						font-weight: bold;
						color:#fff;
					}				
			/*	#seal {
					top:-25px;
					left:-25px;
					background-image: url(../../images/tower2.gif);
					background-repeat: no-repeat;
					background-position: center top;
					width: 130px;
					height:130px;
					position:relative;
					float:left;	
					clear:left;
					z-index:200;
				}*/
				#nav_container {
					position: absolute;
					top: 207px;
					left:187px;
					padding: 0 0 10px 0;
					float:left;
					width:790px;
					text-align: center;
					margin-bottom: 0;
				}
					#nav {
					width:780px;
					}
			/* Start of content area */
			#content, right_container{
				/*clear: both;*/
				overflow:hidden;
				margin: 0;
				padding:0;
				text-align:left;			
			}		
				/* Start of left content area */
				#left_container {
					background-image: url(../../images/R-B-B-stripe.jpg);
					background-repeat: repeat-y;
					background-position: left top;
					float: left;
					width: 183px;
					overflow:hidden;
					color:#FFFFFF;
					/*padding-right: 5px;
					margin-right:18px;*/
					padding-top: 10px;
					/* Add next two lines to make column and column background full lenth of the page*/
					margin-bottom: -2500px; 
					padding-bottom: 2500px;

				}			
					.left_content {	overflow:hidden;}
					.left_content a { color:#CCCCCC;}
					.left_content a:hover {	color:#FFFF00;}
				/* End of left content area */
				#top_container{
				width: 780px;
				clear: both;
				margin-left:185px;
				padding-bottom:5px;
			}		
				.top_content{
					padding-left:5px;
				}
			#mr_content{
				width:780px;
				margin-left:185px;
			}
				/* Start of main content area */
				#main_container {
					width: 340px;
					float: left;
					padding: 0 10px 0 10px;
				}
				
					.main_content{
						overflow:hidden;
					}
				/* End of main content area */
				
				/* Start of right content area */
				#right_container {
					width: 340px;
					float: right;
					clear:right;
					padding: 0 0 10px 0;
					margin:0;
				}		
				.right_content{
					overflow:hidden;
				
				}	
					/*.right_top {
						height: 30px;
						background-image:url(../../images/R-B-B-right-top.gif);
						background-repeat: no-repeat;
						padding:0;
						margin:0;
					}*/
					/*.right_content {
						background-image:url(../../images/R-B-B-right-background.gif);
						background-repeat:repeat-y;				
						overflow:auto;
						text-align:left;
						vertical-align:top;
						padding:10px 15px 10px 15px;
						margin:-8px 0;
						font: 12px arial, helvetica, sans-serif normal;
						color:#EEE;
					}
						.right_content a{
							color:#660000;
						}
						.right_content a:hover{
							color:#CCCC33;
						}
						.right_content H1, .right_content H2, .right_content H3 {margin: -10px 0px 0px 0px;}*/	
					/*.right_bottom {
						background-image:url(../../images/R-B-B-right-bottom.gif);
						background-repeat: no-repeat;
						height: 38px;
						vertical-align:top;
						padding:0;
						margin:0;
					}*/
					/* End of right content area */
				/* End of content area */
				
				/* Start of footer area */
				/*.footer {
					margin:0;
					padding: 0;
					height:35px;
					width: 973px;
					clear: both;
					background-Color:#572531;
					background-repeat: repeat;
					float:left;	

				}
					.footer ul {list-style: none;}
					.footer a {
						text-decoration:none;
						display:inline;
						list-style: none;
						float:left;
						width: 9em;
						height:25px;
						text-transform: uppercase;
						font-weight:700;
						color:#FFF;
						margin-top:-10px;
					}
						.footer a:hover{
							color: #202E51;
							background-color:#CCC;
						}*/
					.footer {
						height:50px;
						margin:0;
						padding: 10px 0 0 0;
						width: 973px;
						clear: both;
						background-Color:#572531;
						color:#FFFFFF;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						font-weight:600;
					}
					.footer a{
						color:#FFFFFF;
						text-decoration:none;
						margin-top:-10px;
					}
					.footer a:hover {
						text-decoration:underline;
					}
					
					/* End of footer area */