@charset "UTF-8";
/* CSS Document */

/* Resets **************************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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; }
	
:focus {
	outline: 0; }
	
ol, ul {
	list-style: none;
	font-size:80%;}

table {
	border-collapse:collapse;
	border-spacing: 0;
	line-height:140%;
	font-size:75%;
	margin-top:6px; }
	
caption, th, td {
	text-align: left;
	font-weight: normal; }
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }
	
blockquote, q {
	quotes: "" ""; }
	
img { display:block; }
	
hr {
	border:none;
	height:1px;
	background-color:#E8E8E8;
	color:#E8E8E8;
	margin:0px;
	margin-bottom:10px;
	margin-top:0px;
	clear:both;
}
.mar-bot {
	margin-bottom:10px;
}	
.clear { clear: both; height: 0; }

address { font-style:normal; }

abbr { border-bottom:dotted #666 1px; }

a:link { 
	color:#00b962; 
	text-decoration: none; }

a:hover { 
	border-bottom:dotted 1px #404c46;
	text-decoration: none; }

a:visited, 
a:active { 
	color:#00b962; 
	text-decoration: none; }
	
a:visited:hover, 
a:active:hover { 
	border-bottom:dotted 1px #404c46;
	text-decoration: none; }

.hidden {
	position:absolute;
	left:0px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow:hidden; }
	
p {
	line-height:140%;
	padding-bottom:6px;
	font-size:75%;
}
	
h1 {
	font-family:Arial, Verdana;
	font-size:200%;
	font-weight:normal;
	margin:0px;
	line-height:115%;
	padding:30px 0px;
	padding-bottom:10px;
}
h2 {
}
h3 {
	font-family:Arial, Verdana;
	font-size:95%;
	font-weight:bold;
}
.date {
	font-size:85%;
	font-weight:bold;
}
label {
	font-size:75%;
	font-weight:bold;
}
input {
	margin-top:0px; }

select {
	margin-top:0px; }

textarea {
	margin-top:0px; }
	
fieldset {
	border:solid #616d75 1px;
	padding:10px;
}
legend {
	color:#073655;
	font-size:90%;
	font-weight:bold;
	word-spacing:-1px;
	padding-left:2px;
	padding-right:2px;
}
caption {
	color:#073655;
	font-size:100%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:3px;
	word-spacing:-1px;
	border-bottom:solid #b0c5d3 1px;
}
table th {
	padding-top:6px;
	padding-bottom:3px;
	padding-left:10px;
	background-color:#f3f3f3;
	padding-right:10px;
	font-weight:bold;
	color:#666;
	font-size:95%; }

table td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:20px;
	border-top:solid #eaeaea 1px; }
.td1 {
width:60%;
}
.td2 {
width:20%;
}
em {
	font-style:italic;
}
.underline {
	border-bottom:solid #EAEAEA 1px;
	margin-bottom:3px;
	font-size:90%;
	padding-bottom:0px;
}
.story_rule {
	border-bottom:dotted #C3C3C3 1px;
	width:346px;
	padding-bottom:6px;
	margin-bottom:8px;
	display:block;
}
.list_items {
	list-style-type:disc;
	padding-left:22px;
	text-indent:-12px;
	list-style-position:inside;
	font-size:75%;
	line-height:150%;
	padding-bottom:10px;
}
input.input-width {
	width:250px;
}

	
/* ********************************************************************************************* */

body {
	font-family:Arial, Tahoma, sans-serif;
	height:100%;
	text-align:left;
	margin:0px;
	color: #404c46;
	background-color: #fff;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
}

/* ********************************************************************************************* */

div#header {
	width:100%;
	background-image:url(images/header-bg.jpg);
	background-repeat:repeat-x;
	background-color:#aad9b8;
}

div#container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/bg.png);
	background-repeat:repeat-y;
}
div#contact_bar {
	margin-left:auto;
	margin-right:auto;
	width:820px;
	padding:0px 80px;
	clear:both;
}
div#header_bar {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	clear:both;
	height:76px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	padding-left:80px;
	padding-top:43px;
}
div#bcrumb {
	width:820px;
	background-color:#f0f7f4;
	margin-left:auto;
	margin-right:auto;
	padding:0px 20px;
	border-bottom:solid #d9ebe3 1px;
	font-size:95%;
}

ul#crumbs li {
	float:left;
	padding:6px 0px;
	margin:0px;
}
div.content {
	margin-left:auto;
	margin-right:auto;
	width:860px;
	padding:0px 60px;
	clear:both;
}
div.intro {
	float:left;
	width:260px;
	padding-top:2px;
}
div.single {
	float:left;
	width:260px;
	padding-left:18px;
}
div.standard {
	float:left;
	width:260px;
	padding-left:18px;
	margin-top:18px;
}
div#navigation {
	width:300px;
	float:right;
}
div.nav_hold {
	clear:both;
	background-image:url(images/nav-bg.jpg);
	background-repeat:repeat-y;
	width:220px;
	padding:0px 40px;
}
ul#navigate {
	list-style:none;
	padding-top:3px;
	list-style-type:none;
	font-weight:bold;
	font-size:100%;
	line-height:160%;
	margin-bottom:-4px;
}
ul#navigate li {
	padding-bottom:6px;
}
div.slab {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	border-top:dashed #00b962 1px;
	border-bottom:dashed #00b962 1px;
	padding:0px 20px;
	margin-top:10px;
}
div.slab_stack {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	border-top:dashed #00b962 1px;
	padding:0px 20px;
	margin-top:0px;
}
div.slab_hold {
	background-color:#edf6f1;
	width:860px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
div.feature {
	float:left;
	width:249px;
	border-right:dashed #00b962 1px;
	margin-left:20px;
	padding:10px;
	padding-left:0px;
}
div.feature_right {
	float:left;
	width:249px;
	margin-left:20px;
	padding:10px;
	padding-left:0px;
}
div.feature_arrow {
	height:26px;
	float:left;
	clear:both;
	background-image:url(images/arrow-bg.jpg);
	background-repeat:repeat-x;
	width:250px;
	margin-top:4px;
}
p.feature_text {
	font-size:11px;
}
h2.news_head {
	padding-left:20px;
	padding-top:25px;
}
p.news {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#95A69E;
	font-size:75%;
	line-height:150%;
}
img.feature_image {
margin-bottom:5px;
}
div.double {
float:left; width:556px;
}
div.row {
padding-left:20px; float:left; width:540px; padding-bottom:23px;
}
.logo_row {
width:420px; float:left;
}
.highlight {
	color:#D81111;
}
p.arrow_text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	 font-size: 12px;
	  width:220px;
	  text-align:right;
	  padding-top:5px;
}
p.arrow_text a:link { 
	color:#404C46; }

p.arrow_text a:hover { 
	color:#404C46; }

p.arrow_text a:visited, 
a:active { 
	color:#404C46; }
	
p.arrow_text a:visited:hover, 
a:active:hover { 
	color:#404C46; }
h3.pad {
	padding-bottom:6px;
}
span.copy {
font-style:italic; font-size:11px;
}
div.purchase {
float:left; width:218px; border:solid #b94a00 3px; background-image:url(product-images/spidertracks/stripes.jpg); background-repeat:repeat; padding:18px; padding-bottom:0px;
margin-bottom:20px; }
div.purchase_support {
float:left; width:218px; border:solid #404c46 3px; padding:18px; padding-bottom:10px; margin-bottom:20px; }

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
 background-color: #232331;
 font-family: 'Roboto', sans-serif;
}
#captchaBackground {
 height: 220px;
 width: 250px;
 background-color: #2d3748;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}
#captchaHeading {
 color: white;
}
#captcha {
 height: 80%;
 width: 80%;
 font-size: 30px;
 letter-spacing: 3px;
 margin: auto;
 display: block;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
.center {
 display: flex;
 flex-direction: column;
 align-items: center;
}
#submitButton {
 margin-top: 2em;
 margin-bottom: 2em;
 background-color: #08e5ff;
 border: 0px;
 font-weight: bold;
}
#refreshButton {
 background-color: #08e5ff;
 border: 0px;
 font-weight: bold;
}
#textBox {
 height: 25px;
}
.incorrectCaptcha {
 color: #FF0000;
}
.correctCaptcha {
 color: #7FFF00;
}