﻿/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'catamaranregular', Arial, sans-serif ;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/
@font-face {
    font-family:'robotobold';
    src: url('../webfonts/Roboto-Bold-webfont.eot');
    src: url('../webfonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Bold-webfont.woff') format('woff');
    font-weight:normal; font-style:normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 16, 2018 */
@font-face {
    font-family:'catamaranbold';
    src: url('../webfonts/catamaran-bold-webfont.eot');
    src: url('../webfonts/catamaran-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/catamaran-bold-webfont.woff2') format('woff2'),
         url('../webfonts/catamaran-bold-webfont.woff') format('woff');
    font-weight:normal; font-style:normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 16, 2018 */
@font-face {
    font-family:'catamaranregular';
    src: url('../webfonts/catamaran-regular-webfont.eot');
    src: url('../webfonts/catamaran-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/catamaran-regular-webfont.woff2') format('woff2'),
         url('../webfonts/catamaran-regular-webfont.woff') format('woff');
    font-weight:normal; font-style:normal;
}

header, nav, article, footer, img {display:block;}

body {background:url('../siteart/layout/grn-camo.jpg') no-repeat center; background-size:cover; background-attachment:fixed; font-family:'catamaranregular' !important; font-size:16px; line-height:normal; font-weight:normal; color:#fff; -webkit-text-size-adjust:none;}

.wrap {width:94%; margin:0 auto; max-width:1230px;}
.clear-it:after {content:""; clear:both; display:block;}

.show-tablet, .break-480 {display:none;}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.col1 {width:8.33333%; float:left;}
.col2 {width:16.66666%; float:left;}
.col3 {width:25%; float:left;}
.col4 {width:31.33333%; float:left;}
.col5 {width:41.66666%; float:left;}
.col6 {width:50%; float:left;}
.col7 {width:58.33333%; float:left;}
.col8 {width:66.66666%; float:left;}
.col9 {width:75%; float:left;}
.col10 {width:83.33333%; float:left;}
.col11 {width:91.66666%; float:left;}
.col12 {width:100%; float:left;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1% 0 1%;}


/***** typography styles ****/
p {margin-bottom:16px; line-height:20px;}
.no-margin {margin:0!important;}

a {color:#8db156; text-decoration:none; font-family:'catamaranbold';}
a:hover {color:#fff;}

strong {font-family:'catamaranbold'; font-weight:normal;}
em {font-style:italic;}
.center-text {text-align:center;}

.green {color:#006537;}
.lt-green {color:#8db156;}
.black {color:#000;}
.white {color:#fff;}
.red {color:red;}

h1, h2, h3, h4, h5, h6 {font-family:'robotobold'; font-weight:normal;}
h1 {font-size:28px; margin-bottom:14px;}
h2 {font-size:28px; margin-bottom:16px;}
h3 {font-size:22px; margin-bottom:14px;}
h4 {font-size:20px; margin-bottom:10px;}
h5 {font-size:18px; margin-bottom:7px;}
h6 {font-size:16px; margin-bottom:3px;}

ul.list {list-style:disc; margin:0 0 16px 16px;}
ul.list li {list-style:disc; margin-left:6px; padding:3px 0; line-height:18px;}


/***** header styles ****/
header {width:100%; padding:25px 0; background:url('../siteart/layout/wt-camo.jpg') no-repeat center; background-size:cover;}
.wrap-header{display:block;overflow:auto;margin:0 auto;padding:0 5%}
.logo {width:23%; float:left; margin-right:2%;}
.logo img {width:100%; height:auto; max-width:374px;}


/***** nav styles ****/
nav {width:75%; float:left; margin-top:18px;}
nav ul {width:100%; margin:0 auto; text-align:right;}
nav li {display:inline-block; zoom:1; *display:inline; position:relative;}
nav li a:link, nav li a:active, nav li a:visited {display:block; text-decoration:none; color:#000; text-transform:uppercase; padding:0 5px; line-height:24px; font-family:'robotobold'; font-size:15px;}
nav li a:hover {color:#006537;}


/** mobile nav styles **/
#mobile-nav .close-nav {width:100%; display:block; height:30px; text-align:right; line-height:30px; font-size:18px; font-weight:bold; border-bottom:1px #999 solid;}
#mobile-nav .close-nav i {margin-right:15px;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#f3f3f3; color:#000; margin:0!important;
	-moz-box-shadow:2px 0px 3px rgba(0, 0, 0, .4); -webkit-box-shadow:2px 0px 3px rgba(0, 0, 0, .4); box-shadow:2px 0px 3px rgba(0, 0, 0, .4);}

#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #999;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; font-family:'robotobold'; text-decoration:none; color:#000;}
#mobile-nav ul li a:hover {background:#006537; color:#fff;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; display:block;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#eee;}
#mobile-nav ul li ul li {line-height:40px; font-size:13px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#fff; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:#006537; color:#fff;}


/***** content styles ****/
.hero {border-top:1px #000 solid; border-bottom:1px #fff solid; background:url('../siteart/hero.jpg') no-repeat center; background-size:cover; padding:55px 0;}
.quick-search {background:rgba(0,101,55,0.90); width:31%; margin:0 9% 0 60%; padding:20px 30px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

article {width:100%; padding:35px 0; background:url('../siteart/layout/blk-camo.jpg') no-repeat center; background-size:cover;}
.lt-content {width:66%; float:left; padding:0 3% 0 0; border-right:1px #999 solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.rt-content {width:31%; float:left; margin:0 0 0 3%;}
.with-icon i {display:inline-block; margin-right:10px; font-size:20px; vertical-align:top;}
.with-icon span {display:inline-block;}

.loc-content {width:30%; float:left; margin-right:5%;}
.loc-map {width:65%; float:left;}
.loc-map iframe {width:100%; height:400px;}


/***** footer styles ****/
footer {width:100%; padding:23px 0;}
.copyright {width:100%; text-align:center; color:#fff; font-size:12px; line-height:14px;}
.copyright a {color:#fff;}
.copyright a:hover {text-decoration:underline;}


/***** form styles ****/
#formpage .column3 {width:31.3333%; margin-right:2%; float:left;}
#formpage label {display:block; margin-bottom:3px;}
#formpage input {width:calc(100% - 10px); padding:6px 5px; background:#fff; color:#000; font-size:14px; margin-bottom:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#formpage textarea {width:calc(100% - 10px); padding:6px 5px; background:#fff; color:#000; font-size:14px; height:120px; margin-bottom:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#formpage select {width:100%; background:#fff; vertical-align:middle; font-size:14px; color:#000; line-height:normal; padding:5px; margin-bottom:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

#formpage input.checkbox {padding:0;  border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus, #formpage textarea:focus, #formpage select:focus {
	background:#8e8d8d; color:#FFF; outline-style:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#formpage input.radio:focus, #formpage input.checkbox:focus {
	background:none; border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {
    width:100%; margin:0; padding:10px 0; background:#8db156; font-size:14px; line-height:14px; font-weight:bold; color:#000; -webkit-appearance:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#formpage input.button:hover {background:#006537; color:#fff;}

.quick-search #formpage input.button, .quick-search #formpage input.button:focus {background:#000; color:#fff;}
.quick-search #formpage input.button:hover {background:#8db156; color:#000;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 10px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/***** responsive styles ****/

@media screen and (max-width:1450px) {
	nav {margin-top:10px;}
    .wrap-header{padding:0 10px}
	nav li a:link, nav li a:active, nav li a:visited {font-size:13px;}
}

@media screen and (max-width:1200px) {
	nav {margin-top:5px;}
	nav li a:link, nav li a:active, nav li a:visited {padding:0 3px;font-size:12px}
	.quick-search {width:44%; margin:0 3% 0 53%;}
	.lt-content {width:60%;}
	.rt-content {width:37%;}
}

/*@media screen and (min-width:961px) {
	#mobile-nav {display:none!important;}
}*/
@media screen and (max-width:1060px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	.logo {width:36%;}
	nav {width:60%; margin-top:5px;}
	#simple-menu {line-height:40px; width:80px; float:right; display:block; cursor:pointer; font-size:16px; color:#000; text-transform:uppercase; text-align:right; font-family:'robotobold';}
	
}

@media screen and (max-width:960px) {
	.lt-content {width:100%; padding:0 0 10px 0; margin:0 0 15px 0; border-right:none; border-bottom:1px #999 solid;}
	.rt-content {width:100%; margin:0;}
}

@media screen and (max-width:768px) {
	body {font-size:14px;}
	p {margin-bottom:14px; line-height:18px;}
	h1 {font-size:24px; margin-bottom:12px;}
	h2 {font-size:24px; margin-bottom:14px;}
	h3 {font-size:20px; margin-bottom:12px;}
	h4 {font-size:18px; margin-bottom:8px;}
	h5 {font-size:16px; margin-bottom:5px;}
	h6 {font-size:14px; margin-bottom:1px;}
	
	ul.list {margin:0 0 14px 14px;}
	ul.list li {line-height:16px;}
	
	header {padding:12px 0;}
	.logo {width:41%;}
	nav {width:55%;}
	
	.hero {padding:25px 0; border-bottom-width:2px;}
	.quick-search {width:55%; margin:0 0 0 45%; padding:10px 15px 15px 15px;}
	article {padding:20px 0;}
	.with-icon i {margin-right:7px; font-size:18px;}
	
	.loc-content {width:100%; margin-right:0;}
	.loc-map {width:100%;}
	.loc-map iframe {height:300px;}
	
	#formpage .column3 {width:48%;}
	
	footer {padding:15px 0;}
	.copyright {font-size:10px; line-height:12px;}
}
@media screen and (max-width:640px) {
	.logo {width:51%;}
	nav {width:45%;}
	
	.quick-search {width:65%; margin:0 0 0 35%;}
}
@media screen and (max-width:480px) {
	.break-480 {display:block;}
	.hide-480 {display:none;}
	.col6 {width:100%;}
	.col6:first-of-type ul.list {margin-bottom:0;}
	
	.logo {width:66%;}
	nav {width:30%;}
	
	.hero {background-position:20% center;}
	.quick-search {width:100%; margin:0;}
	
	#formpage .column3 {width:100%; margin-right:0;}
}
@media screen and (max-width:375px) {
	nav {margin-top:0;}
}
@media screen and (max-width:320px) {
	
}