/*-----------------------------------------------------------------------------
author:    www.spdandg.com
-----------------------------------------------------------------------------*/

/* =JD Global
-----------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#333333;	
	padding:0;
	margin:0;
	background: #ffffff;
	}
	
.wrapper {
	background:#ffffff;
	max-width:2100px;
	margin:0 auto;
	}
	
/* Header
-----------------------------------------------------------------------------*/

header {
	margin:0 0 0 0;
	width:100%;	
	z-index:9500;
	background:#ffffff; 
	border-bottom: #16216a solid 17px;
	}
	
.headerInner {
	width:1600px;
	margin:0 auto;
	position:relative;	 
	}
	
.headerLogo {
	padding:19px 0 0 0;	
	max-width:450px;
	width:28.125%;
	height:auto;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	z-index:9600;
	float:left;
	}
	
.headerLogo:hover {	
	opacity:.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	


@media screen and (max-width: 1650px) {
	
.headerInner {
	width:90%;
	margin:0 auto;	 
	}	
	
}

@media screen and (max-width: 1400px) {

.headerLogo {
	padding:23px 0 0 0;
	}
	
}

@media screen and (max-width: 1200px) {

.headerLogo {
	padding:27px 0 0 0;
	}
	
}

@media screen and (max-width: 1000px) {

.headerLogo {
	padding:32px 0 0 0;
	}
	
}


@media screen and (max-width: 900px) {
	
header {
	border-bottom: none;
	}
	
.headerLogo {	
	float:none;
	margin:0 auto;
	padding:1.25em 0;
	width:60%;
	}
	
.headerInner {
	width:100%; 
	}
			
}


@media screen and (max-width: 700px) {

.headerLogo {	
	padding:1.25em 0;
	width:75%;
	}	
			
}

@media screen and (max-width: 500px) {

.headerLogo {	
	width:90%;
	}	
			
}

	
	
/* =nav
-----------------------------------------------------------------------------*/

nav {  
	height: 117px;  
	width: 70%;   
	font-size: 18px;  
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	z-index:9500;
	float:right;
    } 
	 
nav>ul {  
	padding: 0;  
	height: 117px; 
	float:right; 
    }
	
nav>ul>li {   
	float: left;  
	position:relative;
	}
	
nav>ul>li>a {  
    font-family:Arial, Helvetica, sans-serif;
	color:#16216a; 
    display: inline-block; 
    text-align: center;  
    text-decoration: none;  
    line-height: 117px;   
	padding:0 18px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
		
nav>ul>li>a {  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	} 
	
nav>ul>li>a:hover, nav>ul>li>a:active {    
	background:#129347;
	color:#ffffff; 
	}
	
nav>a#pull {  
    display: none; 
	} 
	
/* dropdown */ 

nav>ul>li>a:hover.navDownMenu:hover, nav>ul>li>a:active.navDownMenu:hover {
	color:#ffffff;
	}
	
nav>ul>li:hover .navDownMenu {
	display:block;
	width:175px;	
	}	

	
.navDownMenu {
	display:none;	
	position:absolute;
	z-index:4000;
	background: rgba(64, 114, 146, 1.0);
	top:67px;
	left:15px;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	padding:10px 0 10px 0;	
	font-size: 14px; 
	font-weight:400;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
	
nav>ul>li:last-child .navDownMenu {
	left:-100px;	
	}
	
.navDownMenu>li {
	text-align:left;
	list-style:none;
	z-index:4000;
	position:relative;
	}
	
.navDownMenu>li>a {
	text-decoration:none;
	color:#ffffff;
	line-height:15px;
	display:block;
	padding:5px 15px;
	width:145px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	position:relative;
	z-index:4000;		
	}
	
.navDownMenu>li>a:hover {
	color:#ffffff;
	background: rgba(26, 49, 64, 1.0);
	}
	
/* active states */	
	
#activeHome li#navHome>a, #activeAbout li#navAbout>a, #activeHelp li#navHelp>a, #activeResources li#navResources>a, #activeLocations li#navLocations>a,  #activeServices li#navServices>a,  #activeAnswers li#navAnswers>a {
	color:#407292;
	}
	
@media screen and (max-width: 1550px) {
	

	
			
}
	
@media screen and (max-width: 1450px) {
	

	
			
}
	
@media screen and (max-width: 1350px) {
	

			
}

@media screen and (max-width: 1165px) {
	

			
}


@media only screen and (max-width: 900px) {  

	

nav {   
	height:auto;
	float:none;
	width:100%; 
	background: #ffffff;
	font-size: 17px; 
	background:#16216a; 
	}  
    
nav>ul {  
	width: 100%;  
	display: block;  
	height: auto; 
	border-top: 1px solid #129347;   
	}
	  
nav>ul>li {  
	width: 100%;  
	float: none;  
	position: relative;  
	background: #16216a; 
    } 
	 
nav>ul>li>a {  
	border-bottom: 1px solid #129347; 
    } 
	
	 
nav>ul>li>a {  
	text-align: center;  
	width: 100%;   
	margin-left:0; 
	color:#ffffff;
	line-height:55px;
    }
	  
nav>ul {  
	display: none;  
	height: auto;  
    } 
	 
nav a#pull {  
	display: block;   
	width: 100%;  
	position: relative; 
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
	margin-left:0;  
	color: #ffffff;
	line-height: 44px;
	text-decoration:none;
    }  

nav a#pull:after {  
	content:"";  
	background: url('../img/nav-icon.png') no-repeat top right;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 25px;  
	top: 12px; 
	z-index:9000; 
    }
	
nav a#pull span {  
	opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    }   
	
nav>ul>li:hover .navDownMenu {
	display:none;
	}
	
.navDownMenu {
	display:none;
	padding:0 0 0 0;
	} 
	
.navDownMenu>li {
	display:none;
	}
}

	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}


/* =content structure
-----------------------------------------------------------------------------*/

.container {
	z-index:8000;
	position:relative;
	}

.content {
	background:#fff;
	}
	
.featureLogo {
	margin:0 auto;
	padding:12em 0;
	max-width:540px;
	width:30%;
	opacity:.75;
    filter:alpha(opacity=75); /* For IE8 and earlier */
	}
	

.grayBg {
	background:#e3e3e3;
	padding:2em 0;
	}
	
section {
	width:85%;	
	margin:0 auto;
	padding:50px 0;
	}
	
.leftCol {
	width:47.5%;
	float:left;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	}
	
.left3Col {
	width:30%;
	float:left;
	margin:0 5% 0 0;
	}
	
.right3Col {
	width:30%;
	float:right;
	}
	
/* =greenBtn
-----------------------------------------------------------------------------*/
.greenBtn {
	width:100%;
	background:#129347;
	padding:0;
	margin:0 0 1.5em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	}
	
.greenBtn:hover {
	color:#ffffff;
	background:#16216a;
	}
	
.greenBtn a {
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	font-size:1.5em;
	color:#ffffff;
	display:block;
	padding:5% 5% 5% 5%;
	width:90%;
	text-decoration:none;
	line-height:90%;
	}
	
/* divider */
	
.divider {
	height:1px;
	background:#129347;
	width:100%;
	margin:0 0 2em 0;
	}
	
	
	
@media screen and (max-width: 1250px) {
	
section {
	width:90%;
	padding:3em 5%;
	}
		
}

@media screen and (max-width: 1100px) {
	
	
.featureLogo {
	padding:10em 0;
	}
		
}


@media screen and (max-width: 900px) {
	
	
.featureLogo {
	padding:8em 0;
	}
		
}

@media screen and (max-width: 768px) {

.leftCol {
	width:100%;
	float:none;
	}
	
.rightCol {
	width:100%;
	float:none;
	}
	
}

@media screen and (max-width: 700px) {
	
	
.featureLogo {
	display:none;
	}
		
}

@media screen and (max-width: 650px) {
	
section {
	width:84%;
	padding:3em 8%;
	}
	
.left3Col {
	width:100%;
	float:none;
	margin:0 0 0 0;
	}
	
.right3Col {
	width:100%;
	float:none;
	}

}
	


/* =Typography
-----------------------------------------------------------------------------*/	
section h1 {
	font-size:4.5em;
	line-height:90%;
	padding:0;
	margin:0 0 .1em 0;
	font-family:"chunkfiveregular", Helvetica, sans-serif;
	font-weight:normal;
	color:#16216a;
	}
	
section h2 {
	font-size:2em;	
	line-height:90%;
	margin:0 0 .25em 0;
	font-family:"chunkfiveregular", Helvetica, sans-serif; 
	font-weight:normal;
	color:#1149b1;
	}
	
section h2 a {
	color:#1149b1;
	padding:1px 2px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
	
section h2 a:link, section h2 a:visited {
	text-decoration:underline;
	}

section h2 a:hover, section h2 a:active {
	color:#ffffff;
	background:#1149b1;
	text-decoration:none;
	}
	
section h3 {
	font-size:1.25em;
	font-weight:bold;
	color:#333333;
	}
	
hr {
	margin:0 0 2em 0;
	}
	
small {
	font-size:80%;
	}
	
em {
	font-style:italic;
	}
	
section p {
	padding:0 0 1.5em 0;
	font-size:105%;
	}
	
ul.contentUl {
	width:100%;	
	margin:0 0 1.5em 0;
	padding:0;
	list-style:none;
	}
	
ul.contentUl li {
	list-style:none;
	padding:.4em 0;	
	border-top:#129347 solid 1px;
	margin:0;
	}
	
ol.contentOl {
	width:100%;	
	margin:0 0 1.5em 1.5em;
	}
	
ol.contentOl li {
	padding:.25em 0;
	border-top:#129347 solid 1px;
	}

	
/* Links */	
		
section p a {
	padding:1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	color:#129347;
	}

section p a:link, section p a:visited {
	text-decoration:underline;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#129347;
	text-decoration:none;
	}
	
ul.contentUl li a {
	padding:1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	color:#129347;
	}

ul.contentUl li a:link, ul.contentUl li a:visited {
	text-decoration:underline;
	}

ul.contentUl li a:hover, ul.contentUl li a:active {
	color:#ffffff;
	background:#129347;
	text-decoration:none;
	}
	
@media screen and (max-width: 1200px) {
	
section h1 {
	font-size:4.5em;
	}
	
}

@media screen and (max-width: 900px) {
	
section h1 {
	font-size:3.5em;
	}
	
}


@media screen and (max-width: 700px) {
	
section h1 {
	font-size:2.5em;
	}
	
}
	
@media screen and (max-width: 620px) {
	
body {
	font-size:80%;	
	}
	
section h1 {
	text-align:center;
	font-size:2.75em;
	}
	
section h2 {
	text-align:center;	
	font-size:1.5em;
	}
	
section h3 {
	text-align:center;	
	}
	
section p {
	text-align:center;	
	}
	
ul.contentUl {
	width:100%;	
	margin:0 0 1.5em 0;
	list-style:none;
	text-align:center;
	}
	
ul.contentUl li {
	list-style:none;
	padding:.5em 0;
	font-weight:bold;
	}
	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/
footer {
	padding:2em 0 5em 0;
	width:100%;
	background:#129347;
	}
	
.footer-logo {
	width:10%;
	max-width:314px;
	margin:0 auto 1em auto;
	}	
	
.footer-address {
	color:#ffffff;
	margin:0 auto 1.5em auto;
	text-align:center;
	}
	
.footer-address a {
	color:#ffffff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration:none;
	}
	
.footer-address a:hover {
	color:#1ec161;
	}
	
.disclaimer {
	width:40%;
	margin:0 auto 1.5em auto;
	border:#1ec161 solid 2px;
	color:#1ec161;
	padding:1%;
	text-align:center;
	}
	
.copyright {
	font-size:80%;
	color:#16216a;
	text-align:center;
	}
	
@media screen and (max-width: 1200px) {

.footer-logo {
	max-width:314px;
	width:20%;
	margin:0 auto 1em auto;
	}
		
}

@media screen and (max-width: 900px) {


.disclaimer {
	width:60%;
	}	
			
}

@media screen and (max-width: 750px) {

.footer-logo {
	max-width:314px;
	width:30%;
	margin:0 auto 1em auto;
	}		
}

@media screen and (max-width: 600px) {


.disclaimer {
	width:85%;
	}	
			
}

/* =Scroll to Top
-----------------------------------------------------------------------------*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(22, 33, 106, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #333333;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}