@charset "UTF-8";
/* CSS Document */


body {
 margin:auto;
  top:0px;
  font-family:'Open Sans', Verdana, Helvetica, sans-serif;
  font-size:14px;
}


#Page {
	float:left;
	width:100%;
	max-width:1600px;
	margin:auto;	
	margin-top:15px;
	margin-bottom:15px;
	background-color:#fff;
	background-color: #fff;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: -6px 2px 11px 1px rgba(0,0,0,0.63);
-moz-box-shadow: -6px 2px 11px 1px rgba(0,0,0,0.63);
box-shadow: -6px 2px 11px 1px rgba(0,0,0,0.63);
}
#PageTopper {
	height:10px;
	background-color:#f3ad69;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ad69), to(#f18d54));
 background-image: -webkit-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -moz-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -ms-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -o-linear-gradient(top, #f3ad69, #f18d54);
 background-image: linear-gradient(to bottom, #f3ad69, #f18d54);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3ad69, endColorstr=#f18d54);
  -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
	border-bottom:1px solid #f18d54;
	  -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}
#Header {
	background-image:url(../images/headerbckgd.jpg);
	background-repeat: no-repeat;
background-position:left top;
background-clip: border-box;
background-origin: padding-box;
background-size: auto 100%;
	height:125px;
	position: relative;
	
}
#HeaderText {
	display: none;
	
}
.Fayette {
	font-family:'Crimson Text', serif;
	font-size:2.5em;
	/*line-height:1.5em;*/
	color:#999;
	padding-left:6%;
	letter-spacing:1px;
	display:inline-block;
	line-height:1em;
	
	
}
.where {
	font-size:2em;
	color:#999;
	font-family: 'Italianno', cursive;
	padding-left:18%;
	line-height:1.5em;
	display:inline-block;
}
#QuickButtons {
	position: absolute; bottom:0px;
	width:100%;
	text-align:right;
	right:0px;
	padding-right:10px;
	clear:left;
	border-bottom:1px solid #f18d54;

}

.show_menu a:hover {
/*	color:#f00;
	text-decoration:underline;*/
}


/*Form Styling */
form.styled {font-size:18px; color:#888;}
form.styled #form_message{color:#888; font-style: italic;}
form.styled label{ display: inline-block; background-color:#FFF; margin-top:-27px; padding:4px 8px; color:#748a80; font-size: 14px;}
form.styled input[type="text"],
form.styled input[type="number"],
form.styled input[type="phone"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }
form.styled textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
form.styled .radio label{display: inline-block; margin-right:12px;}
form.styled input[type="radio"]{margin-right:12px;}
form.styled input[type="date"],
form.styled input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #999; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
form.styled fieldset{border:1px solid #748a80; margin:32px 0px;}

form.styled select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999;}
form.styled  input[type="submit"]{padding:8px 24px 8px 24px; font-size: 18px; background-color:#FFF; border:1px solid #999; border-radius: 3px;  cursor: pointer; }


form.styled input[type="text"].invalid,
form.styled input[type="number"].invalid,
form.styled input[type="phone"].invalid,
form.styled input[type="date"].invalid,
form.styled input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

/*Form Styling*/


/*department header and background images--______________________________________________-----------*/
#Department {
	height:105px;
	font-family:'Crimson Text', serif;
	font-variant:small-caps;
	font-size:2.8em;
	line-height:1em;
	letter-spacing:1px;
	text-align:center;
	padding-top:30px;
	padding-left:65px;
	color:#777;
	border-bottom:1px solid #3f9eb8;
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: cover;
}
#Department img {
	width:150px;
}

.water {
	background-image:url(../images/2015/departmentheaders/water.jpg);

	
}
.planning {
	background-image:url(../images/2015/departmentheaders/planning.jpg);
	

}
.courts {
	background-image:url(../images/2015/departmentheaders/courts.jpg);
	

}
.general {
	background-image:url(../images/2015/departmentheaders/general.jpg);
	

}
.general2 {
	background-image:url(../images/2015/departmentheaders/general2.jpg);
	

}
.general3 {
	background-image:url(../images/2015/departmentheaders/general3.jpg);
	

}
.general4 {
	background-image:url(../images/2015/departmentheaders/general4.jpg);
	

}
.general5 {
	background-image:url(../images/2015/departmentheaders/general5.jpg);
	

}
.general6 {
	background-image:url(../images/2015/departmentheaders/general6.jpg);
	

}
.administration {
	background-image:url(../images/2015/departmentheaders/administration.jpg);
	

}
.e911 {
	background-image: url(../images/2015/departmentheaders/e911.jpg);	

}
.animal {
	background-image: url(../images/2015/departmentheaders/animal.jpg);	

}
.assessor {
	background-image: url(../images/2015/departmentheaders/assessor.jpg);	

}
.build {
	background-image: url(../images/2015/departmentheaders/building.jpg);	

}
.elections {
	background-image: url(../images/2015/departmentheaders/elections.jpg);	

}
.engineering{
	background-image: url(../images/2015/departmentheaders/engineering.jpg);	

}

.envmanage{
	background-image: url(../images/2015/departmentheaders/envmanage.jpg);	

}
.fireems{
	background-image: url(../images/2015/departmentheaders/fireems.jpg);	

}
.humanresources{
	background-image: url(../images/2015/departmentheaders/humanresources.jpg);	

}
.itech{
	background-image: url(../images/2015/departmentheaders/it.jpg);	

}
.parks{
	background-image: url(../images/2015/departmentheaders/parks.jpg);	

}
.library{
	background-image: url(../images/2015/departmentheaders/library.jpg);	

}
.flags{
	background-image: url(../images/2015/departmentheaders/flags.jpg);	

}
.road{
	background-image: url(../images/2015/departmentheaders/road.jpg);	

}
/*Content______________________________________________-----------*/
#Content {
    min-height: 1200px;/*changed from 930px to accommodate rec menu*/
    min-height:  !important;
}
#backlinks {
	padding-right:8px;
	font-size:.8em;
	border-bottom: dashed 1px #ccc;
	margin-top:4px;
	margin-bottom:8px;
	
	
	}
#IntMenu {
	float:left;
	width:28.5%;
	max-width:350px;
	border:1px solid #f18d54;
	background-color:#fafafa;
	padding:30px 0px 35px 14px;
	font-size:.85em;
	margin:15px;
	margin-left:2%;
	margin-right:2%;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#IntMenu ul {
	list-style:none;
	margin-left:-30px;
	line-height:1.7em;
}
#IntMenu .dhome {
	font-size:1em;
	font-weight:600;

}
#IntMenu .linksbox{
	background-color:rgba(189,225,229,.7);
	border:1px solid #ccc;
	padding:10px;
	margin-right:12px;
	margin-bottom:5px;
	font-weight:600;
	text-align:center;
}
#IntMenu .linksbox .outsidelink {
	font-weight:300;
	font-size:.9em;
	font-style:italic;
}
#Content.twocolumns .first{
	display:none;
	
}
#IntMenu .linkdiv {
	font-size:1.1em;
	color:rgba(32,129,164,1.00);
}
a.linkscol:link {

	color: #666666;
	text-decoration: none;

	
}
a.linkscol:visited {

	color: #999999;
	
	
}
a.linkscol:hover {

	color: #237fad;
	text-decoration:underline;
	
	
}
a.linkscol:active {

	color: #e4960f;
	
}
#Main {
	float:left;
	width:66.5%;
	padding:15px;
}
#Main h1 {
	font-family:'Crimson Text',serif;
	font-size:2em;
	text-align:center;
	font-variant:small-caps;
	font-weight:300;
	padding:20px 0px 15px 0px;
	color:#0c84a6;
}
#MainFull {
	float:left;
	width:100%;
	padding:15px 30px;
}
#MainFull h1 {
	font-family:'Crimson Text',serif;
	font-size:2em;
	text-align:center;
	font-variant:small-caps;
	font-weight:300;
	padding:20px 0px;
	color:#0c84a6;
}
.show_menu a:hover {
	/*color:#f00;
	text-decorartion:underline;*/
}

figure img{width:100%; height: auto;}
figcaption{font-size: 0.8em; font-style: italic; text-align: center;}
figure.aside{float:left; width:38%; margin:0px 24px 24px 0px;}
figure.aside.right{float:right; margin:0px 0px 24px 24px;}
figure.aside.large{width:58%}
.public-notice{background-color:rgba(136,202,222,.4); border:1px solid #f18d54; padding:0px 24px 24px 24px; width:100%; max-width: 600px; margin:24px auto; text-align: left;}
.public-notice h5{ color:#da5a11;}
.nallc-widget-carousel{margin:24px auto;}


.elections-maps{}
.elections-maps figure{display: inline-block; vertical-align: top; width:48%; margin:0px 2% 2% 0px; text-align: center;}
.elections-maps figure img{max-width: 100%;}
.elections-maps figure h3{margin-bottom: 8px;}

/*.....................................................nav menu colors*/
.orangetop {
	background-color:#f3ad69;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ad69), to(#f18d54));
 background-image: -webkit-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -moz-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -ms-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -o-linear-gradient(top, #f3ad69, #f18d54);
 background-image: linear-gradient(to bottom, #f3ad69, #f18d54);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3ad69, endColorstr=#f18d54);
	/*background-color:#f18d54;*/
	-webkit-border-top-left-radius: 8px;
-moz-border-top-left-radius: 8px;
border-top-left-radius: 8px;
}
#nav #toggle li .toggle-nav{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	color:#FFF;
	
	font-size:0.8em;
	line-height:0.8em;
	
}
.toggle-nav hr{
	margin-top:3px;
	margin-bottom:0px;
	height:3px;
	color:#FFF;
	background-color:#FFF;
	border:none;
	
}
.orangebottom {
	background-color:#f1a254;

}

.bluetop {
	background-color:#8acee1;
}
.bluemid {
	background-color:#3f9eb8;
}
#NavAddress {
	color:#a6e0f0;
	line-height:1.3em;
	font-size:.9em;
	padding:105px 0px 25px 25px;
	-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottom-left: 8px;
border-bottom-left-radius: 8px;
}





#Footer {
	color:#333;
	bottom:10px;
	text-align:center;
	padding:15px;
	font-size:.8em;
	border-top:1px solid #ddd;
	/*border-bottom:4px solid #3f9eb8;*/
	background-color: #f6f6f6; 
 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ad69), to(#f18d54));
 background-image: -webkit-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -moz-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -ms-linear-gradient(top, #f3ad69, #f18d54);
 background-image: -o-linear-gradient(top, #f3ad69, #f18d54);
 background-image: linear-gradient(to bottom, #f3ad69, #f18d54);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f3ad69, endColorstr=#f18d54);*/
	width:100%;
	max-width:1600px;
	margin-top:40px;
	-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottom-right: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottom-left: 8px;
border-bottom-left-radius: 8px;*
}


#nav {
	/*display:none;*/
}


.asterisk{
	font-size:.85em;
	
}
.smaller {
	/*font-size:.9em;*/
}
.redtext {
	color:rgba(218,77,34,1.00);
	
}
.emptext {
	/*color: #326780;
	font-size:1.1em;*/
}
.empbox {
	background-color:rgba(189,225,229,.7);
	border:1px solid #ccc;
	padding:15px;
}
.redbox{
    border:12px solid rgba(218,77,34,1.00);
	padding:15px;
}

.press-release{
    padding-top:14%; background-image: url(../images/press-release-header.png); background-size: 100% auto; background-position: center top; background-repeat: no-repeat;
}
.press-release h4{text-align: center;}
.empbox .four {
	width:30%;
	margin:1.5%;
	border:1px solid #ccc;
	padding:1%;
}
.hrstyle {
	height:1px;
	min-height:1px;
	min-height:!important;
	background-color:#ddd;
	width:100%;
	margin-bottom:15px;
	margin-top:15px;
}


.indent {
	margin-left:3%;
}
#Logo img {
	border:none;
}

#backtotop {

width:80px;
height:50px;
padding-top:20px;
font-size:.85em;
font-weight:100;
font-variant:small-caps;	
position: fixed;
right: 28%;
left: auto;
bottom: 0px;
background-color: rgba(249, 197, 17, 0.45);
border-top: 4px solid #429498;
border-right: 4px solid #429498;
border-left: 4px solid #429498;
-webkit-border-top-right-radius: 60px; 
-webkit-border-top-left-radius: 60px;
	-moz-border-top-left-radius: 60px;
	-moz-border-top-right-radius: 60px;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
text-align:center;
}
.wide{
	list-style:none;
	line-height:2em;
}
.wider{
	list-style:none;
	line-height:3em;
}
.noicon {
	list-style:none;
}
.button_style a{
	color:#444;
	margin-left:3px;
	font-size:.75em;
	text-transform:uppercase;
	padding: .5em 1.1em;
	border:1px solid #ddd; 		
	-webkit-border-top-left-radius: 3px; 
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px; 
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	text-decoration:none; display:inline-block;
 background-color: #dbc795; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e4e4));
 background-image: -webkit-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -moz-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -ms-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -o-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: linear-gradient(to bottom, #fefefe, #e5e4e4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fefefe, endColorstr=#e5e4e4);

}
.button_style a:hover {
	color:#000;
	 	background-color: #fbe5a3; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe5a3), to(#fea904));
 background-image: -webkit-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -moz-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -ms-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -o-linear-gradient(top, #fbe5a3, #fea904);
 background-image: linear-gradient(to bottom, #fbe5a3, #fea904);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fbe5a3, endColorstr=#fea904);
}
.smalllink {
	font-size:.8em;
	font-weight:300;
	font-style:italic;
	text-align:right;
	padding-right:25px;
}
.roundbutton a{
	font-size:.75em;
	font-weight:900;
	color:#444;
	margin-left:3px;
	font-size:.9em;
	font-weight:900;
	padding: 1px 7px;
	border:1px solid #ddd; 		
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration:none; 
	display:inline-block;
 background-color: #dbc795; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e4e4));
 background-image: -webkit-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -moz-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -ms-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: -o-linear-gradient(top, #fefefe, #e5e4e4);
 background-image: linear-gradient(to bottom, #fefefe, #e5e4e4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fefefe, endColorstr=#e5e4e4);

}
.roundbutton a:hover{
	color:#41AB2C;
	background-color: #fbe5a3; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe5a3), to(#fea904));
 background-image: -webkit-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -moz-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -ms-linear-gradient(top, #fbe5a3, #fea904);
 background-image: -o-linear-gradient(top, #fbe5a3, #fea904);
 background-image: linear-gradient(to bottom, #fbe5a3, #fea904);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fbe5a3, endColorstr=#fea904);
}
/*these are styles specific to the homepage------*/
#Slideshow img {
/*	width:100%;
	max-width:1600px;*/
	
}

	
.leadParagraph {
	padding:20px 30px;
	font-size:.9em;
}
.leadParagraph h1 {
	font-size:1.2em;
	color:#3f9eb8;
	font-weight:500;
}
.leadParagraph img {
	float:left;
	width:100%;
	max-width:55px;
	margin-right:10px;
}
.leadParagraph2 {
	padding:20px 30px;
	font-size:.9em;
}
.leadParagraph2 h1 {
	font-size:1.2em;
	color:#3f9eb8;
	font-weight:500;
}
.leadParagraph2 img {
	float:left;
	width:100%;
	max-width:100px;
	margin-right:10px;
}
#HomeLinks{
	width:33%;
	float:left;
}
#News {
	width:44%;
	float:right;
	padding:5px 15px;
	background-color:rgba(240,235,222,.4);
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#News h4{
	font-weight:300;
	color:#2b8198;
	font-size: 1.3em;
		}

#News img{display: block; width:auto; max-width: 100%;}

#PublicNotice {
	width:22%;
	float:right;
	
}
#publnotice {
	background-color: rgba(136,202,222,.4);
	border:1px solid #ccc;
	padding-left:6px;
	padding-right:3px;
	font-size:90%;
	/*margin-left: 5px;*/
	padding-bottom:15px;
	/*width:250px;*/
	

	}
#publnotice h4{
	font-weight:300;
	color:#da5a11;
	font-size: 1.3em;
		}
#HomeFooter .three{
	float:left;
	width:30%;
	font-size:.9em;
	text-align:center;
	padding:30px;
}

#HomeFooter img {
	width:100%;
	max-width:100px;
}

/*---------styles for minutes tables--------------------*/
.date {
	background-color:rgba(213,224,225,1.00);
}
.tablebckgd {
	background-color:#f6f6f6;
}
.theader {
	background-color:#eef3f5;
	font-weight:bold;
	text-align:center;
}
/*---------styles for responsive images--------------------*/
.eighthundred {
	width:100%;
	max-width:800px;
}
.sevenhundred {
	width:100%;
	max-width:700px;
}
.sixhundred {
	width:100%;
	max-width:600px;
}
.fivehundred {
	width:100%;
	max-width:500px;
}
.fourhundred {
	width:100%;
	max-width:400px;
}
.threehundred {
	width:100%;
	max-width:300px;
}
.twohundred {
	width:100%;
	max-width:200px;
}
.onehundredfifty {
	width:100%;
	max-width:150px;
}

/*----------------styles for Quick Links-----------------------*/

#MPbackground{
	z-index:999;
	
}
.MPInterior{
	min-height:0px;
	float:left;
	
}
.nav_div ul li {
    font-size: 0.9em;
    padding-bottom: 3px;
    padding-top: 0px;
    border: 0px;
}

#FeatureLink, #Docs{
	padding:10px;
	
}
#FeatureLink{
	width:57%;
	
}
#Docs{
	width:36%;
	
}
#MainLinks{
	width:96%;
	padding-top:0px;
	
}
#MainLinks .otherLinks{
	margin-top:25px;
	width:31%;
	margin-left:2%;
	float:left;
	
}
#MainLinks .clear_three{
	clear:left;
	
}
.phone a {
	text-decoration:none;
}

#PCoston {
	background-image:url(../news_archives/15Jul/pcoston.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:35px;
}

table.splost{border:1px solid #333; border-collapse: collapse; margin:0px 24px 24px 24px;}
table.splost td{border:1px solid #333; padding:8px 16px;}
table.splost th{ text-align: left;padding:8px 16px; border:1px solid #333; background-color:#6f8d9a; }
table.splost tr{background-color:#f7ebd8;}
table.splost tr:nth-child(2n){background-color:#efd4a7;}
table.splost tr.subtotals{background-color:#34444b; color:#fff;}
table.splost tr.subheading{background-color:#6f8d9a;}
table.splost tr.totals{background-color:#222; color:#fff; font-weight: bold;}

table.caption{float:right; margin:0px 0px 24px 36px;}

.padded{margin-left:24px; margin-right: 24px;}


@media screen and(max-width:700px){
    .elections-maps figure{width:auto; display: block; margin:0px 2% 2%;}
}