/* body  & text and image defaults */
	/* body format */
		html {
			font-size: 14px;
		}
		body {
			height: 100%;
			font-family: Arial, sans-serif;
			color: rgba(255,255,255,1.00);
			text-align: justify;
			margin: 0px;
			padding: 0px;
			min-width: 240px;
			font-size: 1.0rem;
			line-height: 100%;
			background-color: rgba(0,0,0,1.0);
		}
	/* text defaults */
		p, form {
			margin: 10px;
		}
		ul, ol {
			list-style-position: outside;
			margin: 10px 10px 10px 40px;
			text-align: left;
		}
		ol {
			list-style: decimal; 
		}
		ul {
			list-style: disc; 
		}
		article div {
			margin: 0px 10px;
		}
		article div div, article div div div, article div div div div {
			margin: 0px;
		}
		blockquote {
			margin: 10px 10%;
		}
		h1, h2, h3, h4, h5, h6 {
			margin: 10px;
			padding: 0px;
		}
		b, strong {
			font-weight: bold;
		}
		i, em {
			font-style: italic;
		}
		.textc {
			text-align: center;
		}
		.textl {
			text-align: left;
		}
		.textr {
			text-align: right;
		}
		.textj {
			text-align: justify;
		}
		.textvc {
			position: relative; 
			top: 50%; 
			transform: translateY(-50%);
		}
		ul.center, ol.center {
			display: table;
			margin: 10px auto;
			max-width: 90%;
		}
		table.center {
			margin: 10px auto;
			max-width: 95%;
		}
		div.center, p.center, figure.center {
			display: table;
			margin: 0px auto;
			max-width: 95%;
		}
		.clear { clear: both; margin: 0px; }
		.break { display: none; }
/* header */
	/* header format */
		header {
			top: 0px; left: 0px;
			width: auto;
			max-width: 100%;
			margin: 0px auto;
			padding: 0px;
			background-color: transparent;
			font-family: Arial, sans-serif;
			font-size: 1.0rem;
		}
	/* logo */
		div.logopos {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			margin: 0px;
		}
		div.logo {
			width: auto;
			max-width: 100%;
			height: auto !important;
		}
		img.logo {
			position: relative;
			width: auto;
			max-width: 100%;
			height: auto !important;
			min-width: 80px;
			z-index: 100;
		}
	/* mascot */
		div.mascotpos {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 100%;
			margin: 0px;
		}
		div.mascot {
			width: auto;
			max-width: 100%;
			height: auto !important;
			float: right;
		}
		img.mascot {
			position: relative;
			width: auto;
			max-width: 100%;
			height: auto !important;
			min-width: 80px;
			float: right;
			z-index: 2;
		}
	/* tel */
		div.telpos {
			position: absolute;
			top: 0.20%;
			right: 3.0%;
			width: 100%;
			margin: 0px;
		}
		div.tel {
			text-align: left;
			padding: 0;
			margin: 0;
			font-size: 1.0rem;
			letter-spacing: 0.1em;
			white-space: nowrap;
			font-weight: normal;
		}
	/* logo type */	
		div.logotype {
			position: relative;
			width: auto;
			max-width: 100%;
			height: auto !important;
			margin: 0% auto;
			padding: 0.5% 0.4% 0% 0.4%;
			color: rgba(255,255,255,1.00);
			background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
			box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3), inset 0px 5px 5px 2px rgba(0,0,0,0.25);
			font-family: Arial, sans-serif;
			font-size: 1.0rem;
		}
		div.logotype a , div.logotype a:visited, div.logotype a:hover {
			color: rgba(255,255,255,0.90);
		}
	/* slogan */
		div.sloganpos {
			position: relative;
			top: 0px;
			left: 0px;
			right: 0px;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}	
		div.slogan {
			padding: 0.1em 0px 0.1em 0px;
			margin: 0px auto;
			font-size: 2.0rem;
			text-align: center;
			letter-spacing: 0.08em;
			white-space: nowrap;
			font-weight: normal;
		}
/* footer */
	/* whole footer */			
		footer {
			position: relative;
			width: auto;
			max-width: 100%;
			margin: 0px auto;
			padding: 0px;
			box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.3);
			background-color: transparent;
			color: rgba(255,255,255,0.6);
			font-family: Arial, sans-serif;
			font-size: 1.0rem;
		}
		footer a, footer a:visited {
			text-decoration: none;
			color: rgba(255,255,255,0.8);
			background: none;
			border: 0px;
		}
		footer a:hover {
			text-decoration: none;
			color: rgba(255,255,255,1.0); 
			background: none;
			border: 0px;
		}
	/* extra footer */
		/* general section format */
			section.footer_extra {
				width: auto;
				max-width: 100%;
				margin: 0% auto;
				padding: 0px;
				background-color: transparent;
				background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
				color: rgba(255,255,255,0.6);
			}
			/* footnote text - used for marketing statement */
				div.footnote {
					color: rgba(255,255,255,1.0);
					max-width: 100%;
					padding: 2%;
					margin: 0% auto;
					font-family: Arial, sans-serif;
					font-size: 1.0rem;
					background-color: transparent;
					background-image: none;
				}
		/* doWebby Signature */
			.dowebby {
				text-align: center;
				font-size: 1.1rem;
				color: rgba(255,255,255,1.0);
				padding: 1% 1% 1% 1%;
			}
			.dowebby a, .dowebby a:visited {
				text-decoration: none;
				color: rgba(255,255,255,0.8);
				background: none;
				border: 0px;
			}
			.dowebby a:hover {
				text-decoration: none;
				color: rgba(255,255,255,1.0); 
				background: none;
				border: 0px;
			}
			.dowebby img {
				vertical-align: middle;
				margin-left: -20px;
				margin-top: 20px;
			}
	/* legal footer */	
		/* general section format */
			section.copyright {
				position: relative;
				width: auto;
				max-width: 100%;
				min-height: auto;
				margin: 0px auto;
				padding: 5px 10px 5px 10px;
				color: rgba(255,255,255,0.5);
				background-color: transparent;
			}
		/* 3 column section */
			article.copy_art1 {
				float: left;
				width: 25%;
				padding: 0px;
				text-align: left;
			}
			article.copy_art2 {
				float: left;
				width: 50%;
				padding: 0px;
				text-align: center;
			}
			article.copy_art3 {
				float: left;
				width: 25%;
				padding: 0px;
				text-align: right;
				white-space: nowrap;
			}
		/* legal links */
			section.copyright a, section.copyright a:visited {
				text-decoration: none;
				color: rgba(255,255,255,0.8);
				background: none;
				background-color: transparent;
				border: 0px;
			}
			section.copyright a:hover {
				text-decoration: none;
				color: rgba(255,255,255,1.0);
				background-color: transparent;
				background: none;
				border: 0px;
			}
/* content */
	/* content section - between header and footer */
		section.main {
			position: relative;
			width: auto;
			max-width: 100%;
			min-height: 450px;
			height: auto !important;
			margin: 0px auto;
			padding: 0px;
			color: rgba(0,0,0,0.85);
			background-color: rgba(255,255,255,0.80);
			font-family: Arial, sans-serif;
			font-size: 1.0rem;
			z-index: 10;
		}	
	/* special text */
		.text_default_color { color: rgba(0,0,0,0.85); }
		.attention_color {
			color: rgba(0,0,0,1.0);
		}
		.highlighter_color {
			background-color: rgba(255,255,254,0.50);
		}
		.note {
			font-size: 0.85rem,
			color: rgba(0,0,0,0.8);
		}
	/* background colors */
		.back_body { background-color: rgba(0,0,0,0.50); color: rgba(255,255,255,0.90); }
		.back_content { background-color: rgba(255,255,255,0.50); }
		.back_highlighter { background-color: rgba(255,255,254,0.50); }
	/* borders colors */
		.border_body { border: 1px solid rgba(0,0,0,1.0); }
		.border_content { border: 1px solid rgba(255,255,255,1.0); }
		.border_highlighter { border: 1px solid rgba(255,255,254,1.0); }
	/* text colors */
		.text_body { color: rgba(0,0,0,1.0); }
		.text_content { color: rgba(255,255,255,1.0); }
		.text_highlighter { color: rgba(255,255,254,1.0); }	
	/* links */
		a, a:visited {
			text-decoration: none;
			color: rgba(0,0,0,0.90);
			background: rgba(255,255,254,0.40);
		}
		a:hover {
			text-decoration: none;
			color: rgba(0,0,0,1.0); 
			background: rgba(255,255,254,0.85);
			transition: all 0.8s ease;
		}
		a.none, a.none:visited { 
			color: rgba(0,0,0,0.85);
			text-decoration: none; 
			background: none;
			border: 0px;
		}
		a.none:hover { 
			color: rgba(0,0,0,0.85);
			text-decoration: none; 
			background: none;
			border: 0px;
			cursor: hand;
		}

	/* box shadow */
		.shadow {
			box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.4);
		}
	/* table */
		section.main table {
			max-width: 100%;
			height: auto !important;
		}
		table caption {
			padding: 5px;
			font-weight: bold;
		}
		thead {
			border-bottom: 1px solid;
		}
		thead th {
			padding: 3px;
			font-weight: bold;
		}
		tbody {
			font-size: 1.10rem;
		}
		td {
			padding: 4px 6px;
			border-bottom: 1px dotted rgba(0,0,0,0.4);
		}
	/* video iframe */
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 0px;
			height: 0;
			margin: 0;
			overflow: hidden;
		}
		.video-container iframe {
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}
	/* map iframe */
		.iframe-container {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 35px;
			height: 0;
			margin: 2%;
			overflow: hidden;
		}
		.iframe-container iframe {
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}
	/* images */
		section.main img {
			max-width: 100%;
			height: auto !important;
		}	
		img.adapt {
			max-width: 100%;
			height: auto !important;
		}
		img.picsl {
			float: left;
			max-width: 40%;
			height: auto !important;
			margin: 10px 15px 5px 10px;
		}
		img.picsr {
			float: right;
			max-width: 40%;
			height: auto !important;
			margin: 10px 10px 5px 15px;
		}
		img.center {
			display: block;
			margin: 0px auto;
		}
		figure {
			padding: 0px;
			margin: 0px auto;
			max-width: 100%;			
		}
		figcaption {
			margin: 0px;
			font-size: 0.85vw;
			color: rgba(0,0,0,0.6);
		}
		figure a, figure a:visited, figure a:hover, figure a.popup-youtube, figure a.popup-youtube:visited, figure a.popup-youtube:hover {
			text-decoration: none;
			background: none;
			border: 0px;
		}
		figcaption a, figcaption a:visited, figcaption a:hover, figcaption a.popup-youtube, figcaption a.popup-youtube:visited, figcaption a.popup-youtube:hover {
			text-decoration: none;
			background: none;
			border: 0px;
		}
	/* making google maps responsive */
		.googlemaps {
			position: relative;
			padding-bottom: 60%;
			height: 0;
			overflow: hidden;
			margin: 15px 0px;
			border: 1px solid rgba(0,0,0,0.5);
		}
		.googlemaps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
		.googlemaps_header {
			position: relative;
			/* padding-bottom: 37.50%; */
			padding-bottom: 25%;
			height: 0;
			overflow: hidden;
			margin: 0px;
		}
		.googlemaps_header iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
/* social media */
	/* addthis.com share coding coding */
		div.social-share {
			margin: 0px auto; 
			max-width: 100%; 
			padding: 1.0% 0px 0.2% 0px;
			text-align: right;
		}
		div.addthis-share {
			margin: 0px;
			background: none;
			padding: 0px;
		}
		div.addthis-share a, div.addthis-share a:visited {
			background: none;
			box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);
			border-bottom: 0px;
		}
		div.addthis-share a:hover {
			box-shadow: 1px 2px 2px 1px rgba(255,255,255,0);
			transition: all 0.8s ease;
			border-bottom: 0px;
		}
	/* addthis.com follow coding */
		div.social-follow {
			position: absolute;
			top: 0.4%; 
			right: 0.8%; 
			font-size: 0.85em; 
			line-height: 100%; 
			text-align: center; 
			font-variant: small-caps; 
			z-index: +1;
		}
		div.social-follow div {
			position: relative;
			display: inline;
			top: 0px;
			margin: -4px 0px 0px 0px;
			padding: 0px;
			background: none;
			border: 0px;
		}
		div.social-follow div:hover  {
			text-decoration: none;
			margin: -4px 0px 0px 0px;
			padding: 0px;
			background: none;
			border: none;
		}
		div.social-follow a, div.social-follow a:hover, div.social-follow a:visited {
			border: 0px;
			margin: 0px;
			background: none;
		}		
/* sections */
	/* default section and article */	
		section {
			width: auto;
			max-width: 100%;
			margin: 0px auto;
			padding: 0px;
		}
		article {
			float: left;
			min-height: auto;
			padding: 0px;
		}
	/* 1 column Page Title (100% width) */
		article.pagetitle {
			float: none;
			width: auto;
			max-width: 100%;
			margin: 0px auto 0px auto;
			font-size: 1.14vw;
			text-align: center;
			color: rgba(0,0,0,0.65);
			letter-spacing: 0.0em;
			line-height: 140%;
			padding: 0px;
		}
	/* 1 column section (100% width) */
		article.sec1_art1 {
			float: none;
			width: auto;
			max-width: 100%;
		}
	/* 2 column sections */
		/* 2 column sections regular (1/2 & 2/2) */
			article.sec2_art1, article.sec2_art2 {
				width: 50%;
			}
		/* 2 column sections left small (1/3 & 2/3) */
			article.sec2l_art1 {
				width: 33%;
			}
			article.sec2l_art2 {
				width: 67%;
			}
		/* 2 column sections right small (2/3 & 1/3) */
			article.sec2r_art1 {
				width: 67%;
			}
			article.sec2r_art2 {
				width: 33%;
			}
		/* 2 column sections left small (1/4 & 3/4) */
			article.sec2l25_art1 {
				width: 25%;
			}
			article.sec2l25_art2 {
				width: 75%;
			}
		/* 2 column sections right small (3/4 & 1/4) */
			article.sec2r25_art1 {
				width: 75%;
			}
			article.sec2r25_art2 {
				width: 25%;
			}
			.article_grey { background-color: rgba(0,0,0,0.08); }
	/* 3 column sections */
		/* 3 column sections regular (1/3, 1/3 & 1/3) */
			article.sec3_art1, article.sec3_art2 {
				width: 33%;
			}		
			article.sec3_art3 {
				width: 34%;
			}
		/* 3 column sections left small (1/4, 1/4 & 1/2) */
			article.sec3l_art1, article.sec3l_art2 {
				width: 25%;
			}
			article.sec3l_art3 {
				width: 50%;
			}
		/* 3 column sections right small (1/2, 1/4 & 1/4) */
			article.sec3r_art1 {
				width: 50%;
			}
			article.sec3r_art2, article.sec3r_art3 {
				width: 25%;
			}
		/* 3 column sections center large (1/4, 1/2 & 1/4) */
			article.sec3c_art1 {
				width: 25%;
			}
			article.sec3c_art2 {
				width: 50%;
			}
			article.sec3c_art3 {
				width: 25%;
			}
		/* 4 column sections regular (1/4, 1/4, 1/4 & 1/4) */
			article.sec4_art1, article.sec4_art2, article.sec4_art3, article.sec4_art4 {
				width: 25%;
			}		
/* edit mode */
	select.add_sec {
		display: block;
		float: none;
		max-width: 95%;
		font-size: 1.0rem;
		width: 260px;
	}