/*------------------------------------------------------------------------------
  Reset the defaults
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

img,
object,
embed {
  max-width: 100%;
}

html {
  overflow-y: scroll;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ededed;
  margin: 2em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

a:hover, a:active {
  outline: none;
}

small {
  font-size: 75%;
}

strong, th {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

button {
  width: auto;
  overflow: visible;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}









/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Container
----------------------------------------------------------------------------------------------------*/

.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_one_third,
.grid_2,
.grid_3,
.grid_4,
.grid_4point5,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.grid_one_third {
  margin-left: 30px;
  margin-right: 30px;
}


.push_1half, .pull_1half,
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 {
  position: relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_one_third {
  width: 277px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_4 {
  width: 220px;
}

.container_16 .grid_4point5 {
  width: 250px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_8 {
  width: 460px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_12 {
  width: 700px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

.container_16 .grid_16 {
  width: 940px;
}

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_12 {
  padding-left: 720px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_12 {
  padding-right: 720px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1half {
  left: 30px;
}

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_4 {
  left: 240px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_8 {
  left: 480px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_12 {
  left: 720px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1half {
  left: -30px;
}

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_4 {
  left: -240px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_8 {
  left: -480px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_12 {
  left: -720px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_16 {
  zoom: 1;
}









/*------------------------------------------------------------------------------
  Backgrounds
-------------------------------------------------------------------------------*/

html {
  background-color: #fffffe;
  background: #fffffe url('/assets/images/bg/body-bg2.jpg') repeat-x;
}

body {
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  background: url('/assets/images/bg/home2.png') no-repeat top center;
}

.new-here, .calendar, .cca-news {
  background: url('/assets/images/bg/new-here-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.who-we-are {
  background: url('/assets/images/bg/calendar-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.groups {
  background: url('/assets/images/bg/groups-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.next-steps {
  background: url('/assets/images/bg/next-steps-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.next-steps.baptism {
  background: url('/assets/images/bg/baptism-header-2024.jpg') no-repeat top center;
  background-size: auto 606px;
}

.next-steps.belonging {
  background: url('/assets/images/bg/belonging-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.next-steps.serving,
.ministries.care {
  background: url('/assets/images/bg/serving-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.messages {
  background: url('/assets/images/bg/messages-header-2024.jpg') no-repeat top center;
  background-size: auto 606px;
}

.giving {
  background: url('/assets/images/bg/give-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.ministries {
  background: url('/assets/images/bg/ministries-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.kids {
  background: url('/assets/images/bg/kids-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.driven {
  background: url('/assets/images/bg/driven-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.refinery {
  background: url('/assets/images/bg/refinery3.jpg') no-repeat top center;
}

.families {
  background: url('/assets/images/bg/families-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.women {
  background: url('/assets/images/bg/women-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.men {
  background: url('/assets/images/bg/men-header-2019.jpg') no-repeat top center;
  background-size: auto 606px;
}

.seniors {
  background: url('/assets/images/bg/boomers-new-header-2024.jpg') no-repeat top center;
  background-size: auto 606px;
}




/*------------------------------------------------------------------------------
  Typography
-------------------------------------------------------------------------------*/

body, select, input, textarea {
  color: #000001;
}

a {
  color: #000001;
  text-decoration: none;
}

a:hover {
  color: #333334;
}

.content a {
  font-weight: 400;
}

.link-color {
  color: #000001;
}

ins {
  background-color: #000001;
  color: #fff;
  text-decoration: none;
}

mark {
  background-color: #000001;
  color: #fff;
  font-style: italic;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  margin-bottom: 0.2em;
}

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2.25em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.75em;
}

h5 {
  font-size: 1.5em;
}

h6 {
  font-size: 1.25em;
}

p {
  font-weight: 300;
  margin-bottom: 1.2em;
  line-height: 1.5em;
}

ul, ol {
  margin-bottom: 1em;
}

ul li,
ol li {
  list-style: disc;
  margin-left: 30px;
  font-weight: 300;
  margin-bottom: .6em;
  line-height: 1.2em;
}

ol li {
  list-style: decimal;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.bold,
.bold a {
  font-weight: 700;
}

.intro {
  font-size: 1.2em;
}

.upper {
  text-transform: uppercase;
}

.normal-case {
  text-transform: none !important;
}

.aligncenter {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

img {
  margin-bottom: 1em;
}

.frame {
  padding: 2px;
  border: 1px solid #dedede;
}

.pad-bottom {
  margin-bottom: 2em;
}

.half-bottom {
  margin-bottom: 1em;
}

.quarter-bottom {
  margin-bottom: .5em;
}

.remove-bottom {
  margin-bottom: 0;
}

.pad-top {
  margin-top: 2em;
}

.half-top {
  margin-top: 1em;
}

.quarter-top {
  margin-top: .5em;
}

.remove-top {
  margin-top: 0;
}

.event #events_calendar .event {
  background: none;
}

/*------------------------------------------------------------------------------
  Basic Styles
-------------------------------------------------------------------------------*/

/* ----- Header ----- */
.header {
  background-color: #fff;
  margin-bottom: 300px;
  box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.home .header {
  margin-bottom: 30px;
}

.logo {
  display: block;
  float: left;
  width: 180px;
  height: 55px;
  padding: 24px 20px;
}

.social {
  float: right;
  margin-right: 20px;
  background-color: #000001;
  color: #fff;
}

.social p {
  margin-bottom: 0;
  padding: 8px 16px;
}

.social a {
  color: #fff;
  margin-left: 10px;
}

.social a:hover {
  color: #fff;
}

/* ----- Primary Nav ----- */
.primary-nav {
  float: right;
  margin: 14px 10px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.primary-nav li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
  padding: 10px 0;
  font-weight: 400;
  line-height: 1em;
}

.primary-nav a {
  color: #000001;
  padding-bottom: 20px;
}

.primary-nav a:hover {
  color: #000001;
  border-bottom: 4px solid #000001;
}

.new-here .nav-new-here,
.who-we-are .nav-who-we-are,
.sermons .nav-sermons,
.ministries .nav-ministries,
.groups .nav-groups,
.next-steps .nav-next-steps,
.messages .nav-messages,
.give .nav-give {
  border-bottom: 4px solid #000001;
}

.primary-nav .sub-nav {
  left: -9999px;
  top: 50px;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  width: 160px;
  z-index: 99;
}

.primary-nav .sub-nav .sub-nav-item {
  margin: 0;
  padding: 0;
}

.primary-nav .sub-nav a {
  display: block;
  color: #fff;
  color: #000001;
  background-color: #000001;
  background-color: #fff;
  border: 1px solid #fff;
  border: 1px solid #fff;
  border-top: none;
  font-size: 14px;
  text-align: left;
  padding: 15px;
  position: relative;
  width: 160px;
}

.primary-nav .sub-nav a:hover {
  background-color: #000001;
  color: #fff;
}

.primary-nav .nav-item:hover {
  position: relative;
}

.primary-nav .nav-item:hover > .sub-nav {
  left: auto;
  opacity: 1;
}

.primary-nav .nav-item-right:hover > .sub-nav {
  right: 11px;
  opacity: 1;
}


/* ----- Hero ----- */
.hero {
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 15px -10px rgba(255, 255, 255, 1);
  height: 371px;
}

.hero-col {
  width: 300px;
  float: left;
  color: #000001;
}

.hero-col .heading {
  background-color: #000001;
  background-color: #ededed;
  padding: 30px 0 0 23px;
  height: 72px;
  border-bottom: 1px solid #ccc;
}

.hero-col h1 {
  font-size: 17px;
  text-transform: uppercase;
}

.hero-col p {
  color: #fff;
  color: #000001;
  margin-bottom: 0;
}

.hero-nav {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.hero-nav li {
  list-style: none;
  margin: 0;
  font-weight: 400;
  line-height: 1em;
  border-bottom: 1px solid #ccc;
}

.hero-nav li:last-of-type {
  border-bottom: 1px solid #fff;
}

.hero-nav a {
  display: block;
  height: 31px;
  padding: 27px 0 30px 25px;
  color: #000001;
  background-color: #fff;
}

.hero-nav a:hover {
  color: #000001;
  background-color: #f9f9f9;
}

.hero-nav a i {
  color: #000001;
  font-size: 30px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.hero-nav .first i {
  top: 4px;
}

.hero-nav a:hover i {
  color: #000001;
}



/* ----- Slider ----- */
.slider-wrapper {
  width: 660px;
  float: left;
}

#slider img {
  margin-bottom: 0;
  vertical-align: text-bottom;
  height: 371px;
}


/* ----- Main Content ----- */
.home-content {
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.content {
  border-top: 4px solid #000001;
  background-color: #fff;
  margin-bottom: 80px;
  padding-top: 30px;
  box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.cta {
  background-color: #000002;
  text-align: center;
  padding: 40px 40px 30px;
}

.home-content .cta h2,
.content .cta h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  border: none;
  text-transform: none;
}

.cta a {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.cta a:hover {
  color: #a53d1d;
}

/* ----- News ----- */
.news {
  width: 560px;
  float: left;
  margin-left: 40px;
  margin-top: 38px;
  margin-bottom: 40px;
}

.news h1 a {
  display: block;
  color: #000001;
  font-size: 28px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 1em;
}

.news h2 {
  font-size: 18px;
  text-transform: uppercase;
}

.news h2 a {
  color: #000001;
}

.news h2 a:hover {
  color: #333334;
}

.post-date {
  font-size: 11px;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
}

.news img {
  border: 1px solid #ededed;
  margin-top: 6px;
}

.news a:hover img {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 8px #ededed;
}

.more-link {
  color: #000001;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}


/* ----- Home Sidebar ----- */
.home-sidebar {
  width: 319px;
  float: left;
  margin-left: 40px;
}

.home-sidebar .col {
  background-color: #f9f9f9;
  width: 318px;
  margin-bottom: 60px;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.home-sidebar h2 {
  background-color: #000001;
  background-color: #ededed;
  border-bottom: 1px solid #ccc;
  color: #fff;
  color: #000001;
  text-transform: uppercase;
  font-size: 28px;
  padding: 30px 0;
  text-align: center;
}

.connected-nav li {
  list-style: none;
  margin: 0 20px 0 20px;
  font-weight: 400;
  line-height: 1em;
  border-bottom: 1px solid #ccc;
}

.connected-nav a {
  color: #000001;
  text-transform: uppercase;
  padding: 20px;
  display: block;
}

.connected-nav a:hover {
  color: #333334;
}

.see-all {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #000001;
  padding: 35px 0;
}

.home-listen img {
  margin-bottom: 0;
  vertical-align: bottom;
}

.home-listen:hover {
  display: block;
  box-shadow: 0px 0px 8px #ededed;
}


/* ----- Footer ----- */
.footer {
  background-color: #141414;
  background-image: url('../images/bg/footer-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  padding: 60px 30px 270px;
  color: #fff;
  box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  position: relative;
}

.footer h1 {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 0 26px 0;
  margin-bottom: 30px;
}

.footer h1 span {
  color: #fff;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-left: 10px;
}

.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4 {
  float: left;
}

.footer-col-1 {
  width: 230px;
}

.footer-col-2 {
  width: 280px;
}

.footer-col-3 {
  width: 290px;
}

.footer-col-4 {
  width: 120px;
}

.footer h2 {
  font-size: 14px;
  margin-bottom: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

.footer h2 a {
  color: #fff;
}

.footer-nav {
  margin-bottom: 0;
}

.footer-nav li {
  list-style: none;
  margin: 0 0 .5em 0;
  font-weight: 300;
}

.footer-nav a {
  color: #fff;
}

.footer-nav a:hover {
  color: #ccc;
}

/* ----- Sub-Footer ----- */
.sub-footer {
  border-top: 1px solid #333;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 900px;
  margin: 0 auto;
}

.sub-footer p {
  font-weight: 400;
  margin-bottom: 10px;
}

.sub-footer a {
  color: #fff;
}

.sub-footer a:hover {
  text-decoration: underline;
}


/* ----- Page Title Area ----- */
.page-title-bc {
  background-color: #000001;
  display: inline-block;
  padding: 15px 25px 5px 25px;
}

.breadcrumbs {
  display: block;
  list-style: none;
  margin-bottom: 20px;
}

.breadcrumbs li {
  float: left;
  margin: 0 6px 0 0;
  list-style: none;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}

.breadcrumbs li a {
  color: #fff;
}

.breadcrumbs li a:hover {
  color: #fff;
}

.page-title {
  color: #fff;
  font-size: 42px;
  font-weight: 400;
}

/* ----- Page Styles ----- */
.left-sidebar, .main, .right-sidebar {
  margin-bottom: 30px;
}

.left-sidebar, .right-sidebar {
  display: block;
  width: 150px;
  float: left;
  margin-left: 30px;
  margin-right: 30px;
}

.right-sidebar {
  width: 210px;
}

.right-sidebar p {
  line-height: 1.3em;
}

.leftmenu {
  border-top: 1px solid #ccc;
}

.leftmenu li {
  list-style: none;
  line-height: 1em;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

.leftmenu a {
  display: block;
  padding: 8px 6px;
  color: #000001;
  font-size: 14px;
}

.leftmenu a:hover {
  background-color: #f9f9f9;
}

.leftmenu .current,
.leftmenu .current:hover {
  font-weight: 400;
  color: #fff;
  background-color: #000001;
}

.content h2 {
  color: #000001;
  font-size: 28px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 14px;
  line-height: 1.2em;
}

.content h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 12px;
}



/* BUTTONS */

button, a.button {
  display: inline-block;
  background: #000;
  font-size: 12px;
  font-weight: bold !important;
  font-family: "Helvetica Neue", Arial, "Lucida Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  outline: none;
  margin-bottom: 2.2em;
  padding: 12px 20px;
  color: #fff !important;
  line-height: normal;
  text-decoration: none !important;
  border-radius: 3px;
}

button.special, a.button.special {
  background: #000;
  color: #fff !important;
}

button.primary, a.button.primary {
  background: #000001;
  color: #fff !important;
}

button.secondary, a.button.secondary {
  background: #000;
  color: #fff !important;
}

button.orange, a.button.orange {
  background: #fff;
  color: #000 !important;
  box-shadow: none !important;
}

button.big, a.button.big {
  padding: 10px 20px 13px;
}

a.button.bigbutton {
  padding: 10px 20px 13px;
}

button img, .button img {
  margin: -1px 4px -3px -3px;
}

button.small, a.button.small {
  font-size: 11px;
  padding: 7px 12px 8px;
}

button:hover, a.button:hover {
  background: #212121;
  color: #fff !important;
  text-decoration: none !important;
}

button.special:hover, a.button.special:hover {
  background: #212121;
  color: #fff !important;
  text-decoration: none !important;
}

button.primary:hover, a.button.primary:hover {
  background: #212121;
  color: #fff !important;
  text-decoration: none !important;
}

button.secondary:hover, a.button.secondary:hover {
  background: #212121;
  color: #fff !important;
  text-decoration: none !important;
}

button.orange:hover, a.button.orange:hover {
  background: #fff;
  color: #000 !important;
  text-decoration: none !important;
}

button:active, a.button:active {
  background-image: none;
}

button.long, .button.long {
  display: block;
  text-align: center;
}

button.longer, .button.longer {
  padding: 7px 45px 10px;
}



/* TABLES */

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  background: #fff;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
  background: #336298;
  color: #fff;
  text-shadow: 0 1px 1px #0a1720;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-border {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-border th,
.table-border td {
  border-left: 1px solid #dddddd;
}

.table-border thead th,
.table-border thead td {
  border-left: none;
}

.table-border caption + thead tr:first-child th,
.table-border caption + tbody tr:first-child th,
.table-border caption + tbody tr:first-child td,
.table-border colgroup + thead tr:first-child th,
.table-border colgroup + tbody tr:first-child th,
.table-border colgroup + tbody tr:first-child td,
.table-border thead:first-child tr:first-child th,
.table-border tbody:first-child tr:first-child th,
.table-border tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-border thead:first-child tr:first-child th:first-child,
.table-border tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-border thead:first-child tr:first-child th:last-child,
.table-border tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-border thead:last-child tr:last-child th:first-child,
.table-border tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-border thead:last-child tr:last-child th:last-child,
.table-border tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-zebra tbody tr:nth-child(odd) td,
.table-zebra tbody tr:nth-child(odd) th {
  background-color: #eee;
}

.table-zebra tbody tr:nth-child(even) td,
.table-zebra tbody tr:nth-child(even) th {
  background-color: #fefefe;
}

.table td p:last-child {
  margin-bottom: 0;
}

.table td p b {
  font-weight: 400;
}

/*------------------------------------------------------------------------------
  Print Styles
-------------------------------------------------------------------------------*/
@media print {}



/*------------------------------------------------------------------------------
  Media Queries
-------------------------------------------------------------------------------*/

@media all and (max-width: 1120px) {
  .wrapper {
    width: 100%;
  }
  
  /*
	.primary-nav {
		width: 100%;
		margin-top: 1em;
		text-align: center;
	}
	.primary-nav li {
		width: 100%;
		display: inline-block;
		border-bottom: 1px solid #f3f3f3;
		padding: 1em 0;
		margin: 0 20px;
	}
*/
}