@charset "utf-8";
/* CSS Document */

/*Content - Home -------------------------------*/

.content-home {background: #fff url('/images/home/collage-bdr-bottom.jpg') center top no-repeat; margin-top: 0px;clear:both; padding-top: 65px;}
.content-bar {background: transparent url('/images/tile-bar.png') center bottom no-repeat; padding-bottom: 20px;}
.content-home.showcase {background: none;padding-top: 20px;}


/*around the county*/
.blue-box {background-color: #43657d; width:100%; padding: 15px 0 30px 0; -webkit-box-shadow: 0 0 10px #213239; -moz-box-shadow: 0 0 10px #213239; box-shadow: 0 0 10px #213239;-webkit-border-radius: 10px;-moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; behavior: url('/style/PIE.htc');position:relative;}
.blue-box h1 {color:#FFF; letter-spacing:5px; text-align:center; background-color: #213239; width:100%; line-height: 1.7;font-family: 'Julius Sans One', sans-serif;}
.blue-box h2 {color: #b5e4f9; font-size: 22px; padding: 0 10px; margin-bottom: 8px;}
.blue-box ul.styled {list-style-image: url('/images/home/bullet-styled-home.png');line-height: 1.3;}
.blue-box ul.styled li {margin-bottom: 8px;}
.blue-box ul.styled li a {color:#fff;}
.blue-box ul.styled li a:hover {color: #ef8070;}
.blue-box ul li h2  {color: #b5e4f9; font-size: 18px; margin: 0 0 8px 0; padding: 0;}

/*Calendar*/
.calendar {padding-top: 0px; background-color: transparent; border: 0px solid #bcbbbb; text-align:center;}
.calendar iframe {text-align: center; height: 335px; width: 100%;}
.calendar h1, .featured h1 { font-size: 18px; font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;  font-weight: normal;  font-style: normal; text-align:left; padding-left: 10px;}
.subh1 {  text-transform:lowercase; font-size: 42px; font-family: "eurofurence_regular", Helvetica, Arial, sans-serif; }
.calendar {border-right: 1px solid #e5e8e3; border-left: 1px solid #e5e8e3;}
.calendar ul.styled {list-style-image: url('/images/home/bullet-styled-home.png');line-height: 1.3;text-align:left; }
.calendar ul.styled li a:hover {color: #ef8070;}



/*Department showcase*/

.show-blue, .show-green, .show-lt-blue, .show-orange { width:100%; padding: 0; margin: 5px 0; -webkit-box-shadow: 0 0 5px #808688; -moz-box-shadow: 0 0 5px #808688; box-shadow: 0 0 5px #808688;-webkit-border-radius: 10px;-moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; behavior: url('/style/PIE.htc');position:relative;}
.show-blue h1, .show-green h1, .show-lt-blue h1, .show-orange h1, .show-blue h1 a, .show-green h1 a, .show-lt-blu h1 a, .show-orange h1 a {text-transform:none;font-family: "eurofurence_regular", Helvetica, Arial, sans-serif; line-height: 1.2; padding: 10px; margin: 0px; }
.show-blue h1 a:hover, .show-green h1 a:hover, .show-lt-blue h1 a:hover, .show-orange h1 a:hover {color:#fff;}
.show-blue .container, .show-green .container, .show-lt-blue .container, .show-orange .container {height: 100%;width:100%; background-color: #fff; padding: 5px; margin-top:-2px;}
.show-blue ul.styled, .show-green ul.styled, .show-lt-blue ul.styled, .show-orange ul.styled {line-height: 1.3; margin-bottom:0px;}
.show-blue ul.styled li a, .show-green ul.styled li a, .show-lt-blue ul.styled li a, .show-orange ul.styled li a  {font-size: 13px;}
.show-blue ul.styled li a:hover, .show-green ul.styled li a:hover, .show-lt-blue ul.styled li a:hover, .show-orange ul.styled li a:hover {color: #ef8070;}


/*blue/gray Sheriff*/
.show-blue {background-color: #555e65;border: 1px solid #555e65;}
.show-blue h1,.show-blue h1 a  {color:#d3d6d9;}
.show-blue ul.styled {list-style-image: url('/images/home/bullet-styled-show-blue.png');}
.show-blue ul.styled li a {color:#6e777e;}

/*green Courts*/
.show-green {background-color: #a8d792;border: 1px solid #a8d792;}
.show-green h1,.show-green h1 a  {color:#186302;}
.show-green ul.styled {list-style-image: url('/images/home/bullet-styled-show-green.png');}
.show-green ul.styled li a {color:#3b8625;}


/*light blue Property*/
.show-lt-blue {background-color: #61B2E4;border: 1px solid #61B2E4;}
.show-lt-blue h1,.show-lt-blue h1 a  {color:#004367;}
.show-lt-blue ul.styled {list-style-image: url('/images/home/bullet-styled-show-lt-blue.png');}
.show-lt-blue ul.styled li a {color:#0e7db8;}


/*orange*/
.show-orange {background-color: #b45e52;border: 1px solid #b45e52;}
.show-orange h1,.show-orange h1 a  {color:#fff;}
.show-orange ul.styled li a {color:#b45e52;font-size: 16px;}
.show-orange ul {padding-bottom: 5px;}


/*Featured Services*/

.featured-services { line-height: 1.5; border: 0px solid #ced1d3; width:100%; font-size: 12px; margin-top: 15px;padding: 5px 3px 5px 160px; -webkit-box-shadow: 0 0 5px #a1a1a2; -moz-box-shadow: 0 0 5px #a1a1a2; box-shadow: 0 0 5px #a1a1a2;-webkit-border-radius: 10px;-moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; behavior: url('/style/PIE.htc');position:relative;}
.featured-services h1, .featured-services h1 a {text-transform:uppercase; font-size:17px; line-height: 1; padding: 2px 0; margin: 0px; color: #ce4a38;}
.featured-services h1 a:hover {color:#ef8070;}

.featured-services.vitals {background: #fff url('/images/home/vital-records.jpg') left center no-repeat;}
.featured-services.dog {background: #fff url('/images/home/dog-license.jpg') left center no-repeat;}
.featured-services.marriage {background: #fff url('/images/home/marriage.jpg') left center no-repeat;}
.featured-services.purchasing {background: #fff url('/images/home/purchasing.jpg') left center no-repeat;}
.featured-services.deeds {background: #fff url('/images/home/deed.jpg') left center no-repeat;}
.featured-services.news {background: #fff url('/images/home/news.jpg') left center no-repeat;}
.featured-services.experience {background: #fff url('/images/home/ExGR.jpg') top center no-repeat;padding: 90px 5px 5px 5px;text-align: center;background-size: 100%;}
.featured-services.right {background: #fff url('/images/home/RightPlace.jpg') top center no-repeat;padding: 90px 5px 5px 5px;text-align: center;background-size: 100%;}

@media only screen and (max-width: 885px) {.show-blue img, .show-green img, .show-lt-blue img, .show-orange img {display:none;} .calendar, .calendar h1, .calendar iframe {padding-left: 10px;} }
@media only screen and (max-width: 950px) {.featured-services.vitals,.featured-services.dog,.featured-services.marriage,.featured-services.purchasing, .featured-services.news,  .featured-services.right,  .featured-services.experience {background:none; padding:10px;}}

/*Home Page Collage - Slide Show----------------*/
div#mosaicWrapper{
	display: block;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
} 

div#mosaicColumn{
	float: left;
	margin: 0px;
	padding: 0px;
}

.webtecsSlideShow {
	z-index: 100; 

	background-color: #fff; 
	position: relative; 
	top: 0px; 
	line-height: 0px;
	padding: 0px;
	margin: 3px;
	border: 0px solid #FFF;
}

.slideDisplayImage{
	z-index: 101;
	vertical-align:bottom; /* removes spacing at bottom of image for IE */
	border: 0px;
	line-height: 0px;
	top: 0px;
	left: 0px;
	display: none;
}



.webtecsSlideShowImgText{
	z-index: 102; 
	position: absolute; 
	font-family: "eurofurence_regular", Helvetica, Arial, sans-serif;
	display: none; 
	left: 0px;
	bottom: 0px;
	height: 50px;
	width: 100%;
	line-height: 18px;
	background-color: #000;
	color: #b8dba1;
	text-transform:uppercase;
	font-size: 14px;
	padding: 5px;
	margin: 0 1px 0 0;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.webtecsSlideShowImgText strong {color: #dfbf0e; font-size: 22px;text-transform:none;  font-weight: normal;  font-style: normal; }


.oneSlide {width:20.63628546861565%}
.twoSlide {width:18.486672398968185%}
.threeSlide {width:14.617368873602752%}
.fourSlide {width:21.496130696474637%}
.fiveSlide {width:24.75%}

@media only screen and (max-width: 767px) {.row.mosaicWrapper {display:none;}}

@media only screen and (max-width: 950px) {
    table.avtable-inner td {padding:5px;}
    table.avtable-inner {width: auto;}
}