/* =================================================
Site:           http://www.carrollcountyga.com/
Created:        08 08 2008
Last Modified:  02 20 2009 
------------------------------------------------- 
developed by casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2008
================================================= */

@import "reset.css";

html{background: #8a8575;}
body{
	background: #decfa2 img src="../../../images/site/body_bg.png" repeat-x;
	color: #47443c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

strong{font-weight: bold;}
label{font-size: 12px;}


/* IE Styles *****************************************/
/* ================================================= */
.ie-float{
	*float: left;
}


/* Common Global Styles ******************************/
/* ================================================= */
.align-left{
	float: left;
	margin: 0 15px 10px 0;
}
.paginate{
	font-size: 12px;
	padding-top: 10px;
}

/* Link Styles ***************************************/
/* ================================================= */
a{
	color: #47443c; 
	text-decoration: none;
}
	a:hover{
		color: #2574be;
		text-decoration: underline;
	}
.highlight-links a{
	color: #2574be;
}

.nav-links-p{
	background: url(../../../images/site/nav_link_bullet.png) no-repeat 8px 0px;
	line-height: 12px;
	margin-bottom: 4px;
	padding-left: 26px;
	padding-bottom: 4px;
}
	
.file-pdf{
	background: url(/images/site/icon_pdf.png) no-repeat 4px 0px;
}
.file-doc{
	background: url(/images/site/icon_word.png) no-repeat 4px 0px;
}
.file-img{
	background: url(/images/site/icon_picture.png) no-repeat 4px 0px;
}

.nav-links-padding li{
	background-position: 8px 8px;
	padding-bottom: 8px;
	padding-top: 8px;
}


/* Wrapper Styles ************************************/
/* ================================================= */
#wrapper{
	background: #fff url(/images/site/wrapper_bg.png) repeat-y;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	width: 960px;
}

/* Header Styles *************************************/
/* ================================================= */
#header{
	background: url(/images/site/header_bg.png) no-repeat;
	height: 111px;
	width: 960px;
}
	#header h1 { 
		background: url('/images/site/carroll-logo-seal.gif') no-repeat;
		float: left;
		margin: 0px 0 0 25px;
		width: 206px;
	}

		#header h1 a {
			background: url('/images/site/carroll-logo-seal.gif') 0 0 no-repeat;
			display: block;
			font-size: 1px;
			height: 66px;
			height: 0px !important;
			height /**/:66px;
			overflow:hidden;
			padding: 66px 0px 0px 0px;
			width: 306px;
		}

/* Search Link Styles ********************************/
/* ================================================= */	
	#search-links{
		color: #434039;
		float: right;
		font-size: 12px;
		margin: 8px 15px 0 0;
		width: 400px;
		*width: 405px;
	}
		#search-links span{
			float: left; 
			margin-top: 4px;
		}
			#search-links span em{
				font-style: normal;
				padding: 0 5px;
			}
		#search-links span a{
			color: #434039;
			text-decoration: none;
		}
			#search-links span a:hover{text-decoration: underline;}
		#search-links form{
			float: left;
		}
			#search-links form input{float: left;}
				#search-box{width: 155px;}
				#search-box-long{width: 300px;}
				#search-btn{margin-left: 4px;}
				
		.hiddenFields{
			display: inline;
		}


/* Main Navigation Styles ****************************/
/* ================================================= */
	ul#main-nav{
		margin:11px 0 0 15px;
		width: 930px;
	}
		ul#main-nav li{
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
		}
			ul#main-nav li a{
				background-color: #625f56;
				border-top: 4px solid #fff;
				color: #fff;
				display: block;
				padding: 6px 0 8px 0;
				text-align: center;
				text-decoration: none;
			}
				.btn-home{width: 75px;}
				.btn-services{width: 90px;}
				.btn-govt{width: 120px;}
				.btn-info{width: 175px;}
				.btn-community{width: 85px;}
				.btn-emergency{width: 125px;}
				.btn-law{width: 135px;}
				.btn-dept{width: 125px;}
				ul#main-nav li a:hover, ul#main-nav li.active a{
					border-top: 4px solid #2775bd;
				}
				

		

/* Banner Styles *************************************/
/* ================================================= */
#banner{
	margin-left: 15px;
}
	#banner h2{
		height: 1px;
		text-indent: -99999px;
	}
	
	
/* Left Navigation Styles ****************************/
/* ================================================= */
#left-sidebar{
	float: left;
	margin-left: 4px;
	width: 220px;
}
	#left-sidebar h3{
		background-color: #e5b524;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		height: 20px;
		margin-bottom: 10px;
		padding: 5px 0 0 0;
		text-indent: 20px;
		width: 220px;
	}
	
	#left-sidebar ul{
		margin: 0 13px 0 15px;
	}
	
	#left-sidebar img{
		margin: 10px 0 10px 10px;
	}
		#left-sidebar li img{
			margin: 0px;
		}
		
	#left-sidebar .nav-links li{
		background: url(/images/site/nav_link_bullet.png) no-repeat 0px 8px;
		border-bottom: 1px solid #e5b524;
		line-height: 12px;
		margin-bottom: 4px;
		padding-left: 10px;
		padding-bottom: 8px;
		padding-top: 8px;
	}
		#left-sidebar .nav-links li.drawer{
			background: url(/images/site/icon_plus.png) no-repeat 0px 5px;
			*background-position: 0 10px;
		}
		#left-sidebar .nav-links li.open{
			background: url(/images/site/icon_minus.png) no-repeat 0px 5px;
			*background-position: 0 10px;
		}
	
		#left-sidebar .nav-links li.first{border-top: 1px solid #e5b524;}
		#left-sidebar .nav-links li a{
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding-left: 10px;
		}
	
		#left-sidebar .nav-links li ul{
			margin-left: 8px;
			padding-top: 5px;
		}
			#left-sidebar .nav-links li ul li{
				background-position: 0px 0px;
				*background-position: 0px 4px;
				border-bottom: none;
				font-weight: normal;
				padding-left: 10px;
				padding-bottom: 4px;
				padding-top: 0px;
			}
				#left-sidebar .nav-links li ul li a{
					font-weight: normal;
					line-height: 16px;
					padding-left: 8px;
				}
					#left-sidebar .nav-links li ul li a.strong{
						font-weight: bold;
					}
		
		#left-sidebar .page-nav li a{
			font-size: 12px;
			font-weight: normal;
			line-height: 16px;
		}



/* Content Styles ************************************/
/* ================================================= */
#content{
	background: url(/images/site/content_bg.png) repeat-y;
	float: left;
	min-height: 540px;
	padding: 0 15px;
	width: 480px;
}
	#content h2{
		background: url(/images/site/content_title_bg.png) no-repeat;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		height: 22px;
		margin: 15px 0 10px 0;
		padding: 3px 0 0 6px;
		
	}
		#content h2 span{color: #2574be;}
		#content h2.first{margin-top: 0px;}
		
	#content h3{
		color: #47443C;
		font-size: 14px;
		font-weight: bold;
		margin: 15px 0 10px 0;
	}
		
	#content h4 a{
		color: #2574be;
		font-size: 14px;
	}
	
	#content p{
		font-size: 12px;
		line-height: 1.3em;
		padding-bottom: 10px;
	}
	
	#content a[href $='.pdf'] { 
   		background: transparent url(/images/site/icon_pdf.png) no-repeat center right;
   		padding-right: 20px;
	}
	#content table{
		font-size: 12px;
		margin-bottom: 15px;
	}
		#content td{
			padding: 5px;
		}
	
	#content img{
		border: 1px solid #999;
	}
		#content img.external-link{border: none;}
	
	
	#content li{
		color: #47443c;
		font-size: 12px;
		list-style-type: disc;
		margin: 0 0 10px 15px;
	}
	#content .bullet-list li{
		color: #2574be;
		font-size: 12px;
		list-style-type: disc;
		margin: 0 0 5px 15px;
	}
		#content .bullet-list li a{
			padding-top: 5px;
			padding-bottom: 5px;
		}
		#content .bullet-list li span{
			color: #47443c;
		}
			#content .bullet-list li span.cancelled, #content span.cancelled{
				color: red;
			}
			
	#content .community-docs p{
		padding-bottom: 0px;
	}
	
	#faq-question{width: 250px;}
	
	#content ul.archive-menu li{
		margin-bottom: 5px;
	}
		#content ul.archive-menu li ul{
			margin-top: 5px;
		}
			#content ul.archive-menu li ul li{
				margin-bottom: 3px;
			}

/* Tab Styles ****************************************/
/* ================================================= */	
.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs-hide { display: none !important; }

/* overrides for ui-tab styles */
ul.ui-tabs-nav { padding:0 0 0 8px; }
#content .ui-tabs-nav li { margin:5px 5px 0 0; list-style-type: none;}

.ui-tabs-nav li a:link,
.ui-tabs-nav li a:visited,
.ui-tabs-nav li a:hover,
.ui-tabs-nav li a:active{font-size: 16px; color: #2574BE; text-decoration: underline;}

.ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:active {color: #47443C; text-decoration: none;}

.ui-tabs-panel { padding:30px 0; font-size:12px; line-height:1.4;}
	.ui-tabs-panel a{line-height: 20px;}
	
/* Search Result Styles ******************************/
/* ================================================= */	
#content #search-results h3{
	margin-bottom: 3px;
}
	#search-results strong{
		background-color: #f9f993;
	}


/* News Styles ***************************************/
/* ================================================= */	
	#county-news li{
		list-style-type: none;
		margin: 0 0 10px 0;
		position: relative;
	}
		#county-news li h4, #county-news li p{
			padding-left: 65px;
		}
		.date{
			background: url(/images/site/date_icon.png) no-repeat top left;
			color: #fff;
			font-size: 9px;
			font-weight: bold;
			height: 54px;
			left: 0;
			position: absolute;
			padding: 9px 0 0 0;
			text-align: center;
			top: 0;
			*top: 13px; /* Fix for IE browsers */
			width: 54px;
		}
			.date span{
				color: #000;
				font-size: 26px;
				font-weight: bold;
				text-align: center;
			}
		
		#content h3.news-title{
			margin-bottom: 0px;
		}
		#content p.news-date{
			color: #999;
			padding-bottom: 0px;
		}
		#content p.news-date-article{
			color: #999;
			padding-bottom: 10px;
		}
			
	#content #section-links li{
		list-style-type: none;
		margin: 0 0 10px 0;
	}


/* Job Position Table Styles *************************/
/* ================================================= */

table#jobs {
	border-top:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-collapse:collapse;
	font-size: 12px;
	margin:1em auto;
	width:100%;
}
table#jobs td {
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	padding:.5em 1em;
	text-align: center;
}
table#jobs thead{
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
}	
	#jobs thead th {
		background:#f6f6f6;
		font-weight: bold;
		padding:.5em 1em;
		text-align:center;
	}




/* Right Sidebar Styles ******************************/
/* ================================================= */
#right-sidebar{
	float: left;
	padding: 0 10px;
	width: 200px;
}
	#right-sidebar h3{
		color: #2574be;
		font-size: 14px;
		font-weight: bold;
		margin: 15px 0 5px 0;
	}
		#right-sidebar h3.first{margin-top: 0px;}
	#right-sidebar p{
		font-size: 12px;
		padding-bottom: 10px;
	}
		#right-sidebar p.alert{
			color: #a10303;
			text-align: center;
		}
	
	#right-sidebar .nav-links-file{
		line-height: 14px;
		margin-bottom: 4px;
		padding-bottom: 4px;
	}
		#right-sidebar .nav-links-file a{
			display: block;
			padding-left: 26px;
		}
			
		
	.helpful-links li{
		background: url(/images/site/nav_link_bullet.png) no-repeat 8px 8px;
		border-bottom: 1px solid #e5b524;
		line-height: 12px;
		margin-bottom: 4px;
		padding-left: 26px;
		padding-bottom: 8px;
		padding-top: 8px;
	}
		.helpful-links li a{
			font-size: 12px;
			padding: 3px 0;
		}
		.helpful-links li a img{display: none;}
		.helpful-links a[href $='.pdf'] img{ 
   			/*background: transparent url(/images/site/icon_pdf.png) no-repeat center right; */
   			padding-left: 5px;
   			display: inline;
		}

	
	
/* Weather Styles ************************************/
/* ================================================= */	
	.weather{
		background: url(/images/site/weather_bg.png) no-repeat;
		height: 103px;
		margin-bottom: 10px;
		width: 201px;
	}
		.weather p{
			color: #3e3e4b;
			font-weight: bold;
			padding: 32px 5px 0 0;
			text-align: right;
		}
			.weather p strong{
				color: #2574be;
				font-size: 32px;
			}
				.weather p span{
					color: #8a8575;
					font-size: 11px;
				}
		.conditions{text-transform: capitalize;}
		
	#weather-full{
		margin-bottom: 10px;
	}
		#weather-fl{
			float: left;
		}
		#weather-fr{
			float: right;
			height: 100px;
			margin-bottom: 10px;
			width: 200px;
		}
			#weather-fr p{
				line-height: 24px;
				padding: 52px 5px 0 0;
			}
		#weather-details td{
			font-size: 12px;
			padding: 3px 12px 3px 0;
		}
		

/* Email Signup Form Styles **************************/
/* ================================================= */

#frmEmail label{
	font-size: 12px;
}
#frmEmail input{
	margin-bottom: 10px;
	width: 200px;
}
	#frmEmail input#btnEmailSubmit{
		width: 100px;
	}
	
	
/* Contact Form/IT Request Form Styles ***************/
/* ================================================= */

#frmContact label, #frmRequest label{
	font-size: 12px;
}
#frmContact input, #frmRequest input{
	margin-bottom: 10px;
	width: 200px;
}
#frmContact textarea, #frmRequest textarea{
	margin-bottom: 10px;
	width: 300px;
}
	#frmContact input#btnSubmit, #frmRequest input#btnSubmit{
		width: 100px;
	}


			
/* Footer Styles *************************************/
/* ================================================= */
#footer-wrapper{
	background-color: #8a8575;
	text-align: center;
}
	#footer-content{
		background: url(/images/site/footer_content_bg.png) no-repeat;
		height: 120px;
		font-size: 12px;
		margin: 0 auto;
		padding-top: 25px;
		text-align: center;
		width: 960px;
	}
		#footer-content ul{
			margin-bottom: 25px;
			text-align: center;
		}
			#footer-content li{
				display: inline;
				padding: 0 8px;
			}
				#footer-content li a{
					color: #e1d5ae;
					font-weight: bold;
				}

		#footer-content p, #footer-content p a{
			color: #625f56;
			font-size: 13px;
			text-align: center;
		}