@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

body {
	font-size: 100%;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	line-height:140%;
}

*:focus {outline:none;}

/**************** header *****************************/
.headerMenuContainer {background-color:#082839;height:36px;line-height:36px;}
.headerMenu	{width:1020px;margin:auto;color:#ffffff;text-align:right;}
.headerMenu a {color: #ffffff;font-weight: bold;text-decoration:none;}
.headerMenu a:hover {text-decoration:underline;}
.loginReg {float:left;}
#sizer a {display:inline-block;margin-left:10px;}
.header {background:linear-gradient(#3C81A2,#7FA4BC);overflow:hidden;}
.banner {width:1020px;margin:auto;padding-top:12px;color:#ffffff;font-size:0.938em;font-weight:600;letter-spacing:0.5px;padding-left:12px;}
.logo	{width:80%;float:left;padding-left:16px;padding-top:5px;}
.logo img {display:block;float:left;}
.topRight {width:15%;float:right;text-align:right;}


@media(min-width:480px){
	.tempRow:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		} 
}

.mobile.logo {width:50%;padding-bottom:12px;}
.mobile.topRight {width:50%;}



/**************** nav - topnav *************************/

 nav {background-color: #347698;z-index:100;}
.topnav{width:1020px;margin:auto;position:relative;height:44px;}
.topmenu{width:49%;float:left;}
 html .mlddm {display:flex;}
.mlddm li a, .mlddm li a#buttonnohover {	
	padding: 0px 12px;
	line-height: 44px;
	color: #fff;
	letter-spacing: 1px;
	border-right:1px solid #082839;
}
.mlddm li a:hover, .mlddm li a#buttonhover {color:#ffffff;background-color: #082839;}
.mlddm ul {background: #2F99CA;}
.mlddm ul li a {	
	line-height: 28px;
	padding: 0 16px 0 6px;
	border:1px solid #ffffff;
	text-align:left;
	color:#ffffff;
}
.mlddm ul li a:hover {color: #ffffff;background-color:#2F99CA}
.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #000000;background-color:#cccccc;}

.search {width:50%;float:right;text-align:right;overflow:hidden;padding-top:7px;}	
.search form {background-color:#ffffff;display:inline-block;width:100%;box-shadow:0 0 8px 0 #333;height:30px;}
.search input[type=text]{padding:5px 0 5px 5px;border:none;font-size:1em;width:calc(100% - 40px);}
.search input[type=image]{vertical-align:top;background-color:#ff750f;}	
.search input:focus::-webkit-input-placeholder { color:transparent; }
.search input:focus::-moz-placeholder { color:transparent; }




/**************** nav - mobile header *************************/

.slicknav_menu {background-color:transparent;padding:0;z-index:100;}
.slicknav_nav {z-index:100;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #fff;}
.slicknav_nav > li 						{background-color:#347698;color:#fff;border-bottom:1px solid #fff;}
.slicknav_nav a 							{color:#fff;}
.slicknav_nav a:hover					{background-color:#dedede;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#dedede;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#347698;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#fff;}

.slicknav_nav ul li 						{background-color:#dedede;border-bottom:1px solid #fff;}
.slicknav_nav ul li a 					{color:#333333;}	
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a 				{color:#333333;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#347698;}
.slicknav_nav ul li:nth-child(even) {background-color:#347698;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#347698;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 12px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #fff;}	

/**************** footer *****************************/

.footer {background-color:#3C81A2;}
.footerBase	{width:1020px;margin:auto;padding: 10px 0;line-height:180%;font-size:0.688em;color:#ffffff;}
.footerLeft	{width:66%;float:left;}
.footerRight {width:33%;float:left;text-align:right;}
.footerBase a	{color:#ffffff;}
.footerBase a:hover	{color:#ffffd7;}

/**************** content *****************************/

.middle {z-index:10;padding: 30px 16px 32px; width:1020px;margin:auto;min-height:400px;}
.mobile.middle {padding-top:14px;}

.crumb {padding: 16px 0 16px 3px;font-size:0.813em;color:#999999;}
.crumb a {color:#156698;}
.crumb a:hover {color:#ff750f;}

/* general */
a 			{color: #156698;}
a:hover	{color: #ff750f;}
a img		{border:0;}
h1 		{font-size: 200%;color:#333333;font-weight:400;margin-top:0;border-left:10px solid #FF750F;padding-left:10px;line-height:140%;}
h2 		{font-size: 150%;color:#4486A6;font-weight:400;margin-top:20px;margin-bottom:5px;line-height:140%;}
h3			{font-size: 110%;color:#333333;margin-top:20px;margin-bottom:0;line-height:140%;}

/* data forms */
.formSubtext					{font-size:10px;}
.formRequired, .required	{font-size:10px;color:#CC0000;padding-left:10px;}



/**************** home *****************************/

.categoryGroups {margin:0;padding:0}
.categoryGroups li{
	list-style: none;
	background-color:#4F81A4;
	text-align: center;
	color:#ffffff;
	float:left;
	margin-bottom:30px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	}

@media(min-width:620px){
	.categoryGroups li{width:31%;}
	.categoryGroups li:not(:nth-of-type(3n)){margin-right:3.5%;}
}
@media(max-width:620px){
	.categoryGroups li{width:48%;}
	.categoryGroups li:nth-of-type(odd){margin-right:4%;}
}
@media(max-width:350px){
	.categoryGroups li{width:100%;}
}
.categoryGroups li:hover{background-color:#ff750f;}

.categoryGroups li div {
	width:100%;
 	display: table; 
 	table-layout: fixed;
 	z-index:1;
}

.categoryGroups li a.heading{
  	color:#ffffff;
	text-decoration:none;
	font-size:1.125em;
	line-height:130%;
	width:100%;
  	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
	padding:12px;
	z-index:1;

}	
@media(min-width:769px){.categoryGroups li div{height:60px;}}
@media(min-width:731px) and (max-width:768px){.categoryGroups li div{height:70px;}}
@media(max-width:730px){.categoryGroups li div{height:80px;}}

.categoryGroups img{display:block;}	


/**************** category page *****************************/

.categories{width:100%;border-collapse:collapse;}
.categories td{vertical-align:top;}
.categories h2{
	background-image:url(/extras/styles/webideas/category_underline.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:19px;
	margin-bottom:5px;
	margin-top:0;
	}
.categories h2 a{	
	color:#396D87;
	text-decoration: none;
	padding:0;
	margin-bottom:5px;
	font-size:95%;
}
.categories ul{margin:0;padding:0;margin-bottom:20px;}
.categories li{
	list-style: none;
	background-image:url(/extras/styles/webideas/arrow.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:20px;
	margin-bottom:10px;
}
.categories li a{text-decoration:none;}
.columns2 .col1 {padding-right:6%;}

@media(max-width:639px){
	.categories td {display:block;}
	.columns2 .col1 {padding-right:0;}
}

/**************** service list *****************************/
/*
.serviceList{margin:0;padding:0;}

@media(min-width:630px){
	.serviceList{column-count:2;}
}
.serviceList li{
	list-style: none;
	width:100%;
	margin-bottom:12px;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;	
}

*/

.serviceList{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.serviceList li{
	list-style: none;
	width:100%;
	margin-bottom:12px;
	
}
@media(min-width:630px){
	.serviceList li{width:48%;}
}


.serviceList li {display:block;padding:0 10px;border:1px solid #cccccc;border-radius:10px;padding:16px;}
.serviceList li a{font-size:110%;display:block;margin-bottom:6px;}
.serviceList h3 {margin-top:0;margin-bottom:12px;font-weight:700;}
.serviceList h4 {margin-top:0;margin-bottom:6px;font-weight:700;}
.serviceList h3 a {text-decoration:none;}
.serviceList .button {
	display:inline-block;
	background:#347698;
	color:#ffffff;
	text-align:center;
	text-decoration: none;
	padding:5px 20px;
	border-radius:10px;
	font-size:0.875em;
	}
.serviceList .button:hover {background:#ff750f;}
.matches {padding-top:12px;}


/**************** service view *****************************/

.serviceLogo {float:left;padding-right:20px;padding-bottom:20px;margin-top:5px;}
.serviceHeading{color:#FF750F;font-size:160%;margin-bottom:20px;line-height:140%;}
.serviceHeading a{color:#FF750F;}

.googleMap {border:1px solid #cccccc;margin-top:20px;}
.videoWrapper43 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 0 !important;
}
.otherServicesList ul {margin:0;padding:0;}
.otherServicesList li {list-style:none;padding:3px 0;}
.otherServicesList ul li ul {margin-bottom:12px;}
.otherServicesList h3 {margin-bottom:8px;}
.otherServicesList li a {color:#ff750f;}

.servicesLegend {margin-top:20px;padding:0;border-top:1px solid #156698;padding-top:20px;}
.servicesLegend li {display:inline;}
.servicesLegend img {vertical-align:middle;}
.servicesLegend a {font-size:0.750rem;text-decoration:none;padding-right:20px;white-space:nowrap;}

/* BSSD Admin */

/* common stuff ( Admin View Template | Dashboard template ) */
th {font-size:100%;color:#156698;font-weight:normal;text-align:left;}
h2 a {font-size:90%;padding-left:30px;}
.thIntd {font-size:100%;color:#156698;padding:0 12px 0 20px;}


/* Admin View Template | Dashboard template*/

.adminListBorder{margin:10px;background-color:#f0f0f0;padding:10px 30px 10px 10px;margin-bottom:20px;}
.adminListBorder h2			{color:#333333;}

.adminList{width:100%;border-collapse:collapse;background-color:#f0f0f0;margin-top:10px;}
.adminList th {padding:10px;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
.adminList td {padding:4px 10px;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}


/* Dashboard Template */
.adminInfoBorder {border:1px solid #c0c0c0;padding:10px;margin-bottom:20px;}

.dashboardMsg {margin-bottom:20px;background-color:#ffffd7;border:1px solid #ff750f;padding:10px;}

.adminInfo				{width:100%;border-collapse:collapse;background-color:#f0f0f0;margin:0;}
.adminInfo th			{padding:6px 10px;width:30%;vertical-align:top;}
.adminInfo td 			{padding:6px 10px;vertical-align:top;}
.adminInfo .subtext	{font-size:10px;color:#333333;}

.adminInfo h2			{color:#333333;}
.adminInfo h3			{color:#ff750f;font-weight:normal;font-size:14px;}
.adminInfo table td	{padding:2px;}

.light		{background-color:#f8f8f8;}

/* site Edit & Org New */
#googleMapPlace{width:350px;height:350px;border:1px solid #cccccc;margin:0 20px 20px 30px;}

/* Org New */
#saveSiteAddress {display:none;}
#saveSiteNoAddress	{visibility:hidden;}


/* service Edit */
		.tooltip {
			color:#ff750f; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
			padding:10px;font-size:12px;
		}
		
		.classic {background: #ffffd7; border: 1px solid #ff750f; }		


.emailFriend {width:100%;border-collapse:collapse;margin-top:10px;}
.emailFriend td{vertical-align:top;padding:5px 0;}
.emailFriend td.submit {text-align:center;}
.emailFriend a small {display:block;margin-bottom:3px;}


.getHelp h2 {color:#fff;background-repeat:no-repeat;background-position:left center;padding:11px 0 11px 65px;}
.getHelp h3 {font-size:1.313em;font-weight:400;margin-bottom:8px;}
.getHelp p {margin-top:0;}
.getHelp .sideBySide20-80-Col1 {padding-top:20px;}
.getHelp hr {height: 1px;font-size: 0;border: 0;}
.getHelp .getHelpLink {color:#231f20;margin-bottom:16px;text-decoration:none;font-weight:700;display:block;}
.getHelp .getHelpLink:hover {color:#156698;}


.sectionPink h2 {background-color:#e43d96;}
.sectionPink hr {color: #e43d96;background-color: #e43d96;}

.sectionOrange h2 {background-color:#f47d30;}
.sectionOrange hr {color: #f47d30;background-color: #f47d30;}
.sectionOrange p {margin-top:10px;}

.sectionBlue h2 {background-color:#003e6a;}
.sectionBlue hr {color: #003e6a;background-color: #003e6a;}

.sectionGreen h2 {background-color:#65c5b4;}
.sectionGreen hr {color: #65c5b4;background-color: #65c5b4;}

.sectionPurple h2 {background-color:#888bc4;}
.sectionPurple hr {color: #888bc4;background-color: #888bc4;}