.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;}
.clearfix, .row {display:block;}

/* reset */

caption {
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px;
}

a {
    text-decoration: none;
    outline: 0;
    border: 0;
    color: #054992;
}

ul {
    list-style-type: disc;
    list-style-position: inside;
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
}
/*form styling*/

div.errorMessage {
    padding: 2px;
}

input[type=text].redBorder, 
input[type=email].redBorder, 
textarea.redBorder {
    border: 1px dotted red;
}

.formText {
    padding: 10px 0px 5px 0px;
}

input[type=checkbox] {
	height: 14px;
}

input[type=text],
input[type=password],
input[type=email],
textarea {
    width: 100%;
    display: block;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    padding: 5px 0px;
    font-size: 90%;
    text-indent: 5px;
}

input[type=submit] {
    min-width: 120px;
    padding: 5px 10px;
    margin-top: 5px;
    cursor: pointer;
    font-size: .9em;
    border: 0px;
    color: white;
    background-color: #86ad7d;
}


.footer input[type=submit] {
    background-color: white;
    color: #86ad7d;
    padding: 5px;
    min-width: 80px;
    margin-top: 5px;
    cursor: pointer;
    font-size: .9em;
    border: 0px;
}

input[type=submit]:hover {
    font-weight: bold;
}

/* tables */

table td h1 {
}

table td h2 {
}
,
table td h3,
table td h4,
table td h5,
table td h6 {
}

table {
}

table td {
    padding: 5px;
}

.content .gallery ul,
.content .gallery ol {
    list-style: none;
    margin: 0px;
}

.content .gallery img {
    display: block;
}

@media screen and (min-width: 768px) {
  .nav-toggle {
    display: none;
  }
}

/* page layout */

  html {
    background-image:  url("/nzcy/assets/template/background.jpg");
    height: 100%;
    width: 100%;
    z-index: -1;
  }

  html::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("/nzcy/assets/template/nzcylogo.svg");
    background-repeat: no-repeat;
    opacity: 0.03;
   }

  @media screen and (min-height: 968px) {
    html::after {
      background-position: right -160px bottom -300px;
      background-size: 1180px 1180px;
    }
  }
  @media screen and (max-height: 967px) {
    html::after {
      background-position: right -120px bottom -230px;
      background-size: 900px 900px;
    }
  }
  @media screen and (max-height: 700px) {
    html::after {
      background-position: right -120px bottom -230px;
      background-size: 0px 0px;
    }
  }
  @media screen and (max-height: 500px) and (max-width: 1023px) {
    html::after {
      background-position: right -120px bottom -200px;
      background-size: 800px 800px;
    }
  }


  body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 75%;
  }

  .topStrip {
    background-image: url("/nzcy/assets/template/tilestrip.gif");
    position: absolute;
    top: 0px;
    padding-right: 0;
    height: 40px;
    right: 0;
    width: 100%;
  }

  .topStripRight {
    background-image: url("/nzcy/assets/template/tilestrip.gif");
    position: absolute;
    top: 0px;
    padding-right: 40px;
    height: 40px;
    right: 0;
    width: 80%;
  }

  .topStripRight::after {
    content: "";
    background-image: url("/nzcy/assets/template/bottomstripright.gif");
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
  }

  .topLeftScale {
    background-image: url("/nzcy/assets/template/topleft.png");
    position: absolute;
    left: -20px;
    top: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
  }

  .topLeftStrip {
    background-image: url("/nzcy/assets/template/leftstrip.png");
    position: absolute;
    width: 40px;
    height: 161px;
    left: -20px;
    top: 40px;
    background-repeat: no-repeat;
  }

  .logo {
    background-image: url("/nzcy/assets/template/nzcylogo.svg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 160px;
    width: 160px;
    margin: 60px auto 20px 30px;
  }

  .bottomlogo {
    background-image: url("/nzcy/assets/template/nzcylogo.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -50%;
    height: 50%;
    width: 100%;
    opacity: .03;
  }

  .bottomStrip {
    background-image: url("/nzcy/assets/template/tilestrip.gif");
    float: right;
    clear: all;
    margin-bottom: 100px;
    padding-right: 80%;
    height: 40px;
    right: 0;
  }

  .bottomStrip:before {
    content: url("/nzcy/assets/template/bottomstripleft.gif");
  }


.percent60 .narrow {
    width: 60%;
    margin: 0 auto;
}

.grid {
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.grid.content {

}

.grid .row.content {
    margin-bottom: 20px;
}

.content.header {
  padding-top: 80px;
}

/* template customlayout styles */

h1, h2, h3, h4, h5, h6 {
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.4375em;
}

h3 {
}

h4, h5, h6 {
}

.content h1 {
  font-weight: 300;
  font-size: 200%;
  color: #20478f;
}

.content h2,
.content h3 {
  font-weight: 300;
  color: #1e6cb5;
}    

.content.body p {
color: #222;
}

.content.body p, 
.content.body ul,
.content.body ol {
    font-size: .9em;
    line-height: 1.6em;
    margin: 11px 0;
}

.content ul,
.content ol {
    margin: 5px;
}

ul.blog_gallery,
ul.filelist {
    list-style: none;
    margin: 0;
}

img {
    width: 100%;
}

b, strong {
    font-weight: bold;
}

.footer {
    line-height: 1.5;
}

.footer .col.gu12 {
  border-top: 1px solid rgba(51,51,51,0.1);
padding: 20px;
}

.uppercase {
    text-transform: uppercase;
}

.imageleft {
    float: left;
}

.imageright {
    float: right;
}

.home h1 {
  background-color: #1e6cb5;
  padding: 6px;
  font-size: 1em;
  text-align: center;
}

.home h1 a {
  color: white;
}

.home .body .col.gu3 {
  margin-bottom: 16px;
}

.home .col.gu3:nth-child(2n+1) h1 {
  background-color: #20478f;
}

.home .body .col.gu3 p {
  padding: 0 5px;
}

.home .header h3 {
color: #20478f;
    font-weight: 300;
width: 85%;
    font-size: 200%;
    margin: 10px auto;
    line-height: 150%;
}


section.twocolumn {
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
}

.linkbutton {
    border: 1px solid;
    color: #000;
    font-size: 90%;
    padding: 5px 10px;
    bottom: 5px;
}



/* rslide override */
/* gallery setup base */

.gallery {
    padding-top: 1em;
    position: relative;
}

div.rslideGallery {
    position: relative;
     background-color: #fff;
    padding: 10px;
}

.row ul.rslides {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.row ul.rslides li {
    line-height: 1;
    width: 100%;
}

/*! http://responsiveslides.com v1.53 by @viljamis */
.slide_border {
    border: 5px solid white;
}

.row div.rslideGallery .rslides li {
    padding: 0px;
    margin: 0px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0px;
  margin: 0px;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  padding-bottom: 20px;
  }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../assets/template/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }
.centered-btns_nav:hover {
    opacity: .6;
}

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.3;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../assets/template/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }


.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.rslides li a {
	padding: 3px;
    background-color: rgb(35,139,155);
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}