/* DEFAULT STYLES FOR (X)HTML ELEMENTS
-------------------------------------------------------------------------------- */

/*design colors
darker orange - CC6A00
body bg - 617597
blue gradient ligher - 304A7A
dark-navy - 022359
*/

.clear {
	clear:both;
}

body {
	background-color:#617597;
}

#container {
	background-color:#304A7A;
	margin:0 auto;
	width:990px;
}

#header {
	background:#304A7A url(../images/header-bg.gif) repeat-x;
	height:102px;
	padding:0 20px;
	clear:both;
	position:relative;
}

#header .logo {
	background:transparent url(../images/carthage-logo.gif) no-repeat;
	height:97px;
	width:198px;
	float:left;
}

#header .logo h1 {
	display:none;
}

#header #weather {
	background-color:transparent;
	height:53px;
	width:180px;
	position:absolute;
	top:45px;
	right:0;
}

#flash-message {
	background-color:#EFAE68;
	margin:25px 0 0 0;
	padding:10px 10px 10px 20px;
	position:relative;
	width:97.25%;
	z-index:1000;
	}
	
	#flash-message h1 {
		font-size:18px;
		color:#ffffff;
		line-height:26px;
	}

	#flash-message p {
		margin:5px 0;
	}


a .pacesetter {
	color:#CC6A00;
	font-size:12px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	}
	
 a:hover .pacesetter {
		color:#ffffff;
	}
	


#header #weather td {
	padding:3px;
	color:#ffffff;
}

#header #weather div strong a {
	display:none;
}

	#header .subnavigation {
		float:right;
		padding-top:10px;
	}
	
		#header .subnavigation p {
			color:#ffffff;
		}
		#header .subnavigation a {
			color:#ffffff;
		}
		#header .subnavigation a:hover {
			color:#ffffff;
		}
		
		#header .subnavigation p img {
			vertical-align:-5px;
			background-color:transparent;
			cursor:pointer;
		}
		
		#header .subnavigation p a:hover img {
			background-color:#0a2a5f;
		}
		

	

#banner-nav {
	border-bottom:10px solid #CC6A00;
	position:relative;
	height:195px;
	margin:0;
	padding:0;
}
	#banner-nav #banners {
		float:left;
		width:789px;
		margin:0;
		padding:0;
		z-index:0;
	}
	#banner-nav #banners .tag {
		position:absolute;
		bottom:28px;
		left:0;
		width:300px;
		z-index:500;
		background:#ffffff;
		/* for IE */
		  filter:alpha(opacity=90);
		  /* CSS3 standard */
		  opacity:0.9;
		padding:5px 5px 5px 0;
	}
	#banner-nav #banners .tag .border {
		border-right:1px dashed #617597;
		border-left:none;
		border-top:1px dashed #617597;
		border-bottom:1px dashed #617597;
		
	}
	#banner-nav #banners .tag h1 {
		color:#CC6A00;
		font:27px Georgia, 'Times New Roman', serif;
		padding:0;
		margin:5px 0 0 25px;
	}
	#banner-nav #banners .tag p {
		color:#022359;
		font:normal 15.53px Geneva, Arial, sans-serif;
		padding:0;
		margin:0 0 5px 25px;
	}
	#banner-nav #navigation {
		float:right;
		width:201px;
	}

.button {
	background-color:#CC6A00;
	border:4px solid #ffffff;
	padding:2px 4px;
	color:#ffffff;
}

#mainContent a.button {
		background-color:#617597;
		padding:2px 60px;
		color:#ffffff;
		text-decoration:none;
		font-size:14px;
		border:none;
}

#mainContent a:hover.button {
		background-color:#CC6A00;
		color:#ffffff;
		font-size:14px;
		border:none;
}

p span.button {
	font:normal 14px Geneva, Arial, sans-serif;
	color:#ffffff;
	cursor:pointer;
	
}

p span.button a {
	text-decoration:none;
}

p span.button a:hover {
	text-decoration:none;
	background-color:transparent;
}

#contentContainer {
	background-color:#ffffff;
	padding-top:8px;
	padding-bottom:20px;
}

#mainContent {
	background-color:#FFFFFF;
	float:right;
	margin:0 10px 0 0;
	position:relative;
	width:668px;
	
}

#mainContent .business-photos img {
	padding:2px;
	border:1px solid #617597;
	margin:5px;
}

#mainContent td a:hover {
	background-color:transparent;
}

#social-shares {
	position:absolute;
	top:0;
	right:0;
	width:170px;
	z-index:100;
}

#social-shares a:hover {
	background-color:transparent;
	color:#617597 !important;
}



#business-directory #mainContent h1 {
	line-height:62px;
	margin:0 0 10px 0;
}

#business-directory #mainContent h3 {
	margin:5px 0 5px 0;
}



.back {
/*	position:absolute;
	right:-10px;
	top:40px;*/
	padding:2px 15px !important;
}

#mainContent ul {
	margin:10px 0 10px 15px;
}

#mainContent li {
	color:#617597;
	line-height:24px;
}



#mainContent img {
	padding:5px;
}

#mainContent table {
	width:80%;
}

#mainContent hr {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

#mainContent td {
	border-bottom:1px solid #cccccc;
	padding:5px 10px;
}

#mainContent #category {
	border-bottom:1px solid #cccccc;
	padding:10px 20px;
	
}

/*#mainContent #category a{
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
	padding:10px 20px;
	display:block;
}

#mainContent #category a:hover{
	background-color:#617597;
	border-bottom:1px solid #cccccc;
	display:block;
}*/
	
#sidebar {
	margin:0 708px 0 0;
	padding:0 20px;
	background-color:#ffffff;
	
}

#sidebar a {
  text-decoration: none;
}
	
	#sidebar h1 {
		padding:0;
		margin:0;
		font:34px/54px Georgia, 'Times New Roman', serif;
		color:#022359
	}

	#sidebar ul {
		margin:0 0 15px 0;
		padding:0;
	}
	
	#sidebar li {
		list-style-type:none;
		border-bottom:1px dashed #617597;
		padding:8px 0;
	}
	#sidebar li p {
		color:#cc6a00;
		margin:0;
		padding:0;
		font-size:14px;
	}
	#sidebar li p.title  {
		color:#022359;
		font-size:16px;
	}


	#sidebar .callouts-orange {
		background-color:#D98F40;
		margin:5px 0;
		text-align:center;
		padding:5px 5px 5px 8px;
	}
  #sidebar .callouts-orange a:hover {
    background-color: #D98F40;
  }

		#sidebar .callouts-orange h1 {
			font-size:30px;
			font-family: Geneva, Arial, sans-serif;
			color:#F9ECDF;
			padding:0;
			margin:0;
			line-height:34px;
		}
		#sidebar .callouts-orange h2 {
			font-size:32px;
			padding:0 0 3px 0;
			margin:0;
			font-family:Georgia, 'Times New Roman', serif;
			line-height:24px;
			color:#022359;
			
			
		}
   	#sidebar .callouts-blue {
			background-color:#022359;
      margin:5px 0;
			padding:15px 3px 3px 8px;
			/*position:relative;*/
			text-align:center;
		}
      #sidebar .callouts-blue a:hover {
        background-color: #022359;
      }
			#sidebar .callouts-blue h1 {
				font-size:44px;
				color:#617597;
				padding:0;
				margin:0;
			}
			#sidebar .callouts-blue h1 .orange {
				color:#D98F40;
			}
			#sidebar .callouts-blue h2 {
				color:#FFFFFF;
				font-size:26px;
				line-height:40px;
				margin: -15px 25px -205px 0px;
				padding:0;
        float: right;
			}
			
	#sidebar .callouts-blue2 {
		background-color:#617597;
		margin:5px 0;
		padding:5px 5px 5px 8px;
		text-align:center;
		
		}
			#sidebar .callouts-blue2 h1 {
			font-size:30px;
			color:#ffffff;
			padding:0;
			margin:0;
			font-family: Geneva, Arial, sans-serif;
			line-height:34px;
			
			}
			#sidebar .callouts-blue2 h2 {
			font-size:32px;
			padding:0;
			margin:0px 0 0 0;
			font-family:Georgia, 'Times New Roman', serif;
			line-height:36px;
			color:#022359;
			
			}
			/*
      */

#footer {
	background:transparent url(../images/footer-bg.gif) repeat-x;
	clear:both;
	position:relative;
	padding:0 0 30px 0;
}

#footer #left-content {
	float:left;
	width:350px;
}

	#footer #left-content p {
		color:#ffffff;
		font-weight:normal;
		padding:20px 0 0 20px;
		margin:0;
	}
	
	#footer a {
		color:#ffffff;
		text-decoration:underline;
	}
	#footer a:hover {
		color:#ffffff;
		text-decoration:none;
	}
	
#footer a:hover img.etccl-logo {
	background-color:transparent;
}

#footer a {
	  padding: 0;
	  text-decoration: none;
	  background-color: transparent;
}

#footer .footer-graphic {
	background:transparent url('../images/footer-graphic.gif') no-repeat right bottom;
	width:275px;
	height:164px;
	position:absolute;
	bottom:0;
	right:0;
}
#footer img.etccl-logo {
	margin:30px 0 0 15px;
}

#footer #right-content {
    margin: 0 0 0 350px;
    padding: 20px 0 0;
}




/*Misc Classes*/

.fltrt {
	float:right;
}

.fltleft {
	float:left;
}