html	{
	min-height: 100%;
	overflow-y: scroll;
	}	
* {	
	margin:0;
	padding:0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	}
img, a img, img a	{
	border: none!important;
	max-width: 100%;
	}
*:focus {
    outline: none;
	}	
.trans	{
	-ms-transition:.5s!important;
	-moz-transition:.5s!important;
	-webkit-transition:.5s!important;
	 transition:.5s!important;
	 }
a:hover	{
	transition: all .5s ease-in-out;
	 }
.display	{	/* USAGE ONLY TO SHOW GRID LAYOUT FOR DEVELOPMENT */
	min-height: 50px;
	background: #efb248!important;
}
	
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, .hiddenInfo {
	display: block;
	}

.fullContainer	{
	float: left; 
	position: relative;
	display: block;
	width: 100%; 
	text-align: center; 
	clear: both;
	margin: 0;	
	}
.clear	{
	clear: both;
	}
.clear-block	{
	clear: both;
	width: 100%;
	height: 10px;
	background: none!important;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
html[xmlns] .clearfix {
	display: block;
	}
* html .clearfix {
	height: 1%;
}

#sticky_navigation	{
	float: left;
	width: 100%; 
	position: relative; 
	z-index: 10000; 
	display: block; 
	clear: both; 
	background: #fff;
	background: rgba(255, 255, 255, .9);
	-webkit-box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, .3);
	box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, .3);
	/*  height: 51px;  */
	}
	
	
/*  THE GRIDS  */
.fullContainer:nth-child(2)	{
	background: #ebebeb;
	}
	
.noMarginLeft	{/*  FLUSH LEFT  */
	margin: 15px 3.030% 15px 0!important;
	}
.noMarginRight	{/*  FLUSH RIGHT  */
	margin: 15px 0 15px 3.030%!important;
	}

.grid .gridFull.nobg	{
	background: none!important;
	}
.grid .gridFullNo	{
	float: left;
	margin: 0 1.515%;
	width: 96.9696%;
	}
.grid .gridFull.no	{
	float: left;
	margin: 0 1.515%;
	width: 96.9696%;
	}
.expand	{
	margin: 0 -1.515%!important;
	width: 103.03%!important;
	}
.fullImg .gridThird	{
	padding: 0;
}	
table	{
	width: 100%;
}
table.bordered	{
	border: 1px solid #b6d2dd;
	font-size: 16px;
}
table.bordered tr.striped	{
	background: #e4eef2;
}
table td .gridSixth	{
	float: left;
	position: relative;
	margin: 15px 1.515%;
	width: 13.6363%!important;
	}
table td .gridThird	{
	float: left;
	position: relative;
	margin:  15px  1.515%;
	width: 30.3030%!important;
	}
table td  .gridTwoThird	{
	float: left;
	position: relative;
	margin:  15px 1.515%;
	width: 63.6363%;
	}
table td .fa	{
	color: #007932!important;
	font-size: 18px;
}
.gridThird.generalInfo	{
	line-height: 16px;
	}	
	
	
	
/*  STD GRIDS  */	
.grid {
	max-width: 990px;
	position: relative;
	margin: 0 auto;
	display: block;
	text-align: left;
	clear: both;
	}
.grid .gridFull	{
	float: left;
	margin: 15px 1.515%;
	width: 96.9696%;
	}
.grid .gridSixth	{
	float: left;
	position: relative;
	margin: 15px 1.515%;
	width: 13.6363%;
	}
.grid .gridFiveSixth	{
	float: left;
	position: relative;
	margin: 15px 1.515%;
	width: 80.3015%;
	}
	
.grid .gridThird	{
	float: left;
	position: relative;
	margin:  15px  1.515%;
	width: 30.3030%;
	}
.grid .gridHalf	{
	float: left;
	position: relative;
	margin:  15px  1.515%;
	width: 46.9696%;
	}	
.grid .gridFourth	{
	float: left;
	position: relative;
	margin:  15px 1.515%;
	width: 21.9191%;
	}	
.grid .gridThreeFourth	{
	float: left;
	position: relative;
	margin:  15px 1.515%;
	width: 71.9191%;
	}	
.grid .gridTwoThird	{
	float: left;
	position: relative;
	margin:  15px 1.515%;
	width: 63.6363%;
	}
.panelContent .gridHalf	{
	float: left;
	position: relative;
	margin:  0  2% 10px 2%;
	width: 46%;
	}
.gridFull.no, .gridThird.no	{
	background: none!important;
	}
	
.point-of-interest	{
	background: url(../images/points-of-interest.jpg) no-repeat;
	height: 620px;	
	font-size: 17px;
	}
.point-of-interest a	{
	/*  color: #fff;  */
	border-bottom: 1px dotted #db711b;
	text-shadow: 1px 1px 1px #333;
	}

	
	
	
	
.point-of-interest .gridFull	{
	color: #fff!important;	
	}
.fullContainer.subContent .gridFull.no	{
	background: none!important;
	}
	
	
	
	
	
.quote	{
	padding: 15px;
	border-left: 4px solid #b00;
	background: #f0f0f0;
	}
.nobg	{
	background: none!important;
	}
.notb	{
	margin: 0 1.515%;
	}
.nobottom	{
	margin: 15px 1.515% 0 1.515%!important;
	}	
.notop	{
	margin: 0 1.515% 15px 1.515%!important;
	}
	
.extrabottom	{
	margin-bottom: 30px!important;
	}	
.extratop	{
	margin-top: 30px!important;
	}
	
	
.grid.hasBorder .gridFourth	{
	border-left: 1px solid #ccc;
	padding: 0 1.515%;
	margin: 25px 0;
	width: 25%;	
	}
.grid.hasBorder .gridFourth:first-child	{
	border-left: 1px solid transparent;
	}	

/* FOR IPAD */
@media only screen 
and ( min-width: 768px ) 
and ( max-width: 1023px )	{
	
.grid	{
	width: 100%!important;
	position: relative;
	} 	
}



/* FOR MOBILE */
@media only screen
and ( min-width: 0px ) 
and ( max-width: 767px )	{
	
#sticky_navigation	{
	background: transparent;
	height: auto;
	}
nav.main ul.dropdown {
	top: 5px; 
	left: 0; 
	}
nav.main ul.dropdown li{
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	height: auto!important;
	text-align: left;
	width: 100%!important; 
	left: 0;
	padding: 0!important; 
	}
nav.main ul.dropdown li a{
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	height: auto!important;
	text-align: left;
	width: 100%!important; 
	left: 0;
	padding: 10px 15px!important; 
	}	
nav.main ul.dropdown ul {
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	width: 100%!important; 
	position: relative;
	top: 0; 
	left: 0; 
	}
nav.main ul.dropdown ul li {
	float: none;
	display: block;
	width: 100%!important; 
	position: relative; 
	}
	
	
}

@media only screen 
and (min-device-width : 567px) 
and (max-device-width : 767px)  { 


}


/*  @media only screen and (max-width: 767px) and (orientation: portrait) {
   portrait phones
}  */


.fullContainer.alerts	{
	background: #efb248;
	position: relative;
	z-index: 10000;	
	color: #251F19!important
	}
.fullContainer.alerts a	{
	color: #660000!important;
	font-weight: 600;
	display: block;
	margin-bottom: -10px;
	font-size: 15px;
	}
.fullContainer.alerts a:hover	{
	color: #DC0000!important
	}
.fullContainer.alerts .gridTwoThird	{
	border-right: 1px solid #755210;
	margin-right: 0;
	padding-right: 1.515%;
	}
.fullContainer.alerts .fa	{
	color: #DC0000!important
	}

.fullContainer.utility	{
	background: #025c7e;
	color: #fff;
	position: relative;
	z-index: 10000;
	}
.fullContainer.utility .grid	{
	max-width: 960px!important;
	}
	
	
	
.fullContainer.utility a	{
	color: #fff;
	}
.fullContainer.header	{
	background: #fff;
	background: rgba(255,255,255,.8);
	height: 80px;
	z-index: 9999;
	}
.fullContainer.header .grid	{
	text-align: center;
	}
.fullContainer.bodyParts.first	{
	/*  position: relative;
	top: -52px;
	margin-bottom: -52px!important;   */
	position: relative;
	top: -136px;
	margin-bottom: -136px!important;
	z-index: 2;
}
.fullContainer.bodyParts.first.sub	{
	height: 375px;
	}
.fullContainer.bodyParts.first.sub h1	{
	color: #fff;
	color: rgba(255,255,255,.9);
	font-weight: bold;
	font-size: 43px;
	text-shadow: 1px 2px 5px rgba(0,0,0,.5);
	}
.fullContainer.bodyParts.first.sub .grid	{
	margin-top: 140px;
	}	
.fullContainer.bodyParts.first.sub.atc	{
	background: url(../images/main-about-the-county.jpg) no-repeat;
	background-size: 100% auto;
	}
.fullContainer.bodyParts.first.sub.ao	{
	background: url(../images/main-assessors-office.jpg) no-repeat;
	background-size: 100% auto;
	}
.fullContainer.bodyParts.first.sub.cu	{
	background: url(../images/bg1.jpg) no-repeat;
	background-size: 100% auto;
	}
.fullContainer.bodyParts.first.sub.boc	{
	background: url(../images/bg2.jpg) no-repeat;
	background-size: 100% auto;
	}
.fullContainer.subContent	{
	position: relative;
	z-index: 3;
	margin-top: -80px!important;
	margin-bottom: -15px;
	}
.fullContainer.subContent .socialPage	{
	position: absolute;
	z-index: 4;
	top: -15px!important;
	right: 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
	}
.fullContainer.subContent .socialPage a	{
	color: #fff;
	font-size: 20px;
	text-decoration: none!important;
	}
.fullContainer.subContent .gridFull	{
	background-color: #fff;
 	}	
.fullContainer .breadcrumb	{
	max-width: 960px;
	color: #fff;
	text-align: right;
	text-shadow: 1px 1px 1px #333;
	font-size: 12px;
	}
.fullContainer .breadcrumb a	{
	color: #fff;
	opacity: .85;
	text-align: right;
	}
	
	
	
	
	
	
		
	
.fullContainer.footer	{
	background: #2e282a;
	color: #fff;
	border-top: 5px solid #231f20;
}
.fullContainer.footer a	{
	color: #d4d6d6;
}
.fullContainer.footer a:hover	{
	color: #fff;
}
.fullContainer.copyright	{
	background: #231f20;
	color: #d4d6d6;
	font-size: 13px;
}
.fullContainer.copyright a	{
	color: #d4d6d6;
}
.fullContainer.copyright a:hover	{
	color: #fff;
}

.fullContainer.copyright a.fa	{
	font-size: 21px;
	margin-left: 5px;
}