/* INTERSTITIAL/MODAL */
.main-modal {
	position: fixed;
	display: none;
    z-index: 900;
    background-color: white;
    width: 70%;
    max-width: 600px;
    text-align: center;
    padding: 40px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.main-modal.open {
	display: block;
}

body.modal-is-open {
    overflow: hidden;
}

.modal-overlay {
	position: fixed;
	display: none;
    width: 130vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.68);
    z-index: 800;
    top: 0;
}

.modal-overlay.open {
	display: block;
}

.main-modal .modal-heading {
    font-size: 22px;
    color: #bc5114;
    line-height: 1;
}

.main-modal .modal-body {
    max-width: 70%;
    margin: 15px auto 0;
    font-size: 15px;
    padding: 0;
}

.main-modal .modal-link-btn {
	background: linear-gradient(to bottom, #3f95fc, #1E7CBB);
    color: white;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    border: solid 1px #a2c0dd;
}

.main-modal .modal-link-btn:hover {
	background: linear-gradient(to bottom,#3f95fc,#003988);
}

.main-modal .links-row {
    margin-top: 20px;
}

.main-modal .links-row a + a {
    margin-left: 30px;
}

.close-btn {
  color: #000;
  position: absolute;
  width: 21px;
  height: 21px;
  border: 1px solid black;
  border-radius: 9999px;
  background: none;
  cursor: pointer;
  top: 15px;
  right: 15px;
}

.close-btn:before, .close-btn:after {
  content: '';
  position: absolute;
  top: 9px;
  width: 13px;
  height: 1px;
  left: 3px;
  background-color: black;
}

.close-btn:before {
  transform: rotate(-45deg);
}

.close-btn:after {
  transform: rotate(45deg);
}

/* COLOR PALETTE
------------------------------------------------------------ */
.black { color: #000; }
.white { color: #FFF; }
.red, .alert { color: #C00; }

.blue { color: #0765a1; }

/* COMMON
------------------------------------------------------------ */
/* text alignment */
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.justify { text-align: justify; }

/* block element alignment */
.floatLeft { float: left; }
.floatRight { float: right; }
.center { display: block; margin: 0 auto; }

/* clear classes */
.clear { clear: both; margin: 0; padding: 0; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

/* hidden content */
.hide, .printOnly { display: none; }

/* IMAGES
------------------------------------------------------------ */
a img { border: 0; }
img.floatRight { float: right; margin: 8px 0 8px 15px; }
img.floatLeft { float: left; margin: 8px 15px 8px 0; }
img.center { display: block; margin: 8px auto; }

/* COMMON BODY STYLES
------------------------------------------------------------ */
body { background: #b8b090 url(../images/bg_body.gif) repeat-x; text-align: left; font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height: 16px; }

/* paragraph */
p { padding-bottom: 15px; }

/* superscript, subscript */
sup, sub { font-size: 9px; }

/* text styling */
strong { font-weight:bold; }
b { font-weight:bold; }
em { font-style: italic; }

/* COMMON COLUMN 3 CONTENT STYLES
------------------------------------------------------------ */

.landing-page h1 { margin: 0; padding: 0 0 10px 0; color: #bc5114; font-family: 'Questrial', sans-serif; font-size: 34px; line-height: 36px; }
.landing-page h2 { margin: 0; padding: 0 0 10px 0; color: #799611; font-family: 'Questrial', sans-serif; font-size: 21px; line-height: 23px; }
.landing-page h3 { margin: 0; padding: 0 0 10px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; }
.landing-page h4 { margin: 0; padding: 0 0 5px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.landing-page h5 { margin: 0; padding: 0 0 5px 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* content area - tables */
#col3_content table { border-spacing: 0; margin-bottom: 20px; }
#col3_content th, #col3_content td { vertical-align: top; }

/* COMMON CONTAINERS
------------------------------------------------------------ */
#background { max-width: 1030px; margin: 0 auto; background-image:url(../images/bg_shadow.png); background-repeat: repeat-y; }
#nonFooter { width: 1000px; margin: 0 auto; background-color: #FFF; }
#branding_1 { position: relative; height: 134px; background-image:url(../images/bg_header.jpg); background-repeat: no-repeat; }
#branding_2 { position: relative; height: 29px; background-image:url(../images/bg_nav.jpg); background-repeat: no-repeat; z-index: 500; }
#branding_3 { position: relative; padding: 10px; }
#wrapper { padding: 10px; overflow: auto; }
#footer { width: 1000px; height: 110px; margin: 0 auto; background-image:url(../images/bg_footer.jpg); background-repeat: no-repeat; }
#footerSup { float: right; height: 100%; text-align: right; width: 50%; }
.copyright ul { width: 1000px; margin: auto; padding: 7px 0; font-size: 10px; }
#col3_content ul.crumbTrail { margin: 0; padding: 0 0 30px 0; line-height: 16px; }
#col3_content ul.crumbTrail li { padding: 0 4px; list-style: none; float: left; }

/* HEADER
------------------------------------------------------------ */
.logoSeal { position: absolute; top: 10px; left: 14px; }
.logoTitle { position: absolute; top: 30px; left: 100px; font-family: 'Questrial', sans-serif; text-transform: uppercase; text-align: center; }
.logoTitle h1 { padding: 5px 0; font-size: 33px; border-bottom: black solid 1px; }
.logoTitle h2 { padding: 0; font-size: 12px; font-weight: bold; }
.logoTitle h3 { padding: 10px 0 0 0; font-size: 12px; font-weight: bold; }
.addy { position: absolute; top: 75px; left: 740px; font-size: 11px; font-weight: bold; }
#search { float: right; padding: 5px 10px 0 0; }
#search #searchBox { border: none; color: #888; font: 12px/16px arial, helvetica, sans-serif; padding: 0; height: 22px; }
#search #searchBtn { position: relative; top: 7px; margin-left: -6px; }

/* NAVIGATION
------------------------------------------------------------ */
ul.menu { margin: 0; position: relative; text-transform: uppercase; }
ul.menu li { list-style: none; float: left; position: relative; margin: 0px; }
ul.menu a { display: block; height: 29px; padding: 0 10px 0 9px; color: #f1fa04; font: 12px/32px 'Questrial', sans-serif; font-weight: bold; text-decoration: none; text-align: left; }
ul.menu a:hover { color: #FFF; background-color:#003988; }
ul.menu a.active { color: #FFF; }
ul.menu a.currentSection { color: #FFF; background-color:#003988; }
ul.menu a.last { padding-right: 18px; }
ul.menu.lastItem ul { position: absolute; left: -95px; top: 29px; margin: 0; visibility: hidden; }
ul.menu ul { position: absolute; left: 0; top: 29px; margin: 0; visibility: hidden; }
ul.menu li:hover ul { border: 1px solid #666; border-top: none; overflow: hidden; visibility: visible; width: 190px; }
ul.menu ul li { width: 190px; clear: left; margin: 0; border-top: 1px solid #CCC; border-right: none; }
ul.menu ul li a { display: block; height: 29px; color: #333; font: 12px/32px 'Questrial', sans-serif; padding: 0 0 0 10px; text-decoration: none; text-align: left; background: #FFF; }
ul.menu ul li a:hover { background: #003988; color: #FFF; }

/* FOOTER
------------------------------------------------------------ */
#footer ul { padding: 25px 40px 0 20px; float: left; font-size: 12px; line-height: 20px; }
#footer ul li a { padding: 0 10px 0 0; color: #cbf0fd; text-decoration: none; text-align: left; }
#footer ul li a:hover { text-decoration: underline; }
#footerSup ul { padding: 37px 20px 0 0; float: right; }
#footerSup ul li { padding: 0 0 0 5px; float: left; }
#footerSup ul li a { padding: 0; }
#footerSup ul li.socialfirst { color: #cbf0fd; font-size: 12px; line-height: 40px; font-style: italic; }

/* SUBMIT BUTTON STYLE
------------------------------------------------------------ */
a.ctaMain {
    background: #1E7CBB; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f95fc 0%, #1E7CBB 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f95fc), color-stop(100%,#1E7CBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f95fc 0%,#1E7CBB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f95fc 0%,#1E7CBB 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f95fc 0%,#1E7CBB 100%); /* IE10+ */
    background: linear-gradient(top,  #3f95fc 0%,#1E7CBB 100%); /* W3C */
    border-radius: 5px;
  }
a.ctaMain:hover {
    background: #1E7CBB; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f95fc 0%, #003988 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f95fc), color-stop(100%,#003988)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f95fc 0%,#003988 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f95fc 0%,#003988 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f95fc 0%,#003988 100%); /* IE10+ */
    background: linear-gradient(top,  #3f95fc 0%,#003988 100%); /* W3C */
  }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */