@import url("css/variations/stylesheetwidget.css");
    @import url("css/bootstrap-grid-only.css");
    @import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
    @import url('https://fonts.googleapis.com/css?family=Courgette');
    /************************** NEW STYLES FOR DIV LAYOUT *****************************************/
    
    ol,
    ul {
    	list-style: inside none none!important;
    	margin-left: 5px;
    	margin-bottom: 10px;
    }
    li {
    	margin-bottom: 5px;
    }
    ul li ul {
    	margin-top: 3px;
    	margin-bottom: -10px;
    }
    .sectionlist {
    	width: 700px;
    }
    A:link {
    	color: #000faa;
    	text-decoration: underline;
    }
    A:hover {
    	color: #990000!important;
    	text-decoration: none!important;
    }
    A:active,
    A:visited {
    	color: #000faa;
    	text-decoration: underline;
    }
    h1 {
    	color: #0D397C!important;
    	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 24px !important;
    	font-weight: normal!important;
    	line-height: 28px;
    	margin-bottom: 5px !important;
    	padding-bottom: 15px;
    	padding-top: 10px;
    	text-align: center;
    }
    h2 {
    	color: #0D397C!important;
    }
    h2.tablelabel {
    	border: 1px solid #1c4e69;
    	border-bottom: 0px;
    	display: inline;
    	margin-bottom: 0 !important;
    	margin-left: 0;
    	margin: 0px!important;
    	padding: 3px;
    	padding-bottom: 3px;
    	padding-top: 2px;
    }
    .linklist {
    	margin: 10px 5px 0 10px;
    	padding: 0 5px 0 10px;
    }
    .linklist li {
    	line-height: 15px;
    	margin: 0 0 0 10px;
    	padding: 0 0 8px;
    	text-indent: -25px !important;
    }
    .small {
    	font-size: smaller;
    }
    .wrapper {
    	width: 100%;
    }
    #HeaderWrapper {
    	/*display:block;
	margin: auto!important; */
    	width: 100%;
    	background-color: #1C4E69;
    	max-width: 100%!important;
    }
    #CountyMenuDiv {
    	width: 680px!important;
    	height: 37px;
    	padding: 0px;
    	margin: 0px;
    	background: url(images/LightBlue_r5_c7.jpg);
    	float: left;
    }
    #googlesearchCell {
    	width: 292px!important;
    	display: table-cell;
    	float: right;
    	position: relative;
    	left: 0px;
    	background: url(images/LightBlue_r5_c7.jpg);
    	padding-right: 40px;
    }
    #footer1 {
    	width: 34px;
    	float: left;
    }
    #footer2 {
    	float: left;
    	background: url(images/LightBlue_r14_c6_dark.gif);
    	white-space: nowrap;
    	width: 252px;
    	float: left;
    	height: 47px;
    	padding-top: 30px;
    }
    #footer3 {
    	width: 67px;
    	float: left;
    	height: 77px;
    }
    #footer4 {
    	float: left;
    	height: 77px;
    	width: 625px;
    	background: url(images/LightBlue_r14_c15_dark.gif);
    	vertical-align: bottom;
    }
    #footer4_1 {
    	height: 22px;
    	float: none;
    	text-align: left;
    	padding-top: 10px;
    }
    #footer4_2 {
    	height: 22px;
    	width: 375px;
    	float: left;
    	padding-top: 15px;
    }
    #footer4_3 {
    	float: right;
    	height: 22px;
    	width: 250px;
    	padding-top: 15px;
    }
    #footer5 {
    	float: right;
    	width: 34px;
    	height: 77px;
    }
    .slideshow img {
    	width: 100%!important;
    	margin: 0px!important;
    }
    /************************** NEW STYLES FOR DIV LAYOUT *****************************************/
    /*.HeaderBg
{
	background: url(Images/bannerdar970.jpg) no-repeat;
}

.Headerdarkbg
{
	background-color: #1C4E69;
} */
    
    .menuContainer {
    	padding-top: 0px;
    	padding-left: 0px;
    	padding-right: 2px;
    	padding-bottom: 3px;
    }
    .headerPane {}
    .bannerpane {
    	display: table-row;
    }
    .topleftPane {
    	padding-top: 5px;
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-bottom: 3px;
    }
    .toprightPane {
    	padding-top: 5px;
    	padding-left: 7px;
    	/*only for admin page */
    	padding-right: 7px;
    	padding-bottom: 3px;
    	vertical-align: top;
    }
    .leftPane {
    	padding-top: 7px;
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-bottom: 3px;
    	width: 230px;
    	vertical-align: top;
    }
    .contentPane {
    	padding-top: 3px;
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-bottom: 3px;
    	vertical-align: top;
    }
    .rightPane {
    	padding-top: 7px;
    	padding-left: 7px;
    	padding-right: 7px;
    	padding-bottom: 3px;
    	width: 230px;
    	vertical-align: top;
    }
    .bottomPane {
    	padding-top: 10px;
    	padding-left: 10px;
    	padding-right: 10px;
    	padding-bottom: 10px;
    }
    .BottomleftPane {
    	width: 300px;
    	padding-left: 7px!important;
    	padding-right: 7px!important;
    }
    .BottomcontentPane {
    	width: 384px;
    }
    .BottomrightPane {
    	width: 300px;
    	padding-left: 7px!important;
    	padding-right: 7px!important;
    }
    @media screen and (max-width:769px) {
    	.contentPane {
    		padding: 0;
    	}
    	.BottomleftPane,
    	.BottomcontentPane,
    	.BottomrightPane {
    		width: 100%;
    	}
    }
    table.gsc-search-box {
    	/* position & size of search box on  menu  */
    	/*width: 250px!important;
	position:relative; 
	left: 70px!important;*/
    }
    /*-------- gray bread crumb --------*/
    
    .gray_top_left {
    	padding: 0px;
    	margin: 0px;
    	background: url(images/lt.png) no-repeat top left;
    	height: 18px;
    }
    .gray_top_right {
    	padding: 0px;
    	margin: 0px;
    	background: url(images/rt.png) no-repeat top right;
    	height: 18px;
    }
    .gray_bg {
    	background-color: silver;
    }
    .gray_content {
    	padding: 0px 11px 0px 11px;
    }
    .gray_bottom_left {
    	padding: 0px;
    	margin: 0px;
    	background: url(images/lb.png) no-repeat top left;
    	height: 18px;
    }
    .gray_bottom_right {
    	padding: 0px;
    	margin: 0px;
    	background: url(images/rb.png) no-repeat top right;
    	height: 18px;
    }
    A.headerlink:link {
    	color: White;
    	text-decoration: underline;
    }
    A.headerlink:visited {
    	color: White;
    	text-decoration: underline;
    }
    A.headerlink:active {
    	color: White;
    	text-decoration: underline;
    }
    .BreadcrumbLabel {
    	font-weight: bold;
    	color: #000066;
    	text-decoration: none;
    }
    .BreadcrumbBar {
    	padding-left: 7px;
    	padding-top: 12px;
    	padding-bottom: 8px;
    }
    .Breadcrumb2,
    A.Breadcrumb2:link,
    A.Breadcrumb2:visited,
    A.Breadcrumb2:active {
    	color: #003366;
    	font-weight: normal;
    	text-decoration: underline;
    }
    SPAN.Breadcrumb2 {
    	color: #595959;
    	font-weight: normal;
    	text-decoration: none;
    }
    A.Breadcrumb2:hover {
    	color: #333366;
    	font-weight: normal;
    	text-decoration: none;
    }
    .nounderline {
    	text-decoration: none;
    }
    .nounderline li {
    	text-decoration: none;
    }
    .nounderline a {
    	text-decoration: none;
    }
    .nounderline a:link {
    	text-decoration: none;
    }
    .nounderline a:visited {
    	text-decoration: none;
    }
    .nounderline a:hover {
    	text-decoration: underline!important;
    }
    .nounderline a:active {
    	text-decoration: none;
    }
    .bluebg {
    	background-color: #1C4E69;
    	padding-bottom: 3px;
    }
    /* ************* Homepage ************************ */
    /* commenting these out I think they can go away

#votebtns {
	width: 200px!important; 
	padding: 0px!important;
	padding-top: 20px!important; 
	margin-left: auto!important; 
	margin-right: auto!important;
	
}

#votebtns li{
	list-style-type:none;
	padding: 0px; 
	padding-bottom: 10px; 
	
	margin:0px;
}

#votebtns li img{
	border:1px solid #1c4e69;
	width: 90px; 
}

#votebtns li img:hover{
	border:1px solid #990000;
}

#homenews {

    padding-bottom: 30px;

}

#currcond {
    list-style-image: url("../../../../images/bluedisc_sm.gif");
    margin: 10px 5px 0px 10px;
    padding: 0px 5px 50px 10px;
    
}

#currcond li {
    color: #1c4e69;
    line-height: 15px;
    margin: 0 0 0 10px;
    padding: 0 0 8px;
    text-indent: -25px !important;
}  

********************************/
    /* this is to fix the sccinternet menu so the entire bar works as a link not just the text this is OK to delete its on default menu as well  
.SCCInternet_SubMenu a{ display:inline-block!important; width:100%!important; height:22px!important;   }
********************************************************************/
    /******************** homepage Quick Find ***************

.DnnModule-3969 {padding-top: 50px ;}
***************************/
    
    .menu {
    	padding: 7px 12px!important;
    }
    .menu-wrapper {}
    .menu-icon {
    	margin-right: 0px!important;
    }
    .menu {
    	float: left;
    	background-color: rgba(245, 245, 245, 0.34);
    	border-top: solid 4px #1c4e69;
    	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    	/*** cursor: pointer; */
    	padding: 7px 10px 7px 7px;
    	display: table;
    	text-align: center;
    	margin: 5px
    }
    .menu:hover {
    	background: #f5f5f5;
    	border-top: solid 4px #9d1416;
    }
    .menu:focus {
    	Z background: #f5f5f5;
    	border-top: solid 4px #9d1416;
    }
    .menu-icon img {
    	width: 70px;
    }
    .menu-items {
    	padding: 0px;
    	width: 106px;
    	height: 300px;
    }
    .menu-content {
    	font-family: arial, helvetica, san-serif;
    }
    .menu-info {
    	font-size: 12px;
    }
    .menu-info h2 {
    	font-size: 16px;
    	font-weight: bold;
    	margin-bottom: 12px;
    }
    .menu-info p {
    	margin: 9px;
    	text-align: center !important;
    }
    .menu-info a,
    .menu-info a:link,
    .menu-info a:visited,
    .menu-info div {
    	font-size: 13px;
    	display: block;
    	margin-bottom: 10px;
    	line-height: 16px;
    	text-decoration: none;
    }
    .menu-info a:hover,
    .menu-info a:active {
    	text-decoration: underline;
    }
    .BreadcrumbBar {
    	padding-bottom: 8px;
    	padding-left: 10px;
    	padding-top: 12px;
    }
    .menu-icon {
    	margin-right: 10px;
    	margin-bottom: 5px;
    }
    #dnn_ctr4879_dnnVISIBILITY_imgVisibility {
    	width: 12px;
    }
    /* responsive video */
    
    .video-container {
    	position: relative;
    	padding-bottom: 390px;
    	padding-top: 0px;
    	height: 0;
    	overflow: hidden;
    }
    .video-container iframe,
    .video-container object,
    .video-container embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    /*** elections information container title ********************/
    
    #dnn_ctr4879_dnnTITLE_titleLabel {
    	font-size: 14px!important;
    }
    .headers {
    	padding-left: 10px;
    }
    .ul a,
    .ul a:link,
    .ul a:visited {
    	text-decoration: none;
    }
    .ul a:hover,
    .ul a:active {
    	text-decoration: underline;
    }
    /************** district map image homepage  & BOS **************************/
    
    #dnn_SaviMenu2_TitleRow {
    	display: none;
    }
    .VerticalMenu,
    #dnn_SaviMenu2_tblVerticalMenu {
    	width: 196px!important;
    }
    #dnn_SaviMenu2_ctl15_ctl .root {
    	/************* override for specific site ************/
    	padding-right: 5px!important;
    	line-height: 16px!important;
    	/******* key to menu lines correct height!!  ********/
    }
    .nonelist li {
    	list-style-type: none;
    	font-weight: bold;
    }
    /************************* new custom search (this is from the skin.css file on the test server) *********************/
    
    .gsc-input-box {
    	height: auto !important
    }
    .cse .gsc-control-cse,
    .gsc-control-cse {
    	background-color: transparent!important;
    	border: none !important;
    }
    .gsc-search-button {
    	position: relative;
    	top: 1px !important;
    }
    input.gsc-search-button {
    	background-color: #2e6e90 !important;
    	border: none !important;
    	width: 13px !important;
    	height: 13px !important;
    	padding: 10px !important;
    	position: relative!important;
    	top: 3px!important;
    }
    #googlesearchCell {
    	background: rgba(0, 0, 0, 0) url("images/LightBlue_r5_c7.jpg") repeat scroll 0 0;
    	display: table-cell;
    	float: right;
    	left: 0;
    	/*padding-left: 40px;*/
    	position: relative;
    	width: 292px !important;
    }
    table.gsc-search-box {
    	/* position & size of search box on  menu  */
    	position: relative;
    	top: -16px !important;
    	/*added to postion google search*/
    }
    .gsc-search-box-tools .gsc-search-box .gsc-input {
    	padding-right: 12px;
    	/*    padding-top: 6px !important;*/
    }
    .mobile-search {
    	background-color: #14394d;
    	-webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
    	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
    	display: none;
    	height: 50px;
    }
    #electionslinks {
    	width: 95%;
    }
    /** ********/
    
    .DnnModule-7661 a,
    .DnnModule-7661 a:link,
    .DnnModule-7661 a:visited {
    	text-decoration: none;
    	font-weight: bold;
    }
    .DnnModule-7661 a:hover,
    .DnnModule-7661 a:active {
    	text-decoration: underline!important;
    }
    .DnnModule-7783 a,
    .DnnModule-7783 a:link,
    .DnnModule-7783 a:visited {
    	text-decoration: none;
    	font-weight: bold;
    }
    .DnnModule-7783 a:hover,
    .DnnModule-7783 a:active {
    	text-decoration: underline!important;
    }
    @media only screen and (max-width: 769px) {
    	.menu-wrapper {
    		width: 100%;
    	}
    	.menu {
    		width: 95%!important;
    		padding: 0;
    		margin: 0;
    		border: 1px solid #cccccc;
    	}
    	.menu-icon {
    		float: left;
    		margin-left: 10px;
    		padding-right: 10px;
    		margin-bottom: 60px;
    	}
    	.icon-2 {
    		margin-bottom: 100px !important;
    	}
    	.menu-items {
    		width: auto;
    		height: auto;
    	}
    	.menu-info p {
    		margin-right: 10px;
    		overflow: hidden;
    	}
    	.menu-icon img {
    		margin-left: 5px;
    	}
    	h2.tablelabel {
    		font-size: 12px!important;
    		line-height: 12px!important;
    		border: 0px;
    		display: block;
    		margin-left: 10px !important;
    		text-indent: -15px !important;
    	}
    }
    /*Emergency Status Style*/
    
    .center-status {
    	max-width: 450px;
    	margin: 0 auto;
    	text-align: center;
    	border: 1px solid rgba(0, 0, 0, 0.28);
    }
    .center-status h4 {
    	font-size: 1em;
    	margin: 0;
    }
    .center-status .status-title {
    	background-color: #778877;
    	color: white;
    	padding: 5px;
    }
    .center-status .status {
    	color: #00923E;
    	font-size: 2em;
    	padding: 5px;
    }
    /*CSS for ASSESSOR'S SITE*/
    
    #qlinks * {
    	font: bold 13px arial!important;
    	padding: 0px;
    	margin: 0px;
    }
    #qlinks {
    	/*position:absolute;*/
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	background-color: #D6D6D6 !important;
    	z-index: 18!important;
    	border: 2px solid #AAAAAA !important;
    }
    #qlinks a,
    #qlinks a:link,
    #qlinks a:active,
    #qlinks a:visited {
    	display: inline-block!important;
    	padding-top: 3px!important;
    	padding-bottom: 3px!important;
    	color: #1C4E69;
    }
    #qlinks a:hover {
    	background-color: #1c4e69;
    	color: #C8E6F1;
    	text-decoration: none!important;
    }
    #qlinks ul {}
    #qlinks ul li {
    	list-style-type: none!important;
    	display: inline!important;
    }
    #qlinks ul li a,
    #qlinks ul li a:link,
    #qlinks ul li a:active,
    #qlinks ul li a:visited {
    	width: 200px!important;
    }
    #qlinks ul li ul li {
    	list-style-type: none!important;
    	display: inline!important;
    }
    #qlinks ul li ul li a {
    	font: bold 12px arial!important;
    	padding-left: 2px;
    }
    #qlinks ul li ul,
    #qlinks:hover ul li ul,
    #qlinks:hover ul li:hover ul li ul {
    	display: none;
    	list-style-type: none;
    	background-color: #d6d6d6!important;
    	border: 2px solid #aaaaaa !important;
    	color: #1C4E69 !important;
    	cursor: pointer;
    	width: 250px !important;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #qlinks ul li ul li ul li a {}
    #qlinks:hover ul,
    #qlinks:hover ul li:hover ul,
    #qlinks:hover ul li:hover ul li:hover ul {
    	display: block;
    	/*padding:0px!important;*/
    }
    #qlinks:hover ul li:hover ul {
    	position: absolute!important;
    	left: 240px!important;
    	margin-top: -20px;
    	/*left: 0px; 
	margin-left: 240px!important;
	margin-top: -40px;
	*/
    }
    #qlinks:hover ul li:hover ul li:hover ul {}
    #apnhome {
    	text-align: center;
    	background-color: #E6EFF9;
    	padding: 5px 7px;
    	border: 1px solid #1C4E69;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #relinfo * {
    	font: bold 13px arial!important;
    	padding: 0px;
    	margin: 0px;
    }
    #relinfo {
    	background-color: #D6D6D6 !important;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	border: 2px solid #AAAAAA !important;
    }
    #relinfo a,
    #relinfo a:link,
    #relinfo a:active,
    #relinfo a:visited {
    	display: inline-block!important;
    	padding-top: 3px!important;
    	padding-bottom: 3px!important;
    	color: #1C4E69;
    }
    #relinfo a:hover {
    	background-color: #1c4e69;
    	color: #C8E6F1;
    	text-decoration: none!important;
    }
    #relinfo ul {
    	margin: 0px;
    	position: relative;
    }
    #relinfo ul li {
    	list-style-type: none!important;
    	display: inline!important;
    }
    #relinfo ul li a,
    #relinfo ul li a:link,
    #relinfo ul li a:visited,
    #relinfo ul li a:hover,
    #relinfo ul li a:active {
    	width: 200px!important;
    }
    #relinfo ul li ul li {
    	list-style-type: none!important;
    	display: inline!important;
    }
    #relinfo ul li ul li a {
    	font: bold 12px arial!important;
    	padding-left: 2px;
    }
    #relinfo ul li ul,
    #relinfo:hover ul li ul,
    #relinfo:hover ul li:hover ul li ul {
    	display: none;
    	list-style-type: none;
    	background-color: #d6d6d6!important;
    	border: 2px solid #aaaaaa !important;
    	color: #1C4E69 !important;
    	cursor: pointer;
    	width: 250px !important;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #relinfo ul li ul li ul li a {}
    #relinfo:hover ul,
    #relinfo:hover ul li:hover ul,
    #relinfo:hover ul li:hover ul li:hover ul {
    	display: block;
    	/*padding:0px!important;*/
    }
    #relinfo:hover ul li:hover ul {
    	/*position: absolute!important;
	left: 240px!important;*/
    	margin-top: -20px;
    	/*left: 0px; 
	margin-left: 240px!important;
	margin-top: -40px;
	*/
    }
    #relinfo:hover ul li:hover ul li:hover ul {}
    #assessormsg {
    	width: 480px;
    }
    #assessormsg p {
    	text-align: justify;
    	padding: 0px;
    	margin: 0px;
    	font-size: 14px;
    	line-height: 20px;
    }
    #assessormsg a {
    	font-size: 14px;
    }
    #assessormsg hr {
    	color: #333333;
    	border-color: #666666;
    }
    #saldaviapic {
    	margin-left: auto;
    	margin-right: auto;
    	width: 200px;
    }
    #newinfo {
    	border: 1px solid black;
    	padding: 5px;
    	line-height: 16px!important;
    }
    #assessorcontent {
    	line-height: 16px!important;
    }
    .bigbluelink {
    	font-size: 16px!important;
    }
    #homefooter {
    	margin-left: auto;
    	margin-right: auto;
    	width: 800px;
    }
    .smallboldredtext {
    	color: #990000;
    	font-weight: bold;
    	font-size: 11px;
    	line-height: 11px;
    }
    /*Drop Down PDF's*/
    
    .DnnModule-2873 {
    	margin: 0px;
    	margin-left: -10px;
    	margin-right: -10px;
    	padding: 0px;
    	border: 0px solid black;
    	height: 26px;
    	width: 280px;
    	position: relative;
    	top: -40px;
    	left: 2px;
    }
    /*Drop Down Brochures*/
    
    .DnnModule-2872 {
    	margin: 0px;
    	margin-left: -10px;
    	margin-right: -10px;
    	padding: 0px;
    	border: 0px solid black;
    	height: 26px;
    	width: 280px;
    	position: relative;
    	top: -20px;
    	left: 2px;
    }
    .LinksDesignTable select {
    	/* this is for both dropdowns on homepage */
    	font-size: 12px!important;
    	width: 260px!important;
    	padding: 3px 0px;
    	font-family: Verdana, Tahoma, Times new Roman, Arial, Helvetica, sans-serif!important;
    }
    .redithead {
    	color: #990000;
    	font-style: italic;
    	font-weight: bold;
    	font-size: 13px;
    }
    /*Mobile For Accessor's*/
    /****** SCC menu when it appears on page as list**********/
    
    .contentPane #sccMenu {
    	background: transparent;
    	border: none;
    	width: auto!important;
    }
    .contentPane #sccMenu ul {
    	/* centers list on page because of width set in sccmenu.css *******/
    	margin: 0px auto 10px auto!important;
    }
    .contentPane #sccMenu ul li {
    	display: list-item;
    	list-style-type: disc!important;
    	list-style: disc outside none!important;
    }

        .contentPane #sccMenu ul li ul li {
            display: list-item;
            list-style-type: circle !important;
            list-style: circle outside none !important;
        }
    /************* this is to override width soecific for TTC site menus ***************/
    
    .contentPane #sccMenu ul,
    .contentPane #sccMenu ul li {
    	width: 460px!important;
    }
    .contentPane #sccMenu a,
    .contentPane #sccMenu a:link,
    .contentPane #sccMenu a:visited,
    .contentPane #sccMenu a:active {
    	text-decoration: none!important;
    	font: bold 16px arial!important;
    	color: #0D397C;
    }
    .contentPane #sccMenu a:hover {
    	text-decoration: underline!important;
    	color: #990000!important;
    }
    /* extrabit neede here to override */
    
    .contentPane #sccMenu ul li a:hover {
    	background-color: transparent !important;
    	color: #990000!important;
    }
    /******END SCC menu when it appears on page as list**********/
    
    @media screen and (max-width:769px) {
    	#qlinks {
    		width: 200px;
    		margin: 0 auto;
    	}
    	#apnhome {
    		width: 200px;
    		margin: 0 auto;
    	}
    	#relinfo {
    		width: 200px;
    		margin: 0 auto;
    	}
    	#assessormsg {
    		width: 100%;
    	}
    	#homefooter {
    		width: 100%;
    	}
    	#saldaviapic {
    		display: none;
    	}
    	.DnnModule-2873 {
    		top: -15px;
    		left: 10px;
    		margin: 0 auto;
    	}
    	/*Order of Panes When Mobile*/
    	.flex {
    		display: -webkit-box!important;
    		display: -ms-flexbox!important;
    		display: flex!important;
    		-webkit-box-orient: vertical!important;
    		-webkit-box-direction: normal!important;
    		-ms-flex-direction: column!important;
    		flex-direction: column!important;
    	}
    	.flex-1 {
    		-webkit-box-ordinal-group: 3!important;
    		-ms-flex-order: 2!important;
    		order: 2!important;
    	}
    	.flex-2 {
    		-webkit-box-ordinal-group: 2!important;
    		-ms-flex-order: 1!important;
    		order: 1!important;
    	}
    	.flex-3 {
    		-webkit-box-ordinal-group: 4!important;
    		-ms-flex-order: 3!important;
    		order: 3!important;
    	}
    	.flex-4 {
    		-webkit-box-ordinal-group: 2!important;
    		-ms-flex-order: 1!important;
    		order: 1!important;
    	}
    	.flex-5 {
    		-webkit-box-ordinal-group: 3!important;
    		-ms-flex-order: 2!important;
    		order: 2!important;
    	}
    	.flex-6 {
    		-webkit-box-ordinal-group: 4!important;
    		-ms-flex-order: 3!important;
    		order: 3!important;
    	}
    	.DNNAligncenter {
    		display: block;
    		text-align: center;
    		margin: 0 auto;
    		display: block;
    		width: 260px;
    	}
    	/*Drop Down PDF's*/
    	.DnnModule-2873,
    	.DnnModule-2872 {
    		margin: 30px;
    		width: 280px;
    		margin-left: auto;
    		margin-right: auto;
    		padding: 0px;
    		border: 0px solid black;
    		height: 26px;
    	}
    	footer .social {
    		position: absolute !important;
    		left: 0px !important;
    	}
    }
    /*Footer*/
    
    footer .social {
    	position: relative;
    }
    #dnn_ctr3293_HtmlModule_lblContent .rcdlist {
    	list-style-type: none !important;
    }
    .audaddress {
    	font-weight: bold;
    	text-align: left;
    	padding-top: 20px;
    	padding-left: 0px;
    	padding-right: 0px;
    	/*width: 220px;*/
    	font-size: 13px;
    }
    /*Home Tile Layout*/
    
    .menu-items {
    	height: 185px;
    	width: 100%;
    	margin: 10px;
    }
    .menu-item {
    	height: 100%;
    	background: #FFFFFF;
    	padding: 10px;
    	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    }
    .item-container {
    	height: 100%;
    	margin-bottom: 10px;
    }
    .pay {
    	position: relative;
    	width: 229px;
    	margin: 0 auto;
    }
    .pay p {
    	position: absolute;
    	top: 134px;
    	left: 140px;
    	font-weight: bold;
    	font-size: 16px;
    }
    .pay img {
    	display: block;
    	margin: 0 auto;
    	margin-top: 10px;
    }
    @media screen and (max-width:769px) {
    	.menu-items {
    		height: auto;
    	}
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
    	padding: 0;
    }
    /*Menu Item list home page*/
    
    .menu-item-list {
    	list-style-type: none;
    	max-width: 245px;
    }
    .menu-item-list li {
    	padding: 10px;
    	border-bottom: 1px solid rgba(37, 37, 37, 0.3);
    	position: relative;
    }
    .menu-item-list li:nth-child(even) {
    	background-color: rgba(255, 255, 255, 0.3);
    }
    .menu-item-list li p {
    	position: absolute;
    	top: 8px;
    	left: 60px;
    	width: 150px;
    }
    .menu-item-list li a {
    	font-size: 16px;
    	text-decoration: none;
    	color: #1C4E69;
    }
    .menu-item-list li a:hover {
    	text-decoration: underline !important;
    }
    .menu-item-list .fa {
    	font-size: 40px !important;
    	margin-right: 10px;
    	padding-right: 10px;
    	border-right: 1px solid rgba(37, 37, 37, 0.1);
    }
    .menu-item-list .fa-plus {
    	color: green;
    }
    .menu-item-list .fa-file-pdf-o {
    	color: #DE4B41;
    }
    #cbttotlist {
    	max-width: 100%;
    	margin-top: 70px;
    }
    #cbttotlist img {
    	border-right: 0px!important;
    }
    html > body UL LI {
    	list-style-type: none !important;
    }
    html > body UL LI {
    	margin: 0 !important;
    }
    @media screen and (max-width:769px) {
    	html > body UL LI {
    		margin: 0;
    	}
    }
    #dnn_ContentPane #sccMenu {
    	background: transparent;
    	border: none;
    }
    .exemptions {
    	position: relative;
    }
    ul.exemptions {}
    .exemptions .fa {}
    .exemptions-container {
    	width: 250px;
    	margin: 0 auto;
    }
    .exemptions p {
    	position: absolute;
    	top: 13px;
    	left: 30px;
    	color: white;
    	background-color: #333;
    	max-width: 200px;
    	width: 200px;
    	border-bottom-right-radius: 50px;
    	border-top-right-radius: 50px;
    	text-indent: 25px;
    	padding: 6px;
    	font-size: 16px;
    }
    .hoursIcon p {
    	position: absolute;
    	top: 12px;
    	left: -20px;
    	color: white;
    	background-color: #333;
    	max-width: 260px;
    	width: 260px;
    	border-bottom-right-radius: 50px;
    	border-top-right-radius: 50px;
    	text-indent: 10px;
    	padding: 6px;
    	font-size: 16px;
    }
	.hoursIcon .fa{left: -62px;}
    .exemptions li {
    	font-size: 15px;
    	padding: 16px;
    }
    .col-md-4 ul {
    	margin-left: 10px;
    }
    /*Tax Calendar*/
    
    .tax-calendar li {
    	padding: 10px;
    	border-bottom: 1px solid rgba(34, 34, 34, 0.3);
    }
    .tax-calendar li:nth-child(even) {
    	background-color: rgba(255, 255, 255, 0.30);
    }
    .tax-calendar li:last-child {
    	border-bottom: none;
    }
    /*Navigation Menu*/
    
    .HorizontalMenuBar {
    	background-color: #5F747F!important;
    	-webkit-box-shadow: inset 0px 4px 5px -5px #252525 !important;
    	box-shadow: inset 0px 4px 5px -5px #252525 !important;
    	font-size: 16px!important;
    	height: 36px!important;
    }
    /*Navigation - Highlights active tab*/
    
    .bc {
    	background-color: #3B505B !important;
    }
    /*TABLES*/
    
    .table-styling {
    	width: 100%;
    	margin-bottom: 1.5em;
    }
    @media (min-width: 48em) {
    	.table-styling {
    		font-size: .9em;
    	}
    }
    @media (min-width: 62em) {
    	.table-styling {
    		font-size: 1em;
    	}
    }
    .responsive-table thead {
    	position: absolute;
    	clip: rect(1px 1px 1px 1px);
    	/* IE6, IE7 */
    	clip: rect(1px, 1px, 1px, 1px);
    	padding: 0;
    	border: 0;
    	height: 1px;
    	width: 1px;
    	overflow: hidden;
    }
    @media (min-width: 48em) {
    	.table-styling thead {
    		position: relative;
    		clip: auto;
    		height: auto;
    		width: auto;
    		overflow: auto;
    	}
    }
    .table-styling thead th {
    	/*Color for Heading*/
    	background-color: #14394D;
    	border: 1px solid #14394D;
    	font-weight: normal;
    	/*text-align: center;*/
    	color: white;
    }
    .table-styling thead th:first-of-type {
    	text-align: center;
    }
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table th,
    .responsive-table td {
    	display: block;
    	padding: 0;
    	text-align: left;
    	white-space: normal;
    }
    @media (min-width: 48em) {
    	.table-styling tr {
    		display: table-row;
    	}
    }
    .table-styling th,
    .table-styling td {
    	padding: .5em;
    	vertical-align: middle;
    }
    @media (min-width: 30em) {
    	.table-styling th,
    	.table-styling td {
    		padding: .75em .5em;
    	}
    }
    @media (min-width: 48em) {
    	.table-styling th,
    	.table-styling td {
    		display: table-cell;
    		padding: .5em;
    		width: 1%;
    	}
    }
    @media (min-width: 62em) {
    	.table-styling th,
    	.table-styling td {
    		padding: .75em .5em;
    	}
    }
    @media (min-width: 75em) {
    	.table-styling th,
    	.table-styling td {
    		padding: .75em;
    	}
    }
    .table-styling caption {
    	margin-bottom: 1em;
    	font-size: 1em;
    	font-weight: bold;
    	text-align: center;
    }
    @media (min-width: 48em) {
    	.table-styling caption {
    		font-size: 1.5em;
    	}
    }
    .table-styling tfoot {
    	font-size: .8em;
    	font-style: italic;
    }
    @media (min-width: 62em) {
    	.table-styling tfoot {
    		font-size: .9em;
    	}
    }
    @media (min-width: 48em) {
    	.table-styling tbody {
    		display: table-row-group;
    	}
    }
    .table-styling tbody tr {
    	margin-bottom: 1em;
    	/*Table border Color*/
    	border: 2px solid #14394D;
    }
    @media (min-width: 48em) {
    	.table-styling tbody tr {
    		display: table-row;
    		border-width: 1px;
    	}
    }
    .table-styling tbody tr:last-of-type {
    	margin-bottom: 0;
    }
    @media (min-width: 10em) {
    	.table-styling tbody tr:nth-of-type(even) {
    		background-color: rgba(94, 93, 82, 0.1);
    	}
    }
    @media (max-width: 769px) {
    	.responsive-table tbody td:nth-of-type(even) {
    		background-color: rgba(255, 255, 255, 0.4);
    	}
    }
    .responsive-table tbody th[scope="row"] {
    	/*Color for Heading Mobile*/
    	background-color: #14394D;
    	color: white;
    }
    @media (min-width: 48em) {
    	.table-styling tbody th[scope="row"] {
    		background-color: transparent;
    		color: #222222;
    		text-align: left;
    	}
    }
    .table-styling tbody td {
    	text-align: center;
    }
    .responsive-table tbody td {
    	text-align: right;
    }
    @media (min-width: 10em) {
    	.table-styling tbody td {
    		/*        border-bottom: 1px solid #14394D;*/
    	}
    }
    @media (min-width: 48em) {
    	.table-styling tbody td {
    		text-align: center;
    	}
    }
    .table-styling tbody td[data-type=currency] {
    	text-align: right;
    }
    .responsive-table tbody td[data-title]:before {
    	content: attr(data-title);
    	float: left;
    	font-size: 1em;
    	color: #222222;
    	font-weight: bold;
    }
    @media (min-width: 48em) {
    	.responsive-table tbody td[data-title]:before {
    		content: none;
    	}
    }
    /*if cell is empty*/
    
    .table-styling th:empty {
    	display: none;
    }
    .table-styling td:empty {
    	display: none;
    }
    /* add no-mobile class to remove responsiveness */
    
    .centerTable {
    	margin: 0 auto;
    }
    .fancy {
    	font-family: 'Courgette', cursive;
    	font-size: 30px !important;
    	margin-bottom: 0;
    	padding: 15px;
    	-webkit-box-shadow: inset 0px -5px 10px -7px rgba(37, 37, 37, 0.17);
    	box-shadow: inset 0px -5px 10px -7px rgba(37, 37, 37, 0.17);
    	background-color: rgba(255, 255, 255, 0.71);
    	border-top-left-radius: 15px;
    	border-top-right-radius: 15px;
    }
    .newsAndEvents {
    	border-top-left-radius: 15px;
    	border-top-right-radius: 15px;
    	border-bottom-left-radius: 5px;
    	border-bottom-right-radius: 5px;
    	-webkit-box-shadow: 0px 0px 10px -6px #252525;
    	box-shadow: 0px 0px 10px -6px #252525;
    	width: 500px;
    	margin-left: auto;
    	margin-right: auto;
    }
    @media (max-width:769px) {
    	.newsAndEvents {
    		width: 96%;
    	}
    	.HoursInfo p {
    		margin: 0px;
    	}
    }
    @media (max-width:769px) {
    	.fancy {
    		line-height: 35px;
    	}
    	.exemptions-container {
    		width: 100%
    	}
    	.menu-item-list {
    		width: 100%;
    		max-width: 95%!important;
    		margin: 0 auto;
    	}
    	.DnnModule-7768 {
    		/*to keep the lists width consistant in mobile  */
    		width: 90%;
    		margin: auto;
    	}
    }
    .lateHoursInfo {
    	margin-top: 10px;
    }
    .row {
    	margin-left: 0;
    	margin-right: 0;
    }
    .tax-sale-icon {
    	background-color: #1C4E69;
    	width: 40px;
    	height: 40px;
    	position: relative;
    	left: 0px;
    	border-radius: 5px;
    }
    .tax-sale-icon p {
    	color: #ead5b6;
    	letter-spacing: 1px;
    	position: absolute !important;
    	top: 3px !important;
    	left: 4px !important;
    	font-weight: bold;
    	width: 40px!important;
    }
    .centerTable {
    	margin: 0 auto;
    }
   /*E-NOTIFICATION*/

.e-notification {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: sans-serif;
	position: relative;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #ddd;
	width: 330px;
	display: block;
	margin-bottom: 10px;
	direction: block;
	margin: 0 auto;
}
.e-notification.fullWidth{
	width: 100%;
}
.e-notification.green {
	background: #27ae60;
}
.e-notification.green:hover {
	background-color: #2ecc71;
}
.e-notification.green a {
	color: #fdfdfd;
	letter-spacing: 1px;
}
.e-notification.green a:hover {
	color: #252525 !important;
}
.e-notification.green p {
	margin: 0;
	margin-top: 10px;
	background: #2c3e50;
	color: #fdfdfd;
	//border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
}
.e-notification button,
.TTCButton {
	border: none;
	background: #1C4E69;
	color: #fdfdfd;
	padding: 5px;
}
#close {
	background: #eb4848;
}
.e-notification a {
	color: #54595F;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
.e-notification a:hover {
	text-decoration: underline;
}
.e-notification img {
	width: 15px;
}
.e-notification label {
	display: none;
}
.input-group {
	display: none;
}
#e-notification-form input {
	height: 20px;
}
::-webkit-input-placeholder {
	color: #626262;
}
::-moz-placeholder {
	color: #626262;
}
:-moz-placeholder {
	/* Older versions of Firefox */
	color: #626262;
}
:-ms-input-placeholder {
	color: #626262;
}
.sign-up {
	text-align: center;
}

@media screen and (max-width:769px) {
    	.leftPane { height: 760px;}
}


/* List style */
.normallist li {
	list-style-position: outside;
	list-style-type: disc !important;
	line-height: 1.5;
	padding-bottom: .5rem;
	padding-left: 0.3rem;
	font-weight: 600;
}

.normallist.fs-lg li,
.normallist.fs-lg li a {
	font-size: 14px;
	text-decoration: none;
}

.normallist.fs-lg li a {
	color: #1c4e69;
}

.normallist ul {
	margin-left: 1.5rem;
	margin-top: .5rem;
}

.normallist ul > li {
	list-style-type: circle !important;
}