/* Begin CSS for template code default */
/* Begin CSS for template code colors */
/* Colors */
.c-prim { background-color:#0cf!important; color:#fff!important; }
.c-comp { background-color:#069!important; color:#fff!important; }
.c-light { background-color:#def!important; color:#036!important; }
.c-dark { background-color:#036!important; color:#fff!important; }
.c-alt { background-color:#eff!important; color:#006!important; }
.c-white { background-color:#fff!important; color:#006!important; }
.c-black { background-color:#333!important; color:#ccc!important; }
.c-err { background-color:#c00!important; color:#fff!important; }
.c-warn { background-color:#f80!important; color:#fff!important; }
.c-note { background-color:#0b0!important; color:#fff!important; }
.c-amber { background-color:#FFBF00!important; color:#fff!important; }
.c-red { background-color:#d00!important; color:#fff!important; }
.c-green { background-color:#0d0!important; color:#fff!important; }

/* Text color only */
.ct-prim { color:#0cf!important; }
.ct-comp { color:#069!important; }
.ct-light { color:#def!important; }
.ct-dark { color:#036!important; }
.ct-alt { color:#eff!important; }
.ct-white { color:#fff!important; }
.ct-black { color:#333!important; }
.ct-err { color:#c00!important; }
.ct-warn { color:#f80!important; }
.ct-note { color:#0b0!important; }
.ct-amber { color:#FFBF00!important;}
.ct-red { color:#d00!important;}
.ct-green { color:#0d0!important;}

/* Border color only */
.cb-prim { border-color:#0cf!important; }
.cb-comp { border-color:#069!important; }
.cb-light { border-color:#def!important; }
.cb-dark { border-color:#036!important; }
.cb-alt { border-color:#eff!important; }
.cb-white { border-color:#fff!important; }
.cb-white { border-color:#fff!important; }
.cb-err { border-color:#c00!important; }
.cb-warn { border-color:#f80!important; }
.cb-note { border-color:#0b0!important; }
.cb-amber { border-color:#FFBF00!important;}
.cb-red { border-color:#d00!important;}
.cb-green { border-color:#0d0!important;}

/* Hover colors */
.hover.c-prim { border: 1px solid #0cf!important; }
.hover.c-comp { border: 1px solid #069!important; }
.hover.c-light { border: 1px solid #def!important; }
.hover.c-dark { border: 1px solid #036!important; }
.hover.c-alt { border: 1px solid #eff!important; }
.hover.c-black { border: 1px solid #333!important; }
.hover.c-err { border: 1px solid #c00!important; }
.hover.c-warn { border: 1px solid #f80!important; }
.hover.c-note { border: 1px solid #0b0!important; }
.hover.c-red { border: 1px solid #d00!important; }
.hover.c-amber { border: 1px solid #FFBF00!important; }
.hover.c-green { border: 1px solid #0d0!important; }

.hover.c-prim:hover { background-color:#fff!important; color:#0cf!important; }
.hover.c-comp:hover { background-color:#fff!important; color:#069!important; }
.hover.c-dark:hover { background-color:#fff!important; color:#036!important; }
.hover.c-alt:hover { background-color:#006!important; color:#eff!important; }
.hover.c-white:hover { background-color:#006!important; color:#fff!important; }
.hover.c-black:hover { background-color:#ccc!important; color:#333!important; }
.hover.c-warn:hover { background-color:#fff!important; color:#f80!important; }
.hover.c-note:hover { background-color:#fff!important; color:#0b0!important; }
.hover.c-err:hover { background-color:#fff!important; color:#c00!important; }
.hover.c-light:hover { background-color:#036!important; color:#def!important; }
.hover.c-red:hover { background-color:#fff!important; color:#d00!important; }
.hover.c-amber:hover { background-color:#fff!important; color:#FFBF00!important; }
.hover.c-green:hover { background-color:#fff!important; color:#0d0!important; }
/* End CSS for template code colors */
/* Begin CSS for template code mynorm */
:root { font-size:12px; }
@media only screen AND (min-resolution:144dpi) {
:root { font-size:12px; }
}
html,*,*:before,*:after{box-sizing:border-box;}
/* Begin -- Minimized and modified normalize.css (a project by Nicolas Gallagher and Jonathan Neal:https://necolas.github.io/normalize.css/) */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;overflow-x:hidden;}
div,p,h1,h2,h3,h4,h5,h6,figcaption,figure,main,summary,details,menu,article,aside,footer,header,nav,section{display:block;margin:0;padding:0;}
progress,audio,video,canvas{display:inline-block;}
progress{vertical-align:baseline;}
h1{font-size:2em;margin:0.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:inherit;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type="button"], [type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
template{display:none;}
[hidden]{display:none;}
/* End -- */
body{margin:0;padding:0;font-family:sans-serif;font-size:1.6rem;line-height:1.5em;}
h1,h2,h3,h4,h5,h6{font-family:sans-serif;font-weight:900;font-size:1.8rem;margin:0;line-height:1.8rem;margin-bottom:1.6rem;}
hr{border:0;border-top:1px solid  #0cf;margin:2rem 0;}
image{max-width:100%;height:auto;}
img{margin-bottom:-5px;}
a{color:inherit;cursor:pointer;}
a[name] {cursor:none;}
/* End CSS for template code mynorm */
/* Begin CSS for template code sizes */
/* Sizes and rounds start */
.tiny{font-size:1rem!important;}
.small{font-size:1.2rem!important;}
.medium{font-size:1.6rem!important;}
.large{font-size:2.0rem!important;}
.xlarge{font-size:2.4rem!important;}
.xxlarge{font-size:2.8rem!important;}
.xxxlarge{font-size:3.2rem!important;}
.jumbo{font-size:4.0rem!important;}

.circle{border-radius:50%;}
.round-small{border-radius:0.2rem;}
.round,.round-medium{border-radius:0.4rem;}
.round-large{border-radius:0.8rem;}
.round-xlarge{border-radius:1.6rem;}
.round-jumbo{border-radius:3.2rem;}

.tiny.round, .tiny .round {border-radius:0.2rem!important;}
.small.round, .small .round {border-radius:0.3rem!important;}
.medium.round, .medium .round {border-radius:0.4rem!important;}
.large.round, .large .round {border-radius:0.5rem!important;}
.xlarge.round, .xlarge .round {border-radius:0.6rem!important;}
.xxlarge.round, .xxlarge .round {border-radius:0.7rem!important;}
.xxxlarge.round, .xxxlarge .round {border-radius:0.8rem!important;}
.jumbo.round, .jumbo .round {border-radius:1.0rem!important;}
/* Sizes and rounds end */
/* End CSS for template code sizes */
/* Begin CSS for template code form */
/* Forms start */
label.required:before{content:"* ";color:#c00;}
form.required:after{content:"* Required Field";color:#c00;line-height:3.0;}
form.required{}
.input,input[type="text"],input[type="password"]{font-size:1.0em;padding:0.6em;display:block;border:1px solid #0cf;width:100%;}
.select,select{font-size:1.0em;background-color:#fff;padding:0.6em 0;width:100%;border:1px solid #0cf;}
textarea{font-size:1.0em;padding:0.6em;display:block;border:1px solid #0cf;width:100%;min-height:100px;}
input[type=checkbox]{padding:0}
input[type=checkbox]{width:24px;height:24px;position:relative;top:6px}

label {
	display:inline-block;
	padding:0px;
}
label:first-child {
	display:block;
	padding-bottom:0.6em;
}

form.inline {
	display:inline-block;
}
form.inline .input,
form.inline input[type="text"],
form.inline input[type="password"],
form.inline label {
	display:inline-block;
	padding:0px;
	width:auto;
	min-width:4em;
}

label input[type=checkbox] { display:none;}
label input[type=checkbox] + i {
	display:inline-block;
	vertical-align:baseline;
	width:0.85em;
	height:0.85em;
	border: 0.15em solid #0cf;
	margin-right:0.5em; 
	background-color:#def;
}
label input[type=checkbox]:checked + i {
	background-color:#036;
}

input.qty{font-size:1.0em;padding:0.0em 0.1em;line-height:calc(1.8em - 2px);display:inline-block;border:1px solid #0cf;width:2.2em;max-width:none;min-width:1em;text-align:center;}
form.inline input.qty{font-size:1.0em;padding:0.0em 0.1em;line-height:calc(1.8em - 2px);display:inline-block;border:1px solid #0cf;width:2.2em;max-width:none;min-width:1em;text-align:center;position:relative;bottom:-2px;}



/* Forms end */

/* button tag, rad  start */
input[type=submit],.btn{font-size:1.0em;line-height:1.8em;border-radius:0.5em;border:none;display:inline-block;outline:0;padding:0.0em 1.0em;vertical-align:middle;overflow:hidden;text-decoration:none;background-color:#0cf;color:#fff;text-align:center;cursor:pointer;white-space:nowrap;}
input[type=submit],.btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
input[type=submit]:disabled,.disabled,.btn:disabled{cursor:not-allowed;opacity:0.3;}
.disabled *,:disabled *{pointer-events:none;}
.tag{background-color:#0cf;font-size:0.8em;color:#fff;display:inline-block;padding:0.2em 0.5em;text-align:center;line-height:1.0em;}
.rad{border:none;margin:0;padding:0;background-color:#0cf;color:#fff;display:inline-block;line-height:1.0em;padding:0.3em 0.5em;text-align:center;border-radius:1em;font-weight:bold;}
a.tag,a.rad { text-decoration:none;cursor:pointer;}

.btn:hover { opacity:0.7!important; cursor:pointer; }
.btn.nodim:hover { opacity:1.0!important; cursor:pointer; }


.tags>*, .buttons>* {
	display:table!important;
	float:left;
	margin-right:0.6em!important;
	margin-bottom:0.6em!important;
}
.tags, .buttons,.tags:after,.tags:before, .buttons:before, .buttons:after {
	display:table!important;
	clear:both;
	width:100%;
}
/* button tag, rad  end */
/* Hover Dim */
.hoverdim:hover { opacity:0.7!important; cursor:pointer; }
.hoverdim6:hover { opacity:0.6!important; cursor:pointer; }
.hoverdim5:hover { opacity:0.5!important; cursor:pointer; }
.hoverdim4:hover { opacity:0.4!important; cursor:pointer; }
.hoverdim3:hover { opacity:0.3!important; cursor:pointer; }
.hoverdim2:hover { opacity:0.2!important; cursor:pointer; }
.hoverdim1:hover { opacity:0.1!important; cursor:pointer; }
/* End CSS for template code form */
/* Begin CSS for template code display */
/* Display settings start */
section, .section { margin:.5em 0;}
section[class^="c-"],.section[class^="c-"], section[class*=" c-"], .section[class*=" c-"], section.border,.section.border { padding:1.6rem 1.6rem;}

section.c-white, .section.c-white { padding:0;}

section.c-white.border,.section.c-white.border { padding:1.6rem 1.6rem;}

section:first-child, .section:first-child { margin-top:0px;}
/*
section h1:first-child,
section h2:first-child,
section h3:first-child,
section h4:first-child,
section h5:first-child,
section h6:first-child,
.section h1:first-child,
.section h2:first-child,
.section h3:first-child,
.section h4:first-child,
.section h5:first-child,
.section h6:first-child {
margin-top:-0.4rem;
}
*/
@media (max-width:600px){
	section[class^="c-"],.section[class^="c-"], section[class*=" c-"], .section[class*=" c-"], section.border,.section.border {
		padding-right:0px;
		padding-left:0px;
		border-right-width:0px;
		border-left-width:0px;
	}
/*
	section > h1,
	section > h2,
	section > h3,
	section > h4,
	section > h5,
	section > h6,
	.section > h1,
	.section > h2,
	.section > h3,
	.section > h4,
	.section > h5,
	.section > h6
	.section > p,
	section > p,
	section > form > p,
	.section > form > p {
		padding-left:0.4rem;
		padding-right:0.4rem;
	}
*/
}

.conwrap {
	display:block;
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	padding-left:0.4rem;
	padding-right:0.4rem;
}
@media only screen AND (min-width:601px) {
	.conwrap {
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
	
}



main,.main {
	display:block;
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
@media only screen AND (min-width:900px) {
	main,.main {
		width:900px;
		margin:0 auto;
		padding:0 1.6rem;
	}
	
}
blockquote {
	border-left:.6rem solid #0cf;
	background-color:#def;
	color:#036;
	padding:1.6rem;
	margin:1.6rem 1.6rem 1.6rem 2.2rem;
}
p {
	margin-top:1.6rem;
}

h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p {
	margin-top:-0.8rem;
}
p:first-child {
	margin-top:0;
}
.padlr {
	padding-left:1.6rem;
	padding-right:1.6rem;
}
.padl {
	padding-left:1.6rem;
}
.padr {
	padding-right:1.6rem;
}
.pad,.pad-m {
	padding:1.6rem;
}
.pad-tiny {
	padding:0.25rem;
}
.pad-s {
	padding:0.5rem;
}
.pad-large {
	padding:2.2rem;
}
.pad-xlarge {
	padding:10%;
}
.pad-xxlarge {
	padding:20%;
}
.pad-xxxlarge {
	padding:30%;
}
.pad-jumbo {
	padding:40%;
}
.marg,.marg-m {
	margin:1.6rem;
}
.marg-tiny {
	margin:0.25rem;
}
.marg-s {
	margin:0.5rem;
}
.marg-large {
	margin:2.2rem;
}
.marg-xlarge {
	margin:10%;
}
.marg-xxlarge {
	margin:20%;
}
.marg-xxxlarge {
	margin:30%;
}
.marg-jumbo {
	margin:40%;
}

.xlarge{font-size:2.4rem!important;}
.xxlarge{font-size:3.6rem!important;}
.xxxlarge{font-size:4.8rem!important;}
.jumbo{font-size:6.4rem!important;}

.center {
	text-align:center;
}
.message {
	display:block;
	position:relative;
	padding-top:0.4rem;
	padding-bottom:0.4rem;
	padding-left:1.6rem;
	padding-right:2.2rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	min-height:3.6rem;
}
.message p {
	padding:0px !important;
	margin:0px !important;
}
.closebtn {
	display:block;
	position:absolute;
	top:0.4rem;
	right:0.4rem;
	width:auto;
	font-weight:bold;
	font-size:2rem;
	cursor:pointer;
}
.sb-md,.sb-ld {
	display:block;
}
.sb-mo,.sb-lo,.sb-xo {
	display:none;
}
.sb-so {
	display:block;
}
.sb-mu,.sb-lu {
	display:none;
}

.sib-md,.sib-ld {
	display:inline-block;
}
.sib-mo,.sib-lo,.sib-xo {
	display:none;
}
.sib-so {
	display:inline-block;
}
.sib-mu,.sib-lu {
	display:none;
}
@media (min-width:601px){
	.sb-so {
		display:none;
	}
	.sb-mo {
		display:block;
	}
	.sb-mu {
		display:block;
	}
	.sib-so {
		display:none;
	}
	.sib-mo {
		display:inline-block;
	}
	.sib-mu {
		display:inline-block;
	}
}
@media (min-width:993px){
	.sb-mo {
		display:none;
	}
	.sb-lo {
		display:block;
	}
	.sb-md {
		display:none;
	}
	.sb-lu {
		display:block;
	}
	.sib-mo {
		display:none;
	}
	.sib-lo {
		display:inline-block;
	}
	.sib-md {
		display:none;
	}
	.sib-lu {
		display:inline-block;
	}
}
@media (min-width:1293px){
	.sb-lo {
		display:none;
	}
	.sb-xo {
		display:block;
	}
	.sb-ld {
		display:none;
	}
	.sib-lo {
		display:none;
	}
	.sib-xo {
		display:inline-block;
	}
	.sib-ld {
		display:none;
	}
}
.sb {
	display:block;
}
.sbi {
	display:inline-block;
}

.contain{display:table;width:100%;}
.contain:before,.contain:after{content:"";display:table;clear:both;}

/* accordians */
.ac-title {
	background-color:#def;
	color:#036;
	border-bottom:1px solid #036;
	padding:0.5rem;
	height:calc( 3rem + 1px);
	font-size:1.6rem;
	line-height:2rem;
	font-weight:bold;
}
.ac {
	height:auto;
	overflow:hidden;
	border:1px solid #036;
	background-color:#f6faff;
	color:#000;
	margin-bottom:0.5rem;
}
.ac-closed {
	height:calc( 3rem + 2px);
	overflow:hidden;
}
.conwrap > .ac {
	margin-left:-0.4rem;
	margin-right:-0.4rem;
	border-left-width:0px;
	border-right-width:0px;
}


@media only screen AND (min-width:601px) {
	.conwrap > .ac {
		margin-left:0px;
		margin-right:0px;
		border-left-width:1px;
		border-right-width:1px;
	}
	
}


/* Display settings end */
/* End CSS for template code display */
/* Begin CSS for template code border */
/* border start */
.border-0{border:0;}
.border{border:1px solid #0cf;}
.border-top{border-top:1px solid #0cf;}
.border-bottom{border-bottom:1px solid #0cf;}
.border-left{border-left:1px solid #0cf;}
.border-right{border-right:1px solid #0cf;}
.border-tb{border-top:1px solid #0cf;border-bottom:1px solid #0cf;}
.border-lr{border-left:1px solid #0cf;border-right:1px solid #0cf;}
.topbar{border-top:6px solid #0cf;}
.bottombar{border-bottom:6px solid #0cf;}
.leftbar{border-left:6px solid #0cf;}
.rightbar{border-right:6px solid #0cf;}
/* border end */
/* End CSS for template code border */
/* Begin CSS for template code col */
.col{float:left;width:100%;}
.col.s1{width:8.33333%;}
.col.s2{width:16.66666%;}
.col.s3{width:24.99999%;}
.col.s4{width:33.33333%;}
.col.s5{width:41.66666%;}
.col.s6{width:49.99999%;}
.col.s7{width:58.33333%;}
.col.s8{width:66.66666%;}
.col.s9{width:74.99999%;}
.col.s10{width:83.33333%;}
.col.s11{width:91.66666%;}
.col.s12{width:99.99999%;}
@media (min-width:601px){
.col.m1{width:8.33333%;}
.col.m2{width:16.66666%;}
.col.s3{width:24.99999%;}
.col.m4{width:33.33333%;}
.col.m5{width:41.66666%;}
.col.m6{width:49.99999%;}
.col.m7{width:58.33333%;}
.col.m8{width:66.66666%;}
.col.m9{width:74.99999%;}
.col.m10{width:83.33333%;}
.col.m11{width:91.66666%;}
.col.m12{width:99.99999%;}
}
@media (min-width:993px){
.col.l1{width:8.33333%;}
.col.l2{width:16.66666%;}
.col.l3{width:24.99999%;}
.col.l4{width:33.33333%;}
.col.l5{width:41.66666%;}
.col.l6{width:49.99999%;}
.col.l7{width:58.33333%;}
.col.l8{width:66.66666%;}
.col.l9{width:74.99999%;}
.col.l10{width:83.33333%;}
.col.l11{width:91.66666%;}
.col.l12{width:99.99999%;}
}
@media (min-width:1293px){
.col.x1{width:8.33333%;}
.col.x2{width:16.66666%;}
.col.x3{width:24.99999%;}
.col.x4{width:33.33333%;}
.col.x5{width:41.66666%;}
.col.x6{width:49.99999%;}
.col.x7{width:58.33333%;}
.col.X8{width:66.66666%;}
.col.x9{width:74.99999%;}
.col.x10{width:83.33333%;}
.col.x11{width:91.66666%;}
.col.x12{width:99.99999%;}
}
.contain{display:table;width:100%;}
.contain:before,.contain:after{content:"";display:table;clear:both;}
/* End CSS for template code col */
/* Begin CSS for template code tables */
/* Tables start */
table{border-collapse:collapse;border-spacing:0;width:100%;display:table;}
.table-all{border:0.1rem solid #0cf;}
.bordered tbody tr,.table-all tbody tr{border-bottom:0.1rem solid #0cf;}
{background-color:#fff;color:#006;}
{background-color:#eff;color:#006;}
.striped tbody tr:nth-child(odd), .table-all tbody tr:nth-child(odd){background-color:#eff;color:#006;}
.striped tbody tr:nth-child(even), .table-all tbody tr:nth-child(even){background-color:#fff;color:#006;}
.centered tr th,.centered tr td{text-align:center;}
.striped thead th,.table-all thead th{background-color:#0cf;color:#fff;}
.table td,.table th,.table-all td,.table-all th{padding:0.8rem 0.8rem;display:table-cell;text-align:left;vertical-align:top;}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:1.6rem;}
.table td.center,.table-all td.center {text-align:center;}

.striped tbody tr:last-child, .table-all tbody tr:last-child {border:none;}


/* Tables Mobile */

@media (max-width:899px){
	table.mobfren, 
	table.mobfren tbody, 
	table.mobfren tr,
	table.mobfren tr td {
		display:block;
		width:100%;
		padding:0px!important;
	}
	table.mobfren tr td.center {
		text-align:left;
	}
	table.mobfren thead {
		display:none;
	}
	table.mobfren tbody tr {
		padding:1rem!important;
	}
	td[molab="name"]:before { content:"Name: "; }
	td[molab="address"]:before { content:"Address: "; }
	td[molab="city"]:before { content:"City: "; }
	td[molab="state"]:before { content:"State: "; }
	td[molab="zipcode"]:before { content:"Zipcode: "; }
	table.mobfren tbody tr td[data-colname]:before {
		content:attr(data-colname) ": ";
	}
}
@media (max-width:799px){
	table.mobfren-800, 
	table.mobfren-800 tbody, 
	table.mobfren-800 tr,
	table.mobfren-800 tr td {
		display:block;
		width:100%;
		padding:0px!important;
	}
	table.mobfren-800 tr td.center {
		text-align:left;
	}
	table.mobfren-800 thead {
		display:none;
	}
	table.mobfren-800 tbody tr {
		padding:1rem!important;
	}
	table.mobfren-800 tbody tr td[data-colname]:before {
		content:attr(data-colname) ": ";
	}
}

/* Tables end */
/* End CSS for template code tables */
/* Begin CSS for template code modal */
/* Modal Start */
.modal, .modal-full{z-index:3;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}

.modal{padding-top:10.0rem;}
.modal-content{margin:auto;background-color:#def;color:#036;position:relative;padding:0;outline:0;}

.modal .modal-content{width:60.0rem;}
.modal-full .modal-content{width:100%;}

@media (max-width:600px){
.modal .modal-content{margin:0 1.0rem;width:auto!important;}
.modal{padding-top:3.0rem;}
}
@media (max-width:768px){
.modal .modal-content{width:500px;}
.modal{padding-top:50px;}
}
@media (min-width:993px){
.modal .modal-content{width:900px;}
}
/* Modal End */
/* End CSS for template code modal */
/* nav was here before it got own template */
/* datepicker stuff start */

.datepicker-calendar{
    background: #eee;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 9;
    font-size: 16px;
    font-family:sans-serif;
}

.datepicker-calendar > div {
    display: inline-block;
    margin: 0 10px;
}

.datepicker-hidden{
    display: none;
}

.datepicker-navWrapper > span {
    cursor: pointer;
}
.datepicker-month > table td {
	text-align:center;
}
.datepicker-month > h4 {
	text-align:center;
}

.datepicker-month > table td.datepicker-active, .datepicker-month > table td.datepicker-selected{
    background-color: #FBFBFB;
    cursor: pointer;
}

.datepicker-month > table td.datepicker-selected{
    background-color: #ccc;
}
.datepicker-month > table td.datepicker-today{
    background-color: #000;
    color:#fff;
}

.datepicker-month > table td.datepicker-disabled{
    opacity: 0.7;
    text-decoration: line-through;
    cursor: not-allowed;
    color: #888;
}

.datepicker-calendar > .datepicker-closeWidget{
    display: block;
    text-align: right;
}

.datepicker-closeWidget p{
    cursor: pointer;
}
.datepickholder .dpih {
	text-align:left;
	padding:0.2em;
	font-size: 1.8em;
	cursor:pointer;
}

@media (max-width:600px){
	.datepickholder {
		padding-left:4px;
		padding-right:4px;
	}
}
/* datepicker stuff end */
/* lookup related stuff start */
input.lookup {
	width:calc(100% - 3.5rem);
	display:inline-block;
}
.lookup-trigger.fa {
	cursor: pointer;
	font-size:2.4rem !important;
	color:#0cf!important;
}
/* lookup related stuff end */
/* End CSS for template code site */
/* End CSS for template code default */
/* Begin CSS for template code nav */
/* Begin CSS for template code nav */
nav.sitewide {
	max-width:1016px;
	margin:auto;
}
nav {
	background-color:#0cf;
}
nav.menuclosed {
	height:4rem;
	overflow:hidden;
}
nav > a {
	display:block;
	background-color:#0cf;
	color:#fff;
	border-top:1px solid #036;
	padding:0.5em 0.5em;
}

nav > a.menrev {
	display:block;
	background-color:#fff;
	color:#000;
	border-top:1px solid #036;
	padding:0.5em 0.5em;
}

nav .mentrig { 
	display:block;
	height:4rem;
	line-height:2.2rem;
	padding:0.5em 0.5em;
	border-top:1px solid #0cf;
}

nav > a:hover, nav .mentrig:hover {
	background-color:#ccc;
	color:#000;
	cursor:pointer;
}
nav .mentrig:hover { 
	border-top:1px solid #069;
}

nav > a.menrev:hover {
	background-color:#ccc;
	color:#000;
	cursor:pointer;
}




nav a { 
	text-decoration:none;
}


@media only screen AND (min-width:601px) {
	nav.menuclosed {
		height:auto;
		min-height:4rem;
	}

	nav > a, nav > a.menrev { 
		display:inline-block;
		border-top:none;
	}

	nav :first-child { 
		display:none;
	}
}
/* End CSS for template code nav */
/* Begin CSS for template code site */
/* side nav stuff */
.snline {
	display:block;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#0cf!important;
	color:#0cf!important;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	text-decoration:none;
	background-color:white;
}

.snline:first-of-type {
}
.snline:last-of-type {
	border-bottom-style:none;
}

#sidenavopener {
	cursor:pointer;
	padding-right:1em;
}
#sidenavcloser {
	cursor:pointer;
	font-weight:bold;
	font-size:1.2em;
	padding-left:1.0rem;
	padding-top:0.50rem;
	padding-bottom:0.25rem;
}
#sidenav {
	height:100%;
	background-color:white;
}
#sidenav h2 {
	padding-bottom:0px;
	margin-bottom:0px;
}

@media (max-width:992px){
	#sidenav {
		z-index:2;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		min-height:10000px;
	}
	#sidenav h2 {
		padding-left:1.0rem;
		padding-right:0rem;
	}
	.snline {
		padding-left:1.5rem;
		padding-right:0rem;
	}
	#sidenav section {
		padding:0px;
	}
	#sidenavcloser {
		margin-bottom:1rem;
	}

}
@media (min-width:993px){
	#sidenav {
		padding-left:1rem;
		padding-right:0.25em;
	}
}

/* Bread crumbs */
	#breadcrumbs {
		padding-top:0.4rem;
		padding-bottom:0.4rem;
		padding-left:0.4rem;
		padding-right:0.4rem;
		max-width:1200px;
		margin:auto;
	}
@media (min-width:601px){
	#breadcrumbs {
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
}




	.crumbend {
		font-weight:bold;
	}
	.crumbsep {
		display:inline-block;
		font-weight:bold;
		padding-left:0.25rem;
		padding-right:0.25rem;
	}
	.crumb {
		text-decoration:none;
	}

/* Subnav AKA leftnav */
.subnavitem {
	display:block;
	font-weight:bold;
/*
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#0cf!important;
*/
	color:#0cf!important;
	padding-top:0.25em;
	padding-bottom:0.25em;
	text-decoration:none;
}
/* End CSS for template code nav */
/* Begin CSS for template code mod1 */
.story {
	background-color:#00ccff;
	padding:1.6em;
}
.story > p {
	font-size:1.8rem;
	line-height:1.8;
	text-align:justify;
	-moz-text-align-last:left;
	text-align-last:left;
}
.story > h2 {
	font-size:3.2rem;
	line-height:1.8;
}
.story{
	border:1px solid #888;
	margin:20px;
	box-shadow:10px 10px #00000088;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding:2%;
	background-color:#ffffff;
	background-image: linear-gradient(rgba(255,200,200,.2) 2px, transparent 2px),
	linear-gradient(90deg, rgba(255,200,200,.2) 2px, transparent 2px),
	linear-gradient(rgba(255,200,200,.2) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,200,200,.2) 1px, transparent 1px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
@media screen and (max-width:600px){
	.story {
		padding:0.4rem;
	}
}
.homepage > p {
	font-size:2.0rem;
	line-height:1.6;
}
.homepage > h2 {
	font-size:2.5rem;
	line-height:1.8;
}
.homepage{
	border:1px solid #888;
	margin:20px;
	box-shadow:10px 10px #00000088;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	color:#550088;
	padding:2%;
	background-color:#ffffff;
	background-image: linear-gradient(rgba(255,200,200,.2) 2px, transparent 2px),
	linear-gradient(90deg, rgba(255,200,200,.2) 2px, transparent 2px),
	linear-gradient(rgba(255,200,200,.2) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,200,200,.2) 1px, transparent 1px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
/* End CSS for template code mod1 */
