html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {scroll-behavior: smooth}
body {
max-width: 1180px; margin: 10px auto; background:transparent;
font: normal 1.333em/1.333em "Crimson Text", serif;
}
header {
	margin:0;
	padding: 0; 
	position:relative;
	background: transparent;
	background-size: cover;
	cursor:pointer;
}
#hpost {
position:absolute;
right:7px;
top:7px;
max-width: 50%;
font: normal 0.5em/1em arial, sans-serif;
background:#fff;
padding: 2px;
text-align: center;
}
#hpost a {color:#254; text-decoration:none;}

a.extlink:after {
content: url(images/extlink.png);
margin-left: 8px;
}

h2 {
padding: 2px 10px;
margin:0.5em 0 0.25em;
color:#048e6a;
font: normal 1.125em/1.125em Cinzel, serif;
}
h3 {
padding: 0.5em 0 0.25em;
color:#ac7126;
font: normal 1.125em/1.3333em Cinzel, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h4 {
padding: 0.5em 0 0.25em;
color:#242;
font: normal 1.0666em/1.125em Cinzel, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h1#pname {
	background: #71b6ad url(images/bgh2.png) 96% bottom no-repeat;
	min-height: 135px;
	padding: 10px 104px 10px 34px;
	margin: 0 0 12px 0;
	color: #fff;
	font: bold 30px/35px "Cinzel", serif;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.333);
}

a { 
	color: #526d9c;
	}
a:visited { 
	color: #526d9c;
	}
a:hover { 
	color: #71b6ad;
	text-decoration: none;
	}
a:active { 
	color: #f60;
	}

#main {float:left; width:72%; padding: 8px 1%;}
#main p {margin: 0.25em 12px 1em 12px;}
#main ul {margin: 1em 5%;}
#main ul li {margin-bottom:0; padding:0; line-height: 1.25em;}
#main ul li:before { 
    content: "";
    border-color: transparent #369;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}

a.vidLink {text-decoration:none;}
.vid {padding: 6px 10px; margin: 0.5em; border: 1px solid #ccc; overflow:auto; clear:both;}
.vid:hover {background: #267cab; color:#fff}
.vidpic {float:left; max-width: 50%; margin-right: 1em;}
.youtube {float:right; margin-left: 0.75em;}
@media screen and (max-width: 480px) {
	.youtube {display: none;}
}

#nousersnow {line-height: 1.125em; padding:0.5em; border: 3px dotted #97c4dc; border-radius: 8px; margin: 0.5em 0; font-weight:bold;}
.nousers { font-size:1.5em; color:#366; }

img {max-width:100%; height:auto;}
video {
  width: 100%    !important;
  height: auto   !important;
}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
.ctr {text-align: center;}
.caption {font-size:0.75em; line-height:1em;}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
   font-size:0.75em;
}
sub { top: 0.4em; }

.lg {font-size:1.125em;}
.grn {color:#363;}
.orange {color:#cc5202;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin: 10px 2% 20px 2%;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

hr.floral { padding: 0;  overflow: visible; border: none; clear:both; border-top: medium double #333; color: #333; text-align: center; margin:2em 1em 0; }
hr.floral:after { content: "\2766";  color:#585; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }

#xmobiOnly {display:none; text-align:center;}
#xmobiOnly img  {display:block; margin: 0.5em auto;}

.rfloat50 {float:right; max-width: 48%; margin-left:0.5em;}
.lfloat50 {float:left; max-width: 48%; margin-right:0.5em;}

#Cquote {min-height:12em; overflow:hidden; text-align: left; max-width:320px; margin: 0.5em auto; transition: all 0.5s ease-in-out 0s;
 background:#526d9c url(images/thinker2.jpg) center bottom no-repeat; padding: 8px;
 }
#Cquote p {padding:5px; position: relative; font-size:1em; line-height:1.25em; color:#fff;}
#Cquote h4 {margin: -3px -3px 0 -3px; padding: 2px 4px; color:#ffab40; background: #2c2b5a; font-size: 24px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);}

#generateQuote {
	display: inline-block;;
	cursor: pointer;
	margin: 6px 0 0 0;
	position:relative;
}
#generateQuote input {
	background: #ffeaa8;
	background: -moz-linear-gradient(top,  #ffeaa8 0%, #e7c444 100%);
	background: -webkit-linear-gradient(top,  #ffeaa8 0%,#e7c444 100%);
	background: linear-gradient(to bottom,  #ffeaa8 0%,#e7c444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaa8', endColorstr='#e7c444',GradientType=0 );
	border: 0;
	text-align: center;
	color: #000;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	font-family: arial, tahoma, verdana, sans-serif;
	font-weight: 700;
	font-size:14px;
	padding:4px 10px;
	margin:0;
	border-radius:2px;
}
#generateQuote input:hover {
	background: #4599f9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea6f9', endColorstr='#0777F6');
	background: -webkit-gradient(linear, left top, left bottom, from(#5ea6f9), to(#0777F6));
	background: -moz-linear-gradient(top,  #5ea6f9,  #0777F6);
	text-decoration:none;
	color:#fff;
}


/* ----------- navigate ----------- */

nav ul li a.mobiOnly {display:none;}
nav ul li a.mobiNot {display:block;}

nav {float:left; width:27%;}
nav img {margin: 0.25em 0;}
nav ul {
  display: inline-block;
}
nav ul, nav ul ul, nav ul li {
  list-style: none; padding: 0; margin: 0;
}
nav ul a, nav ul a:visited {
  text-decoration: none;
  color:#fff;
}
nav ul > li {
  display: inline-block; float: left;
  margin-bottom: 1px;
}
nav ul > li > a {
  display: block;  padding: 6px 9px;
  background-color: #526d9c;
  color:#fff;
}
nav ul > li:hover > a, nav ul > li:hover > a:visited {
  background-color: #469489;
  color:#fff;
}
nav ul > li > a:active {
  background-color: #469489;
}
nav ul > li.current > a {
  background-color: #ccc;
}

nav ul > li ul {
  position: absolute; display: none;
}
nav ul > li ul {
  float: left; background-color: #fff;
}
nav ul > li:hover ul {
  display: block;
}

nav ul {
  width: 200px; /* Adjust the width of the vertical menu */
  width: 100%; /* Adjust the width of the vertical menu */
}
nav ul > li {
  display: block; float: none; position: relative;
}
nav ul > li ul {
  width: 210px; top: 0;
  left: 200px; /* Adjust the left value according to the width of the vertical menu */
  left: 95%; /* Adjust the left value according to the width of the vertical menu */
  z-index:9999;
  border-left: 1px solid #fff;
}


/* ------------------- Nav Checkbox ------------------- */

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #7c94bd;
	text-align: center;
	padding: 10px 0;
	display: none;
	max-height: 60px;
	cursor:pointer;
}
.show-menu:hover {background:#7f909b;}

/*Hide checkbox*/
input#show-menu[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ #menu{
    display: block;
}

label.show-menu { position: relative; margin:0 1px;}
label.show-menu:before {
    position: absolute;
    left: .5em;
    top: .25em;
    content: "\2261";
    font-size: 2em;
	color:#fff;
}

/* ------------------- end Nav Checkbox ------------------- */

/* ------------------- responsive ------------------- */

@media screen and (max-width: 1180px) {
	body {margin:0;}
	nav {margin-left:1%;}
}
@media screen and (max-width: 48em) {
	body {}
	.nomo {display:none;}
	#xmobiOnly {display:block;}
	#hpost {display:none;}
	#nousersnow {border:0; font-weight:normal; font-style:oblique; margin:0; padding: 3px; text-align:right; color:#666;}
	.nousers {font-size:1.125em;}
	#main {float:none; width: auto; margin: 4px 1% 1em 1%;}
	nav ul li a.mobiOnly {display:block;}
	nav ul li a.mobiNot, #menu a.mobiNot {display:none;}
	nav {float:none; 
  		height: auto;
		margin: 0 1% 10px 1%;
		width: 98%;
		position:relative;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav ul li {/*
  		width: 50%;
  		float: left;
		*/
		margin:0;
  		position: relative;
  	}
  	nav ul li a {
		border:0;
		border-radius: 0;
		box-shadow:none;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
	nav ul li:hover ul, nav ul li.hover ul { /* This line is required for IE 6 and below */
		display:none; /* Don't Show the sub menus */
	}

	nav ul li {	left:0%; }
	nav ul > li ul {width: 100%; position: relative; left:0; z-index:9999;}
	#menu {
		width:100%;
		position: static;
		display: none;
		background:none;
		border:0;
		margin:0;
		padding:0;
		border-radius: 0;
	}
	#menu li {
		margin-bottom: 1px;
		display: block;
		/*
  		width: 50%;
  		float: left;
		*/
		margin:0;
		padding:0;
  		position: relative;
		background: #526d9c;
		border-radius: 0;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
	}
 /* 	#menu li:last-child {width: 100%;}----- odd no links ----------- */
	#menu li:hover, #menu li a:active, #menu li.active {
		background: #469489;
		color:#fff;
		text-shadow:none;
	}
	/*Make all menu links full width*/
	#menu li a {
		width: 100%;
		margin:0;
		padding: 0.5em;
		color:#fff;
		display: block;
		font-weight:bold;
		text-shadow:none;
	}
	#menu li:hover a, #menu li:active a, nav ul li.active a {background:transparent; color:#fff;}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}


	
	#menu ul{position:relative;display:none}
	#menu li:hover ul{display:block}
	#menu ul li a {text-indent:0.5em; font-size:0.875em; padding-left:2em;}
	#menu li:first-child a {border-left:none;}
	#menu ul li a:before {
    position: absolute;
    left: .5em;
    content: "\2192";
    font-size: 1em;
	color:#fff;
	}



}	/* ------- End Responsive nav css ----- */

footer {clear:both; background:#357; color:#fff; text-align:center; padding: 0.75em; line-height: 1.333em;}
footer div {max-width:36em;  margin:0 auto; padding-bottom: 10px; font-size:0.75em;}
footer div a, footer div a:link, footer div a:visited {color:#ffc;}
footer div a:hover, footer div a:link:hover {color:#f93; text-decoration:none;}
#HTML5 {float:left;}
#sponsive {float:right;}