/*===================================================================================
									LAYOUT
=====================================================================================*/
* {
	margin: 0; 
	padding:0; 
}

body{
	margin: 0 auto; 
	min-width: 800px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #e9ecdf;
}

a img{
	border: none;}

a:link, 
a:visited, 
a:active{
	color: #039;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	color: #000;
	}

br{clear: left;}

p{
	font-size: 1em;
	padding: 5px 0;
}

h1{
	font-size: 1.325em;
	padding: 5px 0;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	}
	
h2{
	font-size: 1.1em;
	padding: 3px 0;
	margin: 0;
	}
	
h3{
	font-size: 1.1em;
	padding: 3px 0;
}
	
h4{	
	font-size: 1.0em;
	padding: 3px 0;
}
	
h5{
	font-size: .9em;
	padding: 3px 0;
}
	
h6{
	font-size: .85em; 
	padding: 3px 0;
}

/*===================================================================================
									MAST HEAD
=====================================================================================*/
#mast{
	margin: 0;
	width: 100%; 
	padding: 0;
	float: left;
	height: 107px;
	background: url(../img/header/Header_02.jpg) no-repeat;
}

#mast #seal{
	text-align: center;
	width: 13%;
	float: left;
	padding: 7px 0;
	border-right: 1px solid #e6d9ae;
}

#mast #title{
	margin: 0 auto;
	width: 100%;
	display: inline;
}
		
#mast #headImg{
	float: left;
	margin: 0;
	padding: 0;
}

/*===================================================================================
									CHANNELS
=====================================================================================*/
/*----Channel Tabs----*/
#channels{
	float: right;
	width: auto;
	background: none;
	font-size: .9em;
	line-height: normal;
	height: 14px;
	margin-top: -1.5%;
}

#channels .activeTab{
	display: block;
	margin: -7px 0 0 0;
	font-size: 1.5em;
	padding: 0 5px;
	letter-spacing: 1px;
	font-style: normal;
	font-weight: normal;
}

#channels ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#channels li {
	float: left;
	margin: 0;
	padding: 0 5px;
	position: relative;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: 700;
}

#channels li.gov {
	background: url(../img/tabs/gov_L.gif) no-repeat left top;
		}
#channels li.business {
	background: url(../img/tabs/bus_L.gif) no-repeat left top;
		}		
#channels li.living {
	background: url(../img/tabs/liv_L.gif) no-repeat left top;
		}
#channels li.visit {
	background: url(../img/tabs/vis_L.gif) no-repeat left top;
		}				

#channels li a {
	display: block;
	margin: 0;
	padding: 1px 9px 1px 6px;
}

#channels li a:hover{
	text-decoration: none;
}

#channels li.gov a:hover{
	color: #e8e8e8;	
}
#channels li.business a:hover{
	color: #e8e8e8;	
}
#channels li.visit a:hover{
	color: #e8e8e8;	
}
#channels li.living a:hover{
	color: #e8e8e8;	
}

#channels li.gov a{
	background: url(../img/tabs/gov_R.gif) no-repeat right top;
	color: #fff;
}

#channels li.business a {
	background: url(../img/tabs/bus_R.gif) no-repeat right top;
	color: #fff;
}

#channels li.visit a {
	background: url(../img/tabs/vis_R.gif) no-repeat right top;
	color: #fff;
}

#channels li.living a {
	background: url(../img/tabs/liv_R.gif) no-repeat right top;
	color: #fff;
}

/*===================================================================================
									TOP NAVIGATION
=====================================================================================*/
#topNavBody {
	background-color: #fefefe;
	padding: 0;
	margin: 0;
	font-size: .85em;
}

#quickLinks {
	float: left;
	padding: 5px 0;
	margin: auto;
	width: 13%;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	background: url(../img/helpful_Vis.jpg) repeat-x top center;
	border-right: 1px solid #e6d9ae;
	background-color: #fefefe;
	color: #AD8800;
	letter-spacing: 0px;
}

#topNavBody #quickLinks p {
	padding: 0 0 0 0.5%;
	margin: 0;
	color: #AD8800;
}

#topNav	{
	background-color: #f8f9f4;
	color:#000;
	float: left;
	width: 86.9%;
	margin: 0;
	font-size: .85em;
	letter-spacing: 1px;
/*	clear:both;
*/}

 #topNav ul { 
	float: right;
	padding: 0; 
	margin: 0; 
	list-style: none; 
	color: #000;
}

#topNav li{
	float: left;  
	width: auto;
	margin: 0;
	padding: 4px 0;
	background: url(../img/ArrowDown.gif) 3px center no-repeat;
    color: #000;
}

#topNav li a{
	color: #000;
}

#topNav div.left{
	width: 13.5%;
	display: inline;
	padding: 3px;
	float: left;
}

#topNav a{
	display: block;
	width: auto; 
	text-decoration: none;
	padding: 0; 
	margin: 2px 15px; 
	color: #000;
	}

#topNav ul li ul{
	position: absolute; 
	width: auto;
	left: -999em;
	margin-top: 6px;
	padding: 0px 2px 2px 2px;
	background-color: #f8f9f4;
	color: #000;
	border-bottom:#000 solid 1px;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
}

#topNav li ul li{
	float: none;
	border-right: none;
	background-image: none;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	color: #000;
}

#topNav li ul li a, 
#topNav li ul li a:hover{
	color: #000;
	padding: 0;
	margin: 2px;
}

#topNav li ul li a:hover{
	text-decoration: underline;
}

#topNav ul li ul a:hover{
	text-decoration: underline;

}

#topNav li ul li:hover {
	background-image: none;
	width: auto;
}	

#topNav li:hover , 
#topNav li.sfhover  {
	position: static;
}

#topNav li:hover ul, 
#topNav li.sfhover ul {
	left: auto;
}

	
#topNav ul li:hover ul.addLevel,
#topNav ul li.sfhover ul.addLevel{
	margin-left: 17.3em;
}

#topNav  ul.lastGovern{
	margin-left: -132px;
	text-align: right;
}

#topNav .subCat{
	padding: 3px;
	font-weight: 700;
}

.addLevel{
	border-bottom:#000000 solid 1px;
	border-right:#000000 solid 1px;
}

/*===================================================================================
									CONTENT - MAIN DIV'S
=====================================================================================*/
#container{
	margin: 0 auto 2em auto; 
	float: left;
	width: 100%;
	max-width: 1134px; 
	/*width:expression(document.body.clientWidth < 800? "800px" : "auto");*/ 
	min-width: 1000px;
	min-height: 600px;
	background-color: #fff;
	color:#000;
}

#pageContent{
	float: left;
	width: 100%;
	min-height: 48em;
	margin: 0;
	padding: 0;
	display: inline;
	background: #fff url(../img/bgGradient.jpg) repeat-x bottom center;
}

#leftContent{
	float: left; 
	width: 13%;
	min-height: 50em;
	padding: 0;
	margin: 0 ;
	display: inline;
	background: #e9ecdf;
	border-right: 1px solid #e6d9ae;
	border-bottom: 1px solid #e6d9ae;
}
	
#mainContainer{
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0;
}

#mainContent{	
	float: left; /* Added to correct unwanted inline behavior in ul's and tables */
	padding-bottom: 80px;
	width: 100%;	
	padding-left: 15px;
}

#mainContent li {
	margin: 5px 0 0 25px;
	
	padding: 0;
}

#mainContent ul{
	padding-top: 0px;
	padding-bottom: 0px; 
	list-style-type: circle;
}

#mainContent h1 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 20px;
	text-transform: uppercase;
	}
	
#mainContent h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 20px;
	text-transform: none;
	}
	
#mainContent h3,
#mainContent h4 {
	padding: 12px 0 0 0;
}
	
#mainContent p {
padding-top: 5px;
}

#pageID{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-color: #f8f9f4;
}

#pageTitles{
	float: left;
	width: 50%;
	padding-left: 20px;
}

#pageTitles h1{
	color: #545a04;	
	font-size: 2em;
	font-weight: normal;
	padding-top: 6px;
	text-transform:uppercase; 	
}

#pageTitles h2{
	font-size: 1.34em;
	font-weight: normal;
	font-style:normal;
	padding: 0 0 5px 0;
	text-transform:lowercase;
}

#pageTitles p{
	font-size: .85em;
	padding-top: 5px; 	

}

#pageImage{
	float: right;
	width: 25%;
}

#pageID #pageImage img{
	float: right;
	padding: 5px;
}

#pageID #pageImage p{
	text-align: right;
	font-size: .8em;
	padding: 5px;	
}

/*===================================================================================
									BREADCRUMBS - SEARCH - SUB NAV
=====================================================================================*/
#subNav{
	width: auto;
	height: 21px;
	background: #303A38;
	margin: 0;
	padding: 3px;
}

#breadcrumbs{
	float: left;
	margin: 0;
	padding: 0;
	width: 45%;
	color: #fff;
	display: inline;
	padding-left: 15px;
	}
	
#breadcrumbs ul{
	margin: 0; 
	padding: 0; 
	}	

#breadcrumbs li{
	display: inline;
	margin-left: 5px;
	font-size: .73em; 
	color: #fff;
	font-style: normal;
	letter-spacing: 1px;
	}
	
#breadcrumbs a{
	color: #fff;
	font-weight: normal;
	background: url(../img/crumb.gif)  101% center  no-repeat;
	padding-right: 10px;
	}

#search{
	float: right;
	margin: 0;
	padding: 0;
	width: 30%;
	text-align: right;
	background: #303A38;
	display: inline;
}

#search label{
	color: #ba9d3b;
	display: inline;
	text-align: right;
	font-variant: small-caps;
}

#search form{
	display: inline;
	padding-right: 0;
}

/*===================================================================================
									SIDE NAVIGATION
=====================================================================================*/
#sideNav{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	z-index: 1;
}

#sideNav h1{
	background: url(../img/helpful_Vis.jpg) repeat-x top center;
	font-size: .85em;
	text-transform: uppercase;	
	text-align: center;
	margin-left: -7px;
	padding-top: 4px;
	margin: 0;
	height: 12px;
	font-weight: bold;
	color: #AD8800;
}

#sideNav ul{
	margin: .5em 0;
	padding: 0;
	font-size: .8em;
	padding-left: 7px;
}

#sideNav ul ul{
	margin: 0;
	font-size: 1em;
}

#sideNav li{
	list-style: none;
	width: 100%;
}

#sideNav li a{
	display: block;
	padding: 3px 10px 3px 20px;
	width: auto;
	background-image: url(../../images/ArrowRight.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
    color: #545a04;
}

#sideNav li li a{
	background-image: url(../../images/ArrowRight.gif); 
	background-repeat: no-repeat;
	background-position: 12% 50%;
	padding-left: 25px;
	width: auto;
}

#sideNav li li li a{
	background-image: url(../../images/ArrowRight.gif); 
	background-repeat: no-repeat;
	background-position: 20% 50%;
	padding-left: 46px;
	width: auto;
}

#sideNav li a.expand, #sideNav li li a.expand{
	background-image: url(../../images/cross.gif);
}

#sideNav li a.active, #sideNav li li a.active{
	text-transform: uppercase;
	font-weight: bold;
	color: #ab892f;
}
	
/*===================================================================================
									FOOTER
=====================================================================================*/
#footer{
	float: left;
	width: 100%;
	background-color: #303a38;
	letter-spacing: 1px;
	color: #fff;
}
	
/*#footer p.siteID{
	font-weight: bold; 
	font-size: .8em; 
	margin: 0; 
	padding: 0; 
	text-align: right; 
	display: inline; 
	float: right;
}*/
					
#footer ul{
	list-style: none;
	font-size: 0.85em;
	margin: 3px;
}
	
#footer li{
	display: inline;
}

#footer a:link, 
#footer a:visited, 
#footer a:active, 
#footer a:hover{
	color: #fff;
	/*border-right: 1px solid #fff;
	padding-right: 5px;*/
}

#footer li.bus a{
	background: #545a04;
	padding: 3px 6px;
}

#footer li.gov a{
	background: #303a38;
	padding: 3px 6px;
}

#footer li.liv a{
	background: #909f63;
	padding: 3px 6px;
}

#footer li.vis a{
	background: #ad8800;
	padding: 3px 6px;
}
		
#footer a{
	color: #fff; 
	padding: 0 5px;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

/*===================================================================================
									TABLES
=====================================================================================*/
td{
	font-size: 1em; 
	padding:.5em;
	}

table.infoTable{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 20px 5px;
}

.infoTable td, .infoTable th{
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px;
}

.infoTable th{
	font-size: .8em; 
	font-weight: bold; 
	color: #000;
	background-color: #f8f9f4; 
}	

/*===================================================================================
									OTHER
=====================================================================================*/	
.altBG{ 
	background-color: #3F4B49;
}

/*-----HomeBody----*/
#tabApps p {margin-left:10px;}
	
.healthAlertHead {
	background-color: #FCC;
	color: #333;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
	height: 16px;
}
	
.healthAlertBody {
	border: thin solid #fcc;
	font-size: 10px;
	padding: 3px;
	margin-bottom: 14px;
}

.alertHead {
	background-color: #cfc;
	border: thin solid #cfc;
	color: #333;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
	height: 16px;
}

.alertBody {
	border: thin solid #cfc;
	font-size: 10px;
	padding: 3px;
	margin-bottom: 14px;
}
	
#roads{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 20px;
}
	
#roads h1{
	padding: 2px;
	margin: 0;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
	
#roads img{
	display: inline;
	float: left; 
	padding: 3px;
}
	
img.homeImg{
	float: left;
	margin: -27px 0 10px 0;
	border-top: 1px solid #e6d9ae;
	border-right: 1px solid #e6d9ae;
	border-bottom: 1px solid #e6d9ae;
}
	
.box{
	margin: 10px auto;
	text-align: center;
	padding: 5px;
	width: 80%;
	border: 1px dashed #900;
		
}

.box h1{
	padding: 3px 0;
	margin: 0;
	font-size: 1.2em;
}

.box h2{
	padding: 3px 0;
	margin: 0;
	font-size: 1.1em;
}
	
.box p{
	padding: 3px 0;
	margin: 0;
	font-size: 1em;
	
}

.tinyText{
	font-size: .85em;
}

.imgBox{
	float: right;
	width: 12em;
	display: block;
}

.imgBox img{
	border: 1px solid #566c11;
	margin: 3px;
}

.imgBox p{
	font-size: .85em;
	text-align: center;
		
}

#indexNav{
width: 70%;
margin: 0 auto;
}

#indexNav ul{
	
	list-style: none;
	padding: 0;
	margin: 0;
}
#indexNav li{
display: inline;

}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 10px;
	background-color:#fff;
}

legend {
	font-weight: bold;
	padding: 0 0.5em;
	color: #545A04;
	font-size: 1.5em;
}

select {padding:2px}

.dropcap{
	float: left;
	margin: 0 3px 0 0;
	font: normal 2.5em /0.8em Arial, Helvetica, sans-serif;
	color: #303A38;
}

.tableHeader {
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 1.0em;
	border-bottom: 1px #545a04 solid;
	color: #000;
	margin: 10px 0 10px 0;
	padding: 2px 2px 0 1px;
}

/*  alignment  */
.floatLeft{float:left}
.floatRight{float:right}
.floatNone{float:none}
.clearBoth{clear:both}
.inline{display:inline}

.textLeft{text-align:left}
.textRight{text-align:right}
.textCenter{text-align:center}
.vertTop{vertical-align:top}
.vertMiddle{vertical-align:middle}
.nowrap{white-space:nowrap}

.border{border: 1px solid #000; margin: 10px 10px; width: auto; padding:3px; float: left}
.borderDashed{border: 1px dashed #B5C294; width:auto; height:100%; padding:3px}
.borderThin{border: 1px solid #000}
.borderNone{border:none}

.colorRed{color:#900;}
.bold {font-weight: bold;}
.tinyBold{font-size: .8em; font-weight: bold;}

/* OLD */
.Line-Through {text-decoration: line-through}
.underline{border-bottom: 1px solid #330;}

/*---Error Notification---*/
.err{color: #900; font-weight: Bold;}

.msgBox {
	margin: 5px auto 15px auto;
	padding: 10px 10px 10px 65px;
	border: 1px solid #000;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	min-height: 48px;
	/*height: 48px;*/
	display:block;
	font-weight:bold
}

.alert {background-color: #ffc; background-image: url(http://template.buncombecounty.org/img/alert.gif); border-color:#fc0}
.check {background-color: #cfc; background-image: url(http://template.buncombecounty.org/img/check.gif); border-color:#090}
.error {background-color: #FFEBE8; background-image: url(http://template.buncombecounty.org/img/error.gif); border-color:#DD3C10}