/*========================================
 Heading Names: Search for term to go
 to that section.
	!HEADER
	!NAVIGATION
	!CONTENT
	!FOOTER
========================================*/
.pie-element, header, header .inside, header .details a, .mainnav, .leftcol, .leftcol .intro, .rightcol .top, .rightcol .bottom, .rightcol .bottom a, footer .links, footer .copyright {
  behavior: url("../../beta/css/PIE.html");
  position: relative;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.last-item, .mainnav li.last, footer .links div.last {
  margin-right: 0;
}

a {
  color: #165791;
  text-decoration: none;
}
a:hover {
  color: #02070c;
}
a:active {
  color: #02070c;
}
a:hover, a:active {
  text-decoration: underline;
}

html, body {
  height:  100%;
}

.inside, .content {
  *zoom: 1;
  max-width: 960px;
  _width: 960px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: auto;
  margin-right: auto;
}
.inside:after, .content:after {
  content: "";
  display: table;
  clear: both;
}

.copyright {
  text-align: center;
  padding: 5px;
}
	
.wrapper {
  background-color: #949599;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949599), color-stop(3%, #b8b9bb), color-stop(3%, #bababc), color-stop(60%, #ededed), color-stop(70%, #eaeaea), color-stop(100%, #fafafa));
  background: -webkit-linear-gradient(top, #949599 0%, #b8b9bb 3%, #bababc 3%, #ededed 60%, #eaeaea 70%, #fafafa 100%);
  background: -moz-linear-gradient(top, #949599 0%, #b8b9bb 3%, #bababc 3%, #ededed 60%, #eaeaea 70%, #fafafa 100%);
  background: -o-linear-gradient(top, #949599 0%, #b8b9bb 3%, #bababc 3%, #ededed 60%, #eaeaea 70%, #fafafa 100%);
  -pie-background: linear-gradient(top, #949599 0%, #b8b9bb 3%, #bababc 3%, #ededed 60%, #eaeaea 70%, #fafafa 100%);
  background: linear-gradient(top, #949599 0%, #b8b9bb 3%, #bababc 3%, #ededed 60%, #eaeaea 70%, #fafafa 100%);
  min-height: 100vh;
}

.pie-element, header, header .inside, header .details a, .mainnav, .leftcol, .leftcol .intro, .rightcol .top, .rightcol .bottom, .rightcol .bottom a, footer .links, footer .copyright {
  behavior: url("../../beta/css/PIE.html");
  position: relative;
}

/*========================================
	!HEADER
========================================*/
header {
  width: 100%;
  height: 150px;
  clear: both;
  background-color: #17568f;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}
header .inside {
  width: 100%;
  height: 85px;
  background-color: #ececed;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  -pie-background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}
header .logo {
  display: block;
  height: 49px;
  float: left;
  padding: 20px 0 0 30px;
}
header .logo img {
  float: left;
}
header .logo span {
  display: block;
  float: left;
  width: 245px;
  margin: 10px 0 0 15px;
  padding: 5px 0 5px 15px;
  border-left: 1px solid #111111;
  font-size: 12px;
  color: #111111;
}
header .details {
  float: right;
  margin: 40px 10px 0 0;
}
header .details p {
  float: left;
  padding: 7px 10px 5px 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #bbbbbb;
  font-size: 13px;
  color: #111111;
}
header .details a {
  float: left;
  padding: 5px 10px;
  border: 1px solid #d1d1d1;
  font-size: 12px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px #bbbbbb;
  -moz-box-shadow: 0 0 2px #bbbbbb;
  box-shadow: 0 0 2px #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #111111;
}
header .line {
  display: block;
  width: 960px;
  height: 1px;
  margin: 10px auto 0;
  background: #d1d1d1;
}

/*========================================
	!NAVIGATION
========================================*/
.mainnav {
  margin-top: 10px;
  width: 100%;
  height: 32px;
  background-color: #f2f3f3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f3f3), color-stop(100%, #ececed));
  background: -webkit-linear-gradient(top, #f2f3f3 0%, #ececed 100%);
  background: -moz-linear-gradient(top, #f2f3f3 0%, #ececed 100%);
  background: -o-linear-gradient(top, #f2f3f3 0%, #ececed 100%);
  -pie-background: linear-gradient(top, #f2f3f3 0%, #ececed 100%);
  background: linear-gradient(top, #f2f3f3 0%, #ececed 100%);
}
.mainnav ul {
  margin: 0 auto;
  padding: 0;
  width: 880px;
}
.mainnav li {
  float: left;
  margin-right: 50px;
  line-height: 32px;
}
.mainnav a {
  display: block;
  font-size: 14px;
  color: #111111;
}
.mainnav a.current {
  line-height: 32px;
  height: 32px;
  border-bottom: 5px solid #39394a;
  color: #23232d;
}
.mainnav a.current:hover {
  text-decoration: none;
}

/*========================================
	!CONTENT
========================================*/
.content {
  padding-top: 12px;
}

h2 {
  height: 40px;
  margin: 0 0 0 -12px;
  padding: 0 0 0 40px;
  line-height: 41px;
  font-size: 15.45px;
  font-weight: 100;
  text-transform: uppercase;
  background: #41414B;
  color: #fff;
}

.leftcol {
  float: left;
  width: 75.90361%;
  padding: 15px 0;
  background-color: #f2f3f3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f3f3), color-stop(100%, #e8e8e9));
  background: -webkit-linear-gradient(top, #f2f3f3 0%, #e8e8e9 100%);
  background: -moz-linear-gradient(top, #f2f3f3 0%, #e8e8e9 100%);
  background: -o-linear-gradient(top, #f2f3f3 0%, #e8e8e9 100%);
  -pie-background: linear-gradient(top, #f2f3f3 0%, #e8e8e9 100%);
  background: linear-gradient(top, #f2f3f3 0%, #e8e8e9 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 10px -4px #999999;
  -moz-box-shadow: 0 7px 10px -4px #999999;
  box-shadow: 0 7px 10px -4px #999999;
}
.leftcol .intro {
  min-height: 360px;
  width: 96.5%;
  margin: 0 auto;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.leftcol .intro p {
  line-height: 1.8;
  font-size: 15px;
  font-weight: 100;
  color: #3c3c46;
  padding: 0 20px;
}
.leftcol .intro p span {
  color: #165791;
}
.leftcol .intro p img {
  margin-left: -20px;
}

.rightcol {
  width: 24.09639%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
}
.rightcol .top {
  height: 185px;
  margin-left: -10px;
  padding: 15px 0 0 10px;
  background-color: #f2f3f3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f3f3), color-stop(100%, #edeeee));
  background: -webkit-linear-gradient(top, #f2f3f3 0%, #edeeee 100%);
  background: -moz-linear-gradient(top, #f2f3f3 0%, #edeeee 100%);
  background: -o-linear-gradient(top, #f2f3f3 0%, #edeeee 100%);
  -pie-background: linear-gradient(top, #f2f3f3 0%, #edeeee 100%);
  background: linear-gradient(top, #f2f3f3 0%, #edeeee 100%);
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}
.rightcol .top h2 {
  padding-left: 22px;
  margin-left: -13px;
}
.rightcol .top ul {
  margin: 10px 0 0 -28px;
  list-style: none;
  line-height: 1.8;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 100;
  color: #165791;
}
.rightcol .top ul li {
  background: url(../../images/green-arrow-bullet.html) left center no-repeat;
  padding-left: 15px;
}
.rightcol .bottom {
  height: 190px;
  margin: -5px 0 0 10px;
  background-color: #e5e6e7;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e5e6e7), color-stop(100%, #eff0f0));
  background: -webkit-linear-gradient(left, #e5e6e7 0%, #eff0f0 100%);
  background: -moz-linear-gradient(left, #e5e6e7 0%, #eff0f0 100%);
  background: -o-linear-gradient(left, #e5e6e7 0%, #eff0f0 100%);
  -pie-background: linear-gradient(left, #e5e6e7 0%, #eff0f0 100%);
  background: linear-gradient(left, #e5e6e7 0%, #eff0f0 100%);
  -webkit-border-radius: 10px 10px 10px 0;
  -moz-border-radius: 10px 10px 10px 0;
  -ms-border-radius: 10px 10px 10px 0;
  -o-border-radius: 10px 10px 10px 0;
  border-radius: 10px 10px 10px 0;
}
.rightcol .bottom p {
  padding: 15px 20px 0 20px;
  line-height: 1.6;
  font-size: 18px;
  font-weight: 100;
  color: #165791;
}
.rightcol .bottom img {
  margin-top: -22px;
  position: relative;
  right: 12px;
}
.rightcol .bottom a {
  position: absolute;
  right: 20px;
  bottom: 56px;
  padding: 5px 10px;
  border: 1px solid #111111;
  font-size: 14px;
  text-decoration: none;
  text-transform: lowercase;
  background: #41414B;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.rightcol .bottom a:hover {
  background: #333;
  color: #ddd;
}
.rightcol .thirdsection {
  margin: 15px 0 0 22px;
}
.rightcol .group_cf {
  position: relative;
  top: -37px;
}

/*
.extra {
	float:left;
	clear:both;
	width:100%;
	margin-top:20px; padding:10px 0;
	border:1px solid #ccc;
	border-width:1px 0;
	
	p {
		line-height:1.8;
		font-size:15px;
		font-weight:100;
		color:#3c3c46;
		
		span {
			color:$phoenixBlue;
		}
	}
}
*/
/*========================================
	!FOOTER
========================================*/
footer {
  clear: both;
}
footer .tagline {
  width: 24.09639%;
  float: left;
  margin-right: 1.20482%;
  display: inline;
}
footer .tagline h4 {
  line-height: 1.7;
  font-size: 16px;
  font-weight: 100;
}
footer .links {
  margin-top: 20px;
  padding-bottom: 10px;
  border: 1px solid #cccccc;
  background-color: #e9eaec;
  width: 74.6988%;
  float: right;
  margin-right: 0;
  #margin-left: -10px;
  display: inline;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(4%, #f3f3f4), color-stop(10%, #f9f9f9), color-stop(16%, #f8f8f8), color-stop(24%, #dddddd), color-stop(25%, #f4f4f4), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #dddddd 0%, #f3f3f4 4%, #f9f9f9 10%, #f8f8f8 16%, #dddddd 24%, #f4f4f4 25%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #dddddd 0%, #f3f3f4 4%, #f9f9f9 10%, #f8f8f8 16%, #dddddd 24%, #f4f4f4 25%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #f3f3f4 4%, #f9f9f9 10%, #f8f8f8 16%, #dddddd 24%, #f4f4f4 25%, #f4f4f4 100%);
  -pie-background: linear-gradient(top, #dddddd 0%, #f3f3f4 4%, #f9f9f9 10%, #f8f8f8 16%, #dddddd 24%, #f4f4f4 25%, #f4f4f4 100%);
  background: linear-gradient(top, #dddddd 0%, #f3f3f4 4%, #f9f9f9 10%, #f8f8f8 16%, #dddddd 24%, #f4f4f4 25%, #f4f4f4 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
footer .links div {
  float: left;
  width: 14.63415%;
  float: left;
  margin-right: 2.43902%;
  display: inline;
  padding-left: 10px;
  font-size: 14px;
}
footer .links div h5 {
  margin-top: 8px;
}
footer .links div.no-heading {
  padding-top: 45px;
}
footer .links ul {
  margin: -5px 0 0;
  padding: 0;
  list-style: none;
  line-height: 1.6;
}
footer .copyright {
  height: 115px;
  margin-top: 10px;
  background-color: #494a53;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494a53), color-stop(17%, #43444d), color-stop(50%, #33333c), color-stop(100%, #33333c));
  background: -webkit-linear-gradient(top, #494a53 0%, #43444d 17%, #33333c 50%, #33333c 100%);
  background: -moz-linear-gradient(top, #494a53 0%, #43444d 17%, #33333c 50%, #33333c 100%);
  background: -o-linear-gradient(top, #494a53 0%, #43444d 17%, #33333c 50%, #33333c 100%);
  -pie-background: linear-gradient(top, #494a53 0%, #43444d 17%, #33333c 50%, #33333c 100%);
  background: linear-gradient(top, #494a53 0%, #43444d 17%, #33333c 50%, #33333c 100%);
}
footer .copyright p {
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
  font-size: 13px;
  text-align: center;
  color: #979898;
}

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