@import url("css/variations/stylesheetwidget.css");
   @import url("css/scc-grid.css");
   @import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
   @import url('https://fonts.googleapis.com/css?family=Anton');
   @font-face {
   	font-family: "Trend-Sans-W00-Four";
   	src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/392aa98f-a1bf-4dc4-9def-a5d27c73a0de.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/29c66f1e-5243-4f34-8a19-47405f72954c.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c81cca03-5f1a-4252-9950-096e60e2bde9.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/569b48ce-f71b-4e2d-a80a-1920efbd7187.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/f284409f-3669-43df-bfe1-f9f9ee1bbc07.svg#f284409f-3669-43df-bfe1-f9f9ee1bbc07") format("svg");
   }
   #CountyMenuDiv {
   	width: 680px!important;
   	height: 37px;
   	padding: 0px;
   	margin: 0px;
   	background: url(images/LightBlue_r5_c7.jpg);
   	float: left;
   }
   .menuContainer {
   	padding-top: 0px;
   	padding-left: 0px;
   	padding-right: 2px;
   	padding-bottom: 3px;
   }
   .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%;
   	}
   }
   
  /******************** Header and County Brand ************************thisd could be moved upstream ********/
       
       .headerPane {
       	position: relative;
       	z-index: 1;
       	width: 100%;
       	background-color: #1C4E69;
       	box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.19);
       	height: 37px;
       	/* min-width: 1135px; */
       }
       #CountyBrand {
       	position: relative;
       	width: 1012px;
       	margin: 0 auto;
       	font-family: sans-serif;
       	height: 27px;
       	padding: 0px;
       	padding-top: 5px;
       	padding-bottom: 5px;
       }
       #CountyBrand #countySeal {
       	float: left;
       	margin-right: 7px;
       	margin-left: 7px;
       }
       #CountyBrand #CountyHomeLink,
       #CountyBrand #CountyHomeLink:link,
       #CountyBrand #CountyHomeLink:visited {
       	display: block;
       	color: #f4ece2;
       	font-size: 16px;
       	margin: 0;
       	margin-top: -6px;
       	text-decoration: none;
       	-webkit-transition: all .7s;
       	transition: all .7s;
       	padding: 8px 0px;
       	/*width: 190px;*/
       }
       #CountyBrand #CountyHomeLink:hover,
       #CountyBrand #CountyHomeLink:active {
       	color: #D9B007;
       	text-shadow: 2px 2px 8px rgba(216, 193, 159, 0.45);
       	text-decoration: none!important;
       }
       #CountyBrand #CountyHomeLink:focus {
       	color: #f5ab35 !important;
       }
	   
	   #CountyBrand #googlesearch {
   			width: 220px!important;
   		}
   
       .brandHome {
       	position: absolute;
       	right: 10px;
       	color: #D8C19F;
       	font-size: 20px !important;
       	top: 0px;
       	padding: 3px;
       	border-radius: 5px;
       }
       .brandHome:hover {
       	background: rgba(255, 255, 255, 0.1);
       }
       .brandHomeText {
       	font-size: 12px;
       	position: relative;
       	top: -1px;
       }
       .brandHomeText:hover {
       	color: white;
       }
       @media (max-width: 769px) {
       	.bodyContent,
       	#CountyBrand,
       	.container,
       	.containers {
       		width: 100%;
       	}
       }
       /****************************** END Header and County Brand ******************************/
   .wrapper {position:relative; }
	#homeimg {
		max-width: 500px; 
		width: 80%;
		margin-top: 10px; 	
	}	   
	   
/************ google custonm search ******************************************/
   .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;
   }

  	# #googlesearch {
   		width: 220px!important;
   	}
   	# #gs_tti50 input {/* text inside search field */
    	text-indent: 0px!important;
	}
	
    #table.gsc-search-box {
   		/* position & size of search box on  menu  */
   		position: relative;
   		top: 0px !important;
   		/*added to postion google search*/
   }
   
   .gsc-input input {
	   text-indent: 0px!important;
   }
      
   .gsc-search-box-tools .gsc-search-box .gsc-input {
   	padding-right: 12px;
   	/*    padding-top: 6px !important;*/
   }
   #___gcse_0 input.gsc-search-button,
   input.gsc-search-button:hover,
   input.gsc-search-button:focus {
   	background-color: #2e6e90!important;
   	padding: 8px!important;
   	margin-top: 0px!important;
   	cursor: pointer!important;
   	color: white!important;
   	width: 30px!important;
   	height: 30px!important;
   	padding: 8px!important;
   }

   .mobile-search {
   	background-color: #14394d;
   	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
   	display: none;
   	height: 50px;
   }
   
      /*Google Banner Fixes*/
   
   #googlesearch {
   	width: 200px;
   	position: absolute;
   	top: 0;
   	right: 0;
   }
   #gsc-i-id1 {
   	background: none !important;
   }
   @media screen and (max-width:769px) {
   #CountyBrand ___gcse_1 input.gsc-search-button	{
	   width: 30px!important;
   	height: 30px!important;
   }
   
  .gsc-search-button {
   		box-sizing: content-box!important; /* fix to make the search button appear correctly ***********/
	}
}
   /********************************* end of Google custom Search ************************************/
   
   @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: flex!important;
   		flex-direction: column!important;
   	}
   	.flex-1 {
   		order: 1!important;
   	}
   	.flex-2 {
   		order: 2!important;
   	}
   	.flex-3 {
   		order: 3!important;
   	}
   	.flex-4 {
   		order: 1!important;
   	}
   	.flex-5 {
   		order: 2!important;
   	}
   	.flex-6 {
   		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;
   	}
   }
   /*****************************PROP47 STYLES*****************************/

   @media (max-width: 769px) {
   	.bodyContent,
   	#,
   	.container,
   	.containers {
   		width: 100%;
   	}
   }
   #tblNavigationMenu {
   	background-color: #1C4E69 !important;
   	background: -webkit-linear-gradient(#1C4E69, #1C4E69)!important;
   	background: -o-linear-gradient(#1C4E69, #1C4E69)!important;
   	background: -moz-linear-gradient(#1C4E69, #1C4E69)!important;
   	background: linear-gradient(#1C4E69, #1C4E69)!important;
   	padding-bottom: 3px;
   	position: absolute;
   	width: 580px;
   	left: 200px;
   	top: 0;
   }
  }
  /*******end of scc banner*******/
  /*Headings and Paragraphs*/
  .bodyContent a,
  .bodyContent a:visited {
  	color: #93291b;
  	text-decoration: none;
  }
  .bodyContent a:hover {
  	text-decoration: underline
  }
  .bodyContent h1,
  .bodyContent h2,
  .bodyContent h3 {
  	font-family: 'Enriqueta', arial, serif;
  	line-height: 1.25;
  	margin: 0 0 10px;
  	font-weight: bold;
  	color: #1C4E69;
  }
  .bodyContent h1 {
  	font-size: 20px;
  	text-align: center;
  	margin-top: 30px;
  	margin-bottom: 10px;
  }
  .bodyContent h2 {
  	font-size: 16px;
  }
  .bodyContent h3 {
  	font-size: 14px;
  }
  .bodyContent h1 a,
  .bodyContent h1 a:visited {
  	color: #333333
  }
  .bodyContent h1 a:hover {
  	color: #93291b;
  	text-decoration: none;
  }
  .bodyContent p {
  	color: #333333;
  	font-family: "Helvetica Neue", Arial, sans-serif;
  	font-size: 16px;
  	font-weight: 300;
  	line-height: 1.5625;
  	margin-bottom: 15px;
  }
  /*PANES*/
  #dnn_LeftPane,
  #dnn_ContentPane,
  #dnn_RightPane {
  	padding-left: 5px;
  	padding-right: 5px;
  }
  #dnn_LeftPane,
  #dnn_RightPane {
  	margin-top: 30px;
  }
  /*Department Banner
   
   .banner {
   	height: 100px;
   	
   }
   .bannerContent {
   	margin: 0 auto;
   	width: 1012px;
   }
   .DeptBanner h2 a {
   	font-family: 'Anton', sans-serif;
   	font-size: 45px !important;
   	color: white !important;
   	margin-left: 10px;
   	text-decoration: none;
   	margin-top: 30px;
   	display: block;
   }
   .fa-star {
   	font-size: 20px !important;
   	position: absolute;
   	left: 15px;
   	top: 5px;
   }
   /*NAV*/
  .HorizontalMenuBar {
  	background-color: transparent !important;
  	position: relative;
  	top: 30px;
  }
  /*Body / Background Color*/
  .pagebg {
  	/*
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
*/
  }
  body {}
  /*Build your Future banner home page*/
  .homeContent {
  	background-color: #F0780E;
  	position: relative;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	height: 121px;
  	width: 1012px;
  }
  .homeContent .heading h2 {
  	font-family: 'Anton', sans-serif;
  	font-size: 74px !important;
  	color: white !important;
  	position: absolute;
  	left: 20px;
  }
  #loginDnnitems {
  	display: none;
  }
  /*Footer Transperent
   
   .support,
   .face,
   .tweet,
   .tube,
   footer {
   	background-color: transparent;
   }*/
  /*MENU STYLING*/
  /*menu color*/
  #department-nav {
  	height: 31px;
  	width: auto!important;
  	background: #fdfdfd !important;
  	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
  	box-shadow: none !important;
  	border-bottom: 1px solid #c4c4c4;
  }
  #department-nav a {
  	color: #0D397C;
  	font-family: arial;
  }
  .sm-blue a {
  	white-space: nowrap;
  }
  /*Arrow color*/
  .sm-blue a span.sub-arrow {
  	border-color: #e6e6e6 transparent transparent transparent !important;
  }
  /*Hover Color*/
  .sm-blue a:hover,
  .sm-blue a:focus,
  .sm-blue a:active,
  .sm-blue a.highlighted {
  	background: #1C4E69 !important;
  	color: white !important;
  }
  /* SUB LEVEL BACKGROUND COLOR */
  .sm-blue ul {
  	border-left: 4px solid #565656 !important;
  }
  div.deptMenu {
  	/*	margin-top: 30px;*/
  }
  /*Content*/
  #dnn_TopLeftPane {
  	/*	height: 66px;
   	margin-top: 25px;*/
  	
  	position: relative;
  	/*	background-color: #9E0542; 
   	padding: 10px;*/
  }
  #dnn_TopLeftPane .fact-sheet-text {
  	left: 37px;
  	width: 236px;
  	position: absolute;
  	top: 25px;
  	font-size: 31px;
  	color: #f2f1ef;
  }
  .fact-btn-container {
  	position: absolute;
  	left: 300px;
  	top: 15px;
  }
  #dnn_TopLeftPane .fact-sheet-buttons {
  	background-color: #ED1566;
  	text-align: center;
  	height: 33px;
  	min-height: 18px;
  	width: 155px;
  	display: inline-block;
  	color: #fff;
  	line-height: 33px;
  	margin-right: 20px;
  	border-radius: 50px;
  }
  #dnn_TopLeftPane .how-to-apply {
  	display: block;
  	position: absolute;
  	text-decoration: none;
  	padding: 10px;
  	font-size: 21px;
  	right: 37px;
  	top: 15px;
  }
  #dnn_TopLeftPane p {
  	margin: 0;
  }
  .clearfixtable.flex.content {
  	max-width: 1012px;
  	padding: 25px;
  	box-sizing: border-box;
  }
  /*What is text*/
  h4.what-is {
  	font-family: trend-sans-w00-four, sans-serif;
  	font-size: 50px;
  	color: #222;
  }
  /*what is buttons*/
  .buttons-container {
  	position: absolute;
  	right: 6px;
  	top: -30px;
  }
  .buttons-container .button-box {
  	background-color: #F0780E;
  	padding: 5px;
  	line-height: 50px;
  	text-align: center;
  	display: inline-block;
  	color: white;
  	font-family: sans-serif;
  	width: 88px;
  	height: 62px;
  	margin-right: 10px;
  	box-sizing: border-box;
  	transition: all .5s;
  	font-size: 16px;
  }
  .buttons-container .button-box:hover {
  	background-color: rgba(171, 5, 53, 1);
  }
  #prop-text p:focus,
  #prop-text p:hover {
  	background-color: #fafafa;
  	outline: 1px solid #e2e2e2;
  }
  /*For Providers*/
  .resource-button div {
  	border: 3px solid #ED0763;
  	border-radius: 2px !important;
  	text-align: center;
  	padding: 10px;
  	box-sizing: border-box;
  	cursor: pointer;
  	transition: all .5s;
  }
  .resource-button div:hover {
  	border-color: #a00542;
  }
  div.active {
  	background-color: transparent !important;
  }
  div.active div {
  	color: #fff;
  }
  div.active div:hover {
  	background-color: #a00542 !important;
  }
  /*NEWS ITEMS*/
  .news-item {
  	margin-bottom: 30px;
  }
  .news-item p {
  	/*   	margin: -15px 5px 20px 0px;*/
  }
  .news-more-button a {
  	background-color: #3D9BE9;
  	color: #fff;
  	text-decoration: none;
  	padding: 10px 30px;
  	transition: all .5s;
  }
  .news-more-button a:hover {
  	background-color: #1f5684;
  }
  
	@media screen and (max-width:769px) {
  		#mobileMenuBtn {
  			text-indent: -9999px;
  			width: 36px!important;
			height: 28px!important;
		}
		
		.search_mobile_menu	{
			width: 36px!important;
			height: 28px!important;
		}
  	}
  
  #dnn_SCCInternetMenu_NavigationMenu a:focus {
       	color: #fdfdfd !important;
  }