/*=====================================*
 * GENERAL PAGE LAYOUT
 *=====================================*/
body {
  border-top: 6px solid #066948;
  background: white url('../Images/body-background.png') repeat left top;
}

.container.pageheader {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 12px 12px 0px #c1c1c1;
  -moz-box-shadow: 0px 12px 12px 0px #c1c1c1;
  box-shadow: 0px 12px 12px 0px #c1c1c1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=180, Color='#c1c1c1')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength =12, Direction = 180, Color = '#c1c1c1');
  z-index: 2;
}
.container.pageheader .row {
  height: 178px;
}

.container.main {
  z-index: 1;
}
.container.main .row {
  background-color: #ffffff;
  padding-top: 35px;
  
}

@media only screen and (max-width: 1023px) {
  body.debug {
    border-top: 6px solid blue;
  }

  body {
    background-image: none;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.pageheader {
    padding-left: 64px;
    padding-right: 64px;
  }
  .container.pageheader .row {
    height: 142px;
    min-width: 637px;
  }

  .container.main .row {
    padding-top: 0;
  }
  .container.main .main-content-area {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  body.debug {
    border-top: 3px solid red;
  }

  .row, body, .container, .rowInner {
    min-width: 480px;
  }

  .container.pageheader {
    padding-left: 0;
    padding-right: 0;
  }
  .container.pageheader .row {
    height: 137px;
    min-width: 0;
  }

  .container.main .main-content-area {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-width: 100px;
  }
}
@media only screen and (max-width: 480px) {
  body.debug {
    border-top: 2px solid red;
  }

  .row, body, .container, .rowInner {
    min-width: 320px;
  }

  .container.pageheader .row {
    height: 68px;
  }

  .container.main .main-content-area {
    min-width: 50px;
  }
}
/*=====================================*
 * GENERAL TYPOGRAPHY
 *=====================================*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  /* line-height: normal; */
  line-height: 1.3;
  /* 1.3 ~ 14px font => 18px line height, roughly */
}

p {
  /* line-height: normal; */
}

a {
  color: #0e5838;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h6 {
  font-weight: bold;
}

h1 {
  font-size: 20px;
  margin-bottom: 16px;
}

h2 {
  font-size: 18px;
}

h3, h4, h5 {
  font-size: 14px;
}

h3 {
  font-style: italic;
}

h4 {
  color: #991a1e;
}

h5 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

h6 {
  font-size: 12px;
  letter-spacing: 0.1em;
}

ul {
  list-style-type: disc;
}

ul, ol {
  list-style-position: outside;
}

li {
  margin-left: 25px;
}

ol li {
  margin-left: 32px;
}

p, ul, ol, blockquote {
  margin-bottom: 16px;
}

blockquote {
  padding: 14px 20px;
  background-color: #eee;
  margin-top: 16px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead tr {
  background-color: #bac38c;
}

tbody tr {
  background-color: #ebeedc;
}
tbody tr:nth-child(2n) {
  background-color: #dadfbd;
}

th, td {
  margin: 0;
  padding: 8px;
  text-align: left;
  border: none;
}

label {
  margin-bottom: 16px;
}

label, input, select, textarea {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 14px;
}

input[type=text], input[type=password], textarea, select {
	width: 200px;
	padding: 4px;
}

input[type=checkbox], input[type=submit], label.checkbox-label {
  display: inline;
}

textarea {
  width: 98%;
  min-height: 96px;
}

iframe {
	width: 100%;
}

input[type=submit] {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #7b7b7b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #7b7b7b));
  background-image: -webkit-linear-gradient(#9a9a9a, #7b7b7b);
  background-image: -moz-linear-gradient(#9a9a9a, #7b7b7b);
  background-image: -o-linear-gradient(#9a9a9a, #7b7b7b);
  background-image: linear-gradient(#9a9a9a, #7b7b7b);
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 12px;
}
input[type=submit].primary {
  background-color: #08462c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e5838), color-stop(100%, #041d11));
  background-image: -webkit-linear-gradient(#0e5838, #041d11);
  background-image: -moz-linear-gradient(#0e5838, #041d11);
  background-image: -o-linear-gradient(#0e5838, #041d11);
  background-image: linear-gradient(#0e5838, #041d11);
}

.left {
  float: left;
  clear: left;
  margin: 0 24px 8px 0;
}

.right {
  float: right;
  clear: right;
  margin: 0 0 8px 24px;
}

.video img, .graphic img {
  margin-bottom: 16px;
}
.video .title, .graphic .title {
  font-weight: bold;
}
.video p.caption, .graphic p.caption {
  margin-bottom: 0;
}
.margin {
	margin-left: 20px;
	margin-right: 20px;
}
.checkbox-list {
	list-style-type: none;
}
.checkbox-list li {
	margin-left: 0;
}
input[type="text"].form-control {
	width: 250px;
}
@media only screen and (max-width: 1023px) {
  input[type=text], textarea, select {
    min-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 28px;
  }

  h1 {
    font-size: 40px;
    margin-bottom: 24px;
  }

  h2 {
    font-size: 32px;
  }

  h3, h4, h5 {
    font-size: 28px;
  }

  h6 {
    font-size: 18px;
  }

  .left, .right {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 24px 0;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  h2 {
    font-size: 16px;
  }

  h3, h4, h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 9px;
  }

  .left, .right {
    margin: 12px 0;
  }
}
a.learn-more {
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  padding: 6px;
  margin-top: 12px;
  border: 2px solid #0e5838;
}

@media only screen and (max-width: 767px) {
  a.learn-more {
    border-width: 4px;
    font-size: 28px;
    line-height: 28px;
    margin-top: 24px;
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 480px) {
  a.learn-more {
    border-width: 2px;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px;
    padding: 6px 12px;
  }
}
.nav-arrow {
  position: absolute;
}
.nav-arrow.nav-left {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../Images/nav-arrow-left.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 36px;
  height: 39px;
  left: 0;
}
.nav-arrow.nav-right {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../Images/nav-arrow-right.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 33px;
  height: 39px;
  right: 0;
}

@media only screen and (max-width: 1023px) {
  .nav ul {
    display: none;
  }

  .nav select {
    display: inline;
  }
}
@media only screen and (max-width: 767px) {
  .nav ul {
    display: none;
  }

  .nav select {
    display: inline;
  }

  .nav-arrow.nav-left {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/nav-arrow-left-large.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 64px;
    height: 67px;
  }
  .nav-arrow.nav-right {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/nav-arrow-right-large.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 64px;
    height: 67px;
  }
}
@media only screen and (max-width: 480px) {
  .nav-arrow.nav-left {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/nav-arrow-left.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 36px;
    height: 39px;
  }
  .nav-arrow.nav-right {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/nav-arrow-right.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 33px;
    height: 39px;
  }
}
/*=====================================*
 * SITE pageheader
 *=====================================*/
/*========== LOGO ==========*/
#logo {
  position: absolute;
  top: 26px;
  left: 20px;
}
#logo a {
  display: block;
  width: 138px;
}
@media only screen and (max-width: 1023px) {
  #logo {
    top: 22px;
    left: 12px;
  }
  #logo a {
    width: 109px;
  }
}
@media only screen and (max-width: 767px) {
  #logo {
    top: 18px;
    left: 46px;
  }
  #logo a {
    width: 165px;
  }
}
@media only screen and (max-width: 480px) {
  #logo {
    top: 9px;
    left: 23px;
  }
  #logo a {
    width: 82px;
  }
}

/*========== SEARCH FORM ==========*/
.search {
  position: absolute;
  right: 0;
  top: 82px;
}
.search input {
  float: left;
}

.search-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 314px;
  padding: 5px;
  margin-right: 2px;
  height: 35px;
  margin-top: 1px;
  font-size: 18px;
  outline: none;
  border: 2px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: #dddddd 0 0 3px 1px inset;
  -moz-box-shadow: #dddddd 0 0 3px 1px inset;
  box-shadow: #dddddd 0 0 3px 1px inset;
  font-family: Arial, Helvetica, sans-serif;
}
.search-field::-webkit-input-placeholder {
  color: #555555;
}
.search-field:-moz-placeholder {
  color: #555555;
}
.search-field::-moz-placeholder {
  color: #555555;
}
.search-field:-ms-input-placeholder {
  color: #555555;
}

.search-button {
  height: 36px;
  width: auto;
}

@media only screen and (max-width: 1023px) {
  .search {
    top: 78px;
  }

  .search-field {
    font-size: 13px;
    height: 26px;
    margin-top: 0;
  }

  .search-button {
    height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .search {
    display: none;
  }
}
/*========== NAV/SEARCH POPUP BUTTONS AND MOBILE MAIN NAV ==========*/
.popup-buttons, .mobile-nav {
  display: none;
}

@media only screen and (max-width: 767px) {
  .popup-buttons {
    display: block;
    position: absolute;
    top: 35px;
    right: 55px;
  }
  .popup-buttons a {
    display: inline-block;
    height: 78px;
    width: 78px;
    margin-left: 20px;
  }

  .mobile-nav {
    font-size: 28px;
    line-height: 28px;
  }
  .mobile-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .mobile-nav li {
    margin: 0;
    padding: 0;
  }
  .mobile-nav li a {
    display: block;
    padding: 22px 22px 22px 50px;
    border: 1px solid #c0b9ab;
    background-color: #edf2f7;
  }
  .mobile-nav li .menu-toggle-arrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 16px;
    background: transparent url('../Images/menu-arrow-closed.png') no-repeat left center;
  }
  .mobile-nav li.expanded > a > .menu-toggle-arrow {
    background-image: url('../Images/menu-arrow-open.png');
  }
  .mobile-nav li li a {
    background-color: #f2f2f2;
    padding-left: 90px;
  }
  .mobile-nav li li li a {
    background-color: #f8f1e3;
    padding-left: 130px;
  }
}
@media only screen and (max-width: 480px) {
  .popup-buttons {
    top: 17px;
    right: 27px;
  }
  .popup-buttons a {
    width: 39px;
    height: 39px;
    margin-left: 10px;
  }

  .mobile-nav {
    font-size: 16px;
    line-height: 16px;
  }
  .mobile-nav li a {
    padding: 11px 11px 11px 25px;
  }
  .mobile-nav li .menu-toggle-arrow {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 9px;
    height: 9px;
    margin-left: 8px;
  }
  .mobile-nav li li a {
    padding-left: 45px;
  }
  .mobile-nav li li li a {
    padding-left: 65px;
  }
}
/*=====================================*
 * SITE FOOTER
 *=====================================*/
.footer {
  color: #fff;
  /*========== LOGO & NAME ==========*/
  /*========== LEFT FOOTER COLUMN ==========*/
}
.footer a {
  color: #ffc71d;
}
.footer .row {
  background: #315272 url('../Images/footer-background.png') top left repeat-x;
  padding-top: 36px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1023px) {
  .footer .row {
    padding-top: 26px;
  }
}
.footer .row .copyright, .footer .row .about-text {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .footer .row {
    font-size: 28px;
  }
  .footer .row .copyright, .footer .row .about-text, .footer .row .social-networks {
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .footer .row {
    font-size: 14px;
  }
  .footer .row .copyright, .footer .row .about-text, .footer .row .social-networks {
    font-size: 12px;
  }
}
.footer ul {
  list-style: none;
}
.footer ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.footer .footer-logo {
  margin-bottom: 30px;
}
.footer .footer-logo .logo {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../Images/aalas-footer-logo.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 82px;
  height: 54px;
  display: inline-block;
}
.footer .footer-logo .name {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../Images/aalas-footer-name.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 214px;
  height: 33px;
  margin-left: 20px;
  display: inline-block;
  height: 54px;
  background-position: left bottom;
}
@media only screen and (max-width: 1023px) {
  .footer .footer-logo {
    margin-bottom: 36px;
  }
  .footer .footer-logo .logo {
    display: block;
  }
  .footer .footer-logo .name {
    height: 33px;
    margin-left: 0;
    margin-top: 16px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-logo .logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/aalas-footer-logo-mobile.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 144px;
    height: 93px;
    display: inline-block;
    margin-right: 14px;
  }
  .footer .footer-logo .name {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/aalas-footer-name-mobile.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 374px;
    height: 93px;
    margin-top: 0;
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .footer .footer-logo {
    margin-bottom: 18px;
  }
  .footer .footer-logo .logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/aalas-footer-logo-mobile-320.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 73px;
    height: 47px;
  }
  .footer .footer-logo .name {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('../Images/aalas-footer-name-mobile-320.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 188px;
    height: 47px;
  }
}
.footer .colofon .wrapper {
  padding-left: 36px;
}
@media only screen and (max-width: 480px) {
  .footer .colofon .wrapper {
    padding-left: 18px;
  }
}
.footer .colofon .address {
  list-style-type: none;
}
.footer .colofon .address, .footer .colofon .address li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
.footer .colofon .address li:after {
  content: ", ";
}
.footer .colofon .address li:last-child:after {
  content: "";
}
.footer .colofon .address li.last:after {
  content: "";
}
.footer .colofon .tel-email, .footer .colofon .links {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 24px;
}
.footer .colofon .tel-email li, .footer .colofon .links li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}
.footer .colofon .tel-email li:first-child, .footer .colofon .tel-email li.first, .footer .colofon .links li:first-child, .footer .colofon .links li.first {
  padding-left: 0;
}
.footer .colofon .tel-email li:last-child, .footer .colofon .links li:last-child {
  padding-right: 0;
}
.footer .colofon .tel-email li.last, .footer .colofon .links li.last {
  padding-right: 0;
}
.footer .colofon .tel-email li, .footer .colofon .links li {
  border-right: 1px solid #908f8f;
}
.footer .colofon .tel-email li.last, .footer .colofon .links li.last {
  border-right: none;
}
.footer .colofon .links li:nth-child(3n) {
  border-right: none;
  padding-right: 0;
}
.footer .colofon .links li:nth-child(3n+1) {
  clear: left;
  padding-left: 0;
}
.footer .colofon .social-networks {
  margin-bottom: 24px;
}
.footer .colofon .social-networks p {
  margin-bottom: 8px;
}
.footer .colofon .social-networks ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
.footer .colofon .social-networks ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 3px;
  padding-right: 3px;
}
.footer .colofon .social-networks ul li:first-child, .footer .colofon .social-networks ul li.first {
  padding-left: 0;
}
.footer .colofon .social-networks ul li:last-child {
  padding-right: 0;
}
.footer .colofon .social-networks ul li.last {
  padding-right: 0;
}
.footer .colofon .social-networks a {
  display: inline-block;
  height: 44px;
  width: 44px;
}
@media only screen and (max-width: 1023px) {
  .footer .colofon .address li, .footer .colofon .tel-email li, .footer .colofon .links li {
    margin-bottom: 6px;
  }
  .footer .colofon .address li {
    display: block;
  }
  .footer .colofon .address li:after {
    content: "";
  }
  .footer .colofon .tel-email {
    padding-bottom: 16px;
  }
  .footer .colofon .tel-email li {
    border-right: none;
    padding: 0;
    display: block;
    float: none;
  }
  .footer .colofon .links li:nth-child(3n) {
    border-right: 1px solid #908f8f;
    padding-right: 8px;
  }
  .footer .colofon .links li:nth-child(3n + 1) {
    clear: none;
    padding-left: 8px;
  }
  .footer .colofon .links li:nth-child(2n) {
    border-right: none;
    padding-right: 0;
  }
  .footer .colofon .links li:nth-child(2n+1) {
    clear: left;
    padding-left: 0;
  }
  .footer .colofon .social-networks {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .colofon .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  .footer .colofon .links li:first-child, .footer .colofon .links li.first {
    padding-left: 0;
  }
  .footer .colofon .links li:last-child {
    padding-right: 0;
  }
  .footer .colofon .links li.last {
    padding-right: 0;
  }
  .footer .colofon .links li:nth-child(2n) {
    border-right: 1px solid #908f8f;
    padding-right: 8px;
  }
  .footer .colofon .links li:nth-child(2n + 1) {
    clear: none;
    padding-left: 8px;
  }
  .footer .colofon .links li:nth-child(3n) {
    border-right: none;
    padding-right: 0;
  }
  .footer .colofon .links li:nth-child(3n+1) {
    clear: left;
    padding-left: 0;
  }
  .footer .colofon .social-networks li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  .footer .colofon .social-networks li:first-child, .footer .colofon .social-networks li.first {
    padding-left: 0;
  }
  .footer .colofon .social-networks li:last-child {
    padding-right: 0;
  }
  .footer .colofon .social-networks li.last {
    padding-right: 0;
  }
  .footer .colofon .social-networks a {
    height: 82px;
    width: 82px;
  }
}
@media only screen and (max-width: 580px) {
  .footer .colofon .links {
    font-size: 21px;
  }
}
@media only screen and (max-width: 480px) {
  .footer .colofon .links {
    font-size: 14px;
  }
  .footer .colofon .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  .footer .colofon .links li:first-child, .footer .colofon .links li.first {
    padding-left: 0;
  }
  .footer .colofon .links li:last-child {
    padding-right: 0;
  }
  .footer .colofon .links li.last {
    padding-right: 0;
  }
  .footer .colofon .links li:nth-child(2n) {
    border-right: 1px solid #908f8f;
    padding-right: 4px;
  }
  .footer .colofon .links li:nth-child(2n + 1) {
    clear: none;
    padding-left: 4px;
  }
  .footer .colofon .links li:nth-child(3n) {
    border-right: none;
    padding-right: 0;
  }
  .footer .colofon .links li:nth-child(3n+1) {
    clear: left;
    padding-left: 0;
  }
  .footer .colofon .social-networks li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
  }
  .footer .colofon .social-networks li:first-child, .footer .colofon .social-networks li.first {
    padding-left: 0;
  }
  .footer .colofon .social-networks li:last-child {
    padding-right: 0;
  }
  .footer .colofon .social-networks li.last {
    padding-right: 0;
  }
  .footer .colofon .social-networks a {
    height: 42px;
    width: 42px;
  }
}

/*========== RIGHT FOOTER COLUMN ==========*/
.footer-links {
  border-left: 1px solid #5792bb;
  margin-top: 20px;
}
.footer-links .wrapper {
  padding: 20px 72px 36px 36px;
}
.footer-links .links .column p {
  padding-right: 16px;
}
.footer-links .links .last.column p {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .footer-links {
    border-left: none;
    margin-top: 40px;
  }
  .footer-links .wrapper {
    margin-left: 18px;
    margin-right: 18px;
    border-top: 1px solid #5792bb;
    padding: 36px 0 0 0;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-links .links {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-links .links {
    display: none;
  }
  .footer-links .about-text {
    margin-bottom: 84px;
  }
}
@media only screen and (max-width: 480px) {
  .footer-links .about-text {
    margin-bottom: 24px;
  }
}

/*=====================================*
 * LEFT COLUMN
 *=====================================*/
.left-nav ul {
  list-style-type: none;
  margin: 0px 0px 0px 15px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
.left-nav ul li {
  margin: 0;
}
.left-nav ul li ul {
  list-style-type: none;
  margin: 0px 0px 10px 25px;
}
.left-nav ul li ul li a {
  display: block;
  padding: 5px 5px;
}
.left-nav a {
  display: block;
  padding: 8px 10px;
}
.left-nav a:hover {
  text-decoration: none;
  background-color: #e0e0e0;
}
.left-nav a.active {
  color: #333;
  background-color: #ccc;
}

.mobile-subnav {
  display: none;
}
.container.main .mobile-subnav.row {
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f3f3f3), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: -moz-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: -o-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: linear-gradient(left, #f3f3f3, #e1e1e1);
}
.mobile-subnav .twelvecol {
  text-align: center;
}
.mobile-subnav select {
  font-size: 14px;
  min-width: 65%;
  margin: 18px auto;
}
.mobile-subnav .subnav-3 {
  padding-left: 16px;
}

@media only screen and (max-width: 1023px) {
  .left-nav {
    display: none;
  }

  .mobile-subnav {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-subnav {
    display: none;
  }
}
/*=====================================*
 * 3RD LEVEL NAV AT TOP OF SUB PAGES
 *=====================================*/
.tertiary-nav {
  background-color: #ededed;
}
.tertiary-nav .links {
  padding-right: 72px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
  overflow: hidden;
  margin-bottom: 14px;
}
.tertiary-nav .wrapper {
  padding: 22px 0;
}
.tertiary-nav .wrapper > ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-rule: 1px solid #cccccc;
  -moz-column-rule: 1px solid #cccccc;
  -ms-column-rule: 1px solid #cccccc;
  -o-column-rule: 1px solid #cccccc;
  column-rule: 1px solid #cccccc;
  -webkit-column-gap: 22px;
  -moz-column-gap: 22px;
  -ms-column-gap: 22px;
  -o-column-gap: 22px;
  column-gap: 22px;
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  -ms-column-width: 50%;
  -o-column-width: 50%;
  column-width: 50%;
}
.tertiary-nav ul {
  list-style: none;
  margin: 0;
}
.tertiary-nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.tertiary-nav ul li {
  margin-left: 22px;
  /*display: inline-block;*/
}
.tertiary-nav ul li a {
  display: block;
  margin-bottom: 8px;
}
.tertiary-nav ul li li {
  margin-left: 8px;
}
.tertiary-nav div:empty {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .tertiary-nav {
    display: none;
  }
}

/*=====================================*
 * 3RD LEVEL NAV AT BOTTOM OF SUB PAGES
 *=====================================*/
.third-level-nav {
  display: none;
}
@media only screen and (max-width: 767px) {
  .third-level-nav {
    display: block;
    font-size: 28px;
    line-height: 28px;
  }
  .third-level-nav .wrapper {
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 80px;
  }
  .third-level-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .third-level-nav li {
    margin: 0;
    padding: 0;
  }
  .third-level-nav li a {
    display: block;
    padding: 22px 22px 22px 50px;
    border: 1px solid #c0b9ab;
    background-color: #f8f1e3;
  }
  .third-level-nav li li a {
    padding-left: 90px;
  }
  .third-level-nav li li li a {
    padding-left: 130px;
  }
}
@media only screen and (max-width: 480px) {
  .third-level-nav {
    font-size: 14px;
    line-height: 14px;
  }
  .third-level-nav .wrapper {
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 40px;
  }
  .third-level-nav li a {
    padding: 11px 11px 11px 25px;
  }
  .third-level-nav li li a {
    padding-left: 45px;
  }
  .third-level-nav li li li a {
    padding-left: 65px;
  }
}

/*=====================================*
 * BREADCRUMBS
 *=====================================*/
.breadcrumbs {
  padding-top: 5px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #9a9a9a;
}
.breadcrumbs span.active {
  color: #333333;
}
.breadcrumbs p {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .breadcrumbs {
    padding-top: 28px;
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    display: none;
  }
}

/*=====================================*
 * HERO IMAGE
 *=====================================*/
.hero {
  /* prevent text from getting too scrunched up as we approach the tablet breakpoint... */
  /* prevent text from getting too scrunched up on smaller mobile displays... */
}
.hero .wrapper {
  position: relative;
  max-height: 100%;
}
.hero .photo img {
  width: 100%;
}
.hero .photo .vertical {
  display: none;
}
.hero .hero-text {
  position: absolute;
  left: 50%;
  top: 20px;
  right: 30px;
}
.hero h1, .hero p {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.2;
}
.hero h1 {
  font-weight: normal;
  font-size: 23px;
  margin-bottom: 8px;
}
.hero p {
  font-size: 17px;
  margin-bottom: 0;
}
.hero .nav {
  position: absolute;
  bottom: 10px;
  right: 30px;
}
.hero .nav ul {
  list-style-type: none;
}
.hero .nav ul, .hero .nav ul li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
.hero .nav li {
  padding-right: 8px;
}
.hero .nav li.last {
  padding-right: 0;
}
.hero .nav a {
  display: inline-block;
  height: 22px;
  width: 22px;
  background-color: #9f4e15;
  text-decoration: none;
}
.hero .nav a.active {
  background-color: #fff;
}
.hero .nav a:hover, .hero .nav a:active {
  background-color: #6c1e03;
}
@media only screen and (max-width: 1150px) {
  .hero .hero-text {
    top: 16px;
    right: 24px;
  }
  .hero h1 {
    font-size: 21px;
  }
  .hero p {
    font-size: 15px;
  }
}
.hero a.learn-more {
  color: #fddc58;
  border-color: #fddc58;
}
@media only screen and (max-width: 1023px) {
  .hero .hero-text {
    top: 20px;
    right: 85px;
  }
  .hero h1 {
    font-size: 23px;
  }
  .hero p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .hero .photo .vertical {
    display: block;
  }
  .hero .photo .horizontal {
    display: none;
  }
  .hero .hero-text {
    left: 0;
    right: 55px;
    padding-left: 55px;
    top: 50%;
  }
  .hero h1 {
    font-size: 40px;
  }
  .hero p, .hero a.learn-more {
    font-size: 28px;
  }
}
@media only screen and (max-width: 580px) {
  .hero .hero-text {
    top: 48%;
  }
  .hero h1 {
    font-size: 32px;
  }
  .hero p, .hero a.learn-more {
    font-size: 24px;
  }
  .hero a.learn-more {
    margin-top: 16px;
    padding: 8px 16px;
  }
}
@media only screen and (max-width: 480px) {
  .hero .hero-text {
    right: 27px;
    padding-left: 27px;
  }
  .hero h1 {
    font-size: 20px;
  }
  .hero p, .hero a.learn-more {
    font-size: 14px;
  }
  .hero a.learn-more {
    margin-top: 8px;
    padding: 4px 8px;
  }
}

/*========== HERO IMAGE OVERRIDES FOR HOME PAGE ==========*/
body.homepage .hero .photo img.horizontal {
  min-height: 273px;
}
body.homepage .hero .hero-text {
  top: 32px;
  right: 40px;
}
body.homepage .hero h1 {
  font-size: 33px;
}
body.homepage .hero .nav-arrow {
  top: 116px;
}
@media only screen and (max-width: 1023px) {
  body.homepage .hero {
    overflow: hidden;
  }
  body.homepage .hero .nav {
    width: 100%;
    text-align: center;
    right: 0;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.homepage .hero .wrapper {
    height: 100%;
  }
  body.homepage .hero .photo, body.homepage .hero .photo .vertical {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 670px;
  }
  body.homepage .hero .hero-text {
    top: 40%;
    right: 100px;
    padding-left: 110px;
  }
  body.homepage .hero p, body.homepage .hero a.learn-more {
    font-size: 30px;
  }
  body.homepage .hero a.learn-more {
    border-width: 2px;
  }
  body.homepage .hero .nav-arrow {
    top: 280px;
  }
  body.homepage .hero .nav {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  body.homepage .hero .photo, body.homepage .hero .photo .vertical {
    height: 335px;
  }
  body.homepage .hero .hero-text {
    right: 50px;
    padding-left: 55px;
  }
  body.homepage .hero p, body.homepage .hero a.learn-more {
    font-size: 15px;
  }
  body.homepage .hero a.learn-more {
    border-width: 1px;
  }
  body.homepage .hero .nav-arrow {
    top: 140px;
  }
}

@media only screen and (max-width: 767px) {
  body.homepage .container.main .row .hero h1 {
    font-size: 40px;
  }
}
/* prevent text from getting too scrunched up on smaller mobile displays... */
@media only screen and (max-width: 680px) {
  body.homepage .container.main .row .hero h1 {
    font-size: 32px;
  }
  body.homepage .hero p, body.homepage .hero a.learn-more {
    font-size: 24px;
  }
  body.homepage .hero a.learn-more {
    margin-top: 16px;
    padding: 8px 16px;
  }
}
@media only screen and (max-width: 580px) {
  body.homepage .hero a.learn-more {
    font-size: 18px;
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 480px) {
  body.homepage .hero {
    height: 335px;
  }
  body.homepage .hero .photo, body.homepage .hero .photo .vertical {
    height: 335px;
  }
  body.homepage .hero .hero-text {
    right: 50px;
    padding-left: 55px;
  }
  body.homepage .hero h1 {
    font-size: 18px;
  }
  body.homepage .hero p, body.homepage .hero a.learn-more {
    font-size: 14px;
  }
  body.homepage .hero a.learn-more {
    font-size: 12px;
    padding: 5px 7px;
  }
}
/*=====================================*
 * ADVERT BLOCKS
 *=====================================*/
.ads {
  margin-top: 15px;
}

.ads .ad {
  margin-bottom: 32px;
}
.ads .ad img {
  width: auto;
}
.ads .ad .wrapper {
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .ads .ad {
    width: auto;
  }
}

img.ad-image {
  width: auto;
}

.threecol.ads .ad {
  padding-right: 15px;
}

.ad-marker {
  text-transform: uppercase;
  font-size: 10px;
  color: #605d5d;
  /* text-align: center; */
  letter-spacing: 0.2em;
  padding-top: 16px;
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .ad-marker {
    font-size: 22px;
  }
}
@media only screen and (max-width: 480px) {
  .ad-marker {
    font-size: 11px;
  }
}

/*=====================================*
 * LANDING PAGE BODY STYLES
 *=====================================*/
.rowInner.page-content.with-border {
  border-bottom: 1px solid #c3d5cd;
  padding-top: 24px;
  padding-bottom: 16px;
}
.rowInner.page-content.with-border.ads {
  display: none;
}

/*========== "IN THIS ISSUE" ==========*/
.in-this-issue h2, .in-this-issue p {
  margin-bottom: 8px;
}
.in-this-issue h2 {
  font-size: 14px;
}
.in-this-issue .label {
  font-weight: bold;
}
.in-this-issue ul {
  list-style: none;
}
.in-this-issue li {
  border-bottom: 1px solid #c3d5cd;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-left: 0;
}
.in-this-issue li.last {
  margin-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .in-this-issue h2, .in-this-issue p {
    padding-bottom: 16px;
  }
  .in-this-issue h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .in-this-issue h2, .in-this-issue p {
    padding-bottom: 8px;
  }
  .in-this-issue h2 {
    font-size: 14px;
  }
}

/*========== TOPIC NAVIGATION ==========*/
.topics ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
}
.topics ul li {
  margin-bottom: 12px;
  margin-left: 0;
}
.topics ul li a {
  font-weight: bold;
}
.topics ul li ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 4px;
}
.topics ul li ul li {
  margin-bottom: 0;
}
.topics ul li ul li a {
  font-weight: normal;
}
.topics select {
  display: none;
}
@media only screen and (max-width: 767px) {
  .topics {
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f3f3f3), color-stop(100%, #e1e1e1));
    background-image: -webkit-linear-gradient(left, #f3f3f3, #e1e1e1);
    background-image: -moz-linear-gradient(left, #f3f3f3, #e1e1e1);
    background-image: -o-linear-gradient(left, #f3f3f3, #e1e1e1);
    background-image: linear-gradient(left, #f3f3f3, #e1e1e1);
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .topics h2 {
    margin-bottom: 8px;
  }
  .topics select {
    font-size: 28px;
    width: 100%;
  }
  .topics ul {
    display: none;
  }
  .topics select {
    display: inline;
  }
}
@media only screen and (max-width: 480px) {
  .topics {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .topics h2 {
    margin-bottom: 4px;
  }
  .topics select {
    font-size: 14px;
  }
}

/*========== IMPORTANT DATES, PUBLICATION THUMBNAILS - SHARED STUFF ==========*/
.important-dates, .publications {
  font-weight: bold;
}
.important-dates ul, .publications ul {
  overflow: hidden;
  *zoom: 1;
}
.important-dates ul li, .publications ul li {
  display: inline-block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  margin-left: 0;
}
.important-dates ul li:first-child, .important-dates ul li.first, .publications ul li:first-child, .publications ul li.first {
  padding-left: 0;
}
.important-dates ul li:last-child, .important-dates ul li.last, .publications ul li:last-child, .publications ul li.last {
  padding-right: 0;
  border-right: none;
}

/*========== IMPORTANT DATES ==========*/
.important-dates {
  font-size: 13px;
}
.important-dates .date-list {
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(#e1e1e1, #efefef);
  background-image: -moz-linear-gradient(#e1e1e1, #efefef);
  background-image: -o-linear-gradient(#e1e1e1, #efefef);
  background-image: linear-gradient(#e1e1e1, #efefef);
  padding: 18px;
}
.important-dates ul li {
  padding-left: 14px;
  padding-right: 14px;
  border-right: 1px solid white;
}
.important-dates ul li:last-child, .important-dates ul li.last {
  border-right: none;
}
.important-dates .date {
  font-size: 14px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .important-dates {
    font-size: 28px;
  }
  .important-dates .date-list {
    padding: 36px;
  }
  .important-dates ul li {
    padding: 36px 0;
    display: block;
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 4px solid white;
  }
  .important-dates ul li:first-child, .important-dates ul li.first {
    padding-top: 0;
  }
  .important-dates ul li:last-child, .important-dates ul li.last {
    border-bottom: none;
    padding-bottom: 0;
  }
  .important-dates .date {
    font-size: 32px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .important-dates {
    font-size: 14px;
  }
  .important-dates .date-list {
    padding: 18px;
  }
  .important-dates ul li {
    padding: 18px 0;
    border-bottom: 2px solid white;
  }
  .important-dates .date {
    font-size: 16px;
  }
}

/*========== PUBLICATIONS ==========*/
.publications {
  background: #f3f3ee url('../Images/publications-background-mobile.png') repeat-x 0 75%;
}
.publications ul li, .publications ul li:last-child, .publications ul li.last {
  padding-right: 20px;
}
.publications .book-cover, .publications p {
  margin-bottom: 14px;
}
.publications .book-cover {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.publications .book-shadow {
  position: absolute;
  top: 80%;
  bottom: 16px;
  left: 0;
  right: 0;
  box-shadow: 0 10px 10px #555555;
}
.publications img {
  position: relative;
}
.publications .wrapper {
  padding: 16px;
}
@media only screen and (max-width: 1023px) {
  .publications h2 {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .publications {
    background-position: left bottom;
  }
  .publications h2 {
    padding-top: 36px;
  }
  .publications ul li {
    width: 50%;
    padding-bottom: 48px;
  }
  .publications ul li, .publications ul li:first-child, .publications ul li.first {
    padding-left: 16px;
  }
  .publications ul li:nth-child(2n+1) {
    clear: left;
  }
  .publications ul li:nth-child(3) {
    padding-bottom: 0;
  }
  .publications ul li:nth-child(4) {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .publications h2 {
    padding-top: 18px;
  }
  .publications ul li {
    padding-bottom: 24px;
  }
  .publications ul li, .publications ul li:last-child, .publications ul li.last {
    padding-right: 8px;
  }
  .publications ul li, .publications ul li:first-child, .publications ul li.first {
    padding-left: 8px;
  }
}

/*========== LINKS AT BOTTOM OF PAGE CONTENT ==========*/
.page-content .links h2 {
  margin-bottom: 8px;
}
.page-content .links ul {
  list-style: none;
  font-weight: bold;
  margin-bottom: 24px;
}
.page-content .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .page-content .links ul {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .page-content .links ul {
    margin-bottom: 30px;
  }
}
.page-content .links ul li {
  margin-bottom: 8px;
}

/*========== SOCIAL NETWORK ICONS AT BOTTOM OF PAGE CONTENT ==========*/
.main-content-area .social-networks {
  margin-bottom: 46px;
  font-size: 12px;
}
.main-content-area .social-networks ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #c3d5cd;
  border-top: 1px solid #c3d5cd;
  padding-top: 4px;
  padding-bottom: 4px;
}
.main-content-area .social-networks ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.main-content-area .social-networks ul li:first-child, .main-content-area .social-networks ul li.first {
  padding-left: 0;
}
.main-content-area .social-networks ul li:last-child {
  padding-right: 0;
}
.main-content-area .social-networks ul li.last {
  padding-right: 0;
}
.main-content-area .social-networks ul li {
  padding-right: 6px;
}
.main-content-area .social-networks ul li img {
  vertical-align: middle;
  padding-right: 4px;
}
@media only screen and (max-width: 1150px) {
  .main-content-area .social-networks ul li {
    /* prevent wrapping as screen width shrinks */
    font-size: 11px;
    padding-right: 4px;
  }
  .main-content-area .social-networks ul li img {
    padding-right: 3px;
    max-height: 28px;
  }
}
@media only screen and (max-width: 1023px) {
  .main-content-area .social-networks ul li {
    font-size: 14px;
    padding-right: 6px;
  }
  .main-content-area .social-networks ul li img {
    padding-right: 4px;
    max-height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main-content-area .social-networks {
    display: none;
  }
}

/*========== MORE LANDING PAGE VARIATIONS ==========*/
@media only screen and (max-width: 1023px) {
  .container.main .row .onecol, .container.main .row .twocol, .container.main .row .threecol, .container.main .row .fourcol, .container.main .row .fivecol, .container.main .row .sixcol, .container.main .row .sevencol, .container.main .row .eightcol, .container.main .row .ninecol, .container.main .row .tencol, .container.main .row .elevencol, .container.main .row .twelvecol {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
  }
  .container.main .rowInner .ninecol.in-this-issue {
    width: 65.4%;
    margin-right: 3.8%;
    float: left;
  }
  .container.main .rowInner .threecol.topics {
    width: 30.75%;
    float: left;
  }
  .container.main .rowInner.page-content.ads {
    display: block;
    margin-top: 0;
  }
  .container.main .rowInner .sixcol.ad, .container.main .rowInner .sixcol.links {
    width: 48%;
    float: left;
    margin-right: 3.8%;
  }
  .container.main .rowInner .sixcol.ad.last, .container.main .rowInner .sixcol.links.last {
    margin-right: 0;
  }
  .container.main .row > .threecol.ads {
    display: none;
  }

  .breadcrumbs .wrapper, .hero .wrapper, .important-dates .wrapper, .publications .wrapper, .social-networks .wrapper, .article .wrapper, .submit-questions .wrapper, .graphic .wrapper, .video .wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }

  .links .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .in-this-issue .wrapper, .first.ad .wrapper {
    padding-left: 55px;
  }

  .topics .wrapper, .last.ad .wrapper {
    padding-right: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .container.main .rowInner .ninecol.in-this-issue, .container.main .rowInner .threecol.topics, .container.main .rowInner .sixcol.ad, .container.main .rowInner .sixcol.links {
    width: 100%;
    margin-right: 0;
    float: left;
  }
  .container.main .rowInner .sixcol.ad {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .in-this-issue .wrapper, .topics .wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }

  .hero .wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .first.ad .wrapper, .last.ad .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .breadcrumbs .wrapper, .important-dates .wrapper, .publications .wrapper, .social-networks .wrapper, .article .wrapper, .submit-questions .wrapper, .graphic .wrapper, .video .wrapper {
    padding-left: 27px;
    padding-right: 27px;
  }

  .in-this-issue .wrapper, .topics .wrapper {
    padding-left: 26px;
    padding-right: 26px;
  }

  .links .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*=====================================*
 * SUB PAGE BODY STYLES
 *=====================================*/
.list-heading {
  font-weight: bold;
  margin-bottom: 0;
}

body.sub-page .rowInner.page-content {
  padding-top: 28px;
  padding-bottom: 28px;
}
body.sub-page .rowInner.page-content.social-networks {
  padding-top: 4px;
  padding-bottom: 4px;
}

.submit-questions h2 {
  margin-bottom: 16px;
}
.submit-questions .form-help {
  font-weight: bold;
}

.graphic, .video {
  text-align: center;
}
.graphic .wrapper, .video .wrapper {
  display: inline-block;
  text-align: left;
}

/*=====================================*
 * HOMEPAGE BODY STYLES
 *=====================================*/
body.homepage .container.main .row {
  padding-top: 0;
}
body.homepage .container.main .row .hero, body.homepage .container.main .row .publications {
  width: 70%;
  margin-right: 0;
}
body.homepage .container.main .row .members-area, body.homepage .container.main .row .careerline {
  width: 30%;
}
body.homepage .container.main .row .hero, body.homepage .container.main .row .members-area {
  height: 273px;
}
body.homepage .container.main .row .publications, body.homepage .container.main .row .careerline {
  height: 300px;
}
@media only screen and (max-width: 1023px) {
  body.homepage .container.main .row {
    overflow: visible;
  }
  body.homepage .container.main .row .hero {
    width: 100%;
  }
  body.homepage .container.main .row .hero, body.homepage .container.main .row .hero .placeholder {
    height: 286px;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .publications, body.homepage .container.main .row .careerline {
    width: 50%;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .careerline {
    float: left;
    clear: left;
  }
  body.homepage .container.main .row .publications {
    position: absolute;
    top: 0;
    right: 0;
  }
  body.homepage .container.main .row .members-area {
    height: 268px;
  }
  body.homepage .container.main .row .careerline {
    height: 279px;
  }
  body.homepage .container.main .row .publications {
    height: 547px;
  }
  body.homepage .container.main .row.adverts {
    overflow: hidden;
  }
  body.homepage .container.main .row.adverts .fourcol {
    width: 33%;
    float: left;
  }
  body.homepage .container.main .row.adverts .fourcol .wrapper {
    margin-left: 13px;
    margin-right: 13px;
  }
}
@media only screen and (max-width: 767px) {
  body.homepage .container.main .row {
    overflow: hidden;
  }
  body.homepage .container.main .row h1 {
    font-size: 32px;
  }
  body.homepage .container.main .row .hero, body.homepage .container.main .row .hero .placeholder {
    height: 670px;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .publications, body.homepage .container.main .row .careerline {
    width: 100%;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .careerline {
    float: none;
    clear: both;
  }
  body.homepage .container.main .row .publications {
    position: relative;
    top: auto;
    right: auto;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .careerline, body.homepage .container.main .row .publications {
    height: auto;
  }
  body.homepage .container.main .row.adverts .fourcol {
    width: 100%;
    float: none;
  }
  body.homepage .container.main .row.adverts .fourcol .wrapper {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  body.homepage .container.main .row h1 {
    font-size: 16px;
  }
  body.homepage .container.main .row .hero, body.homepage .container.main .row .hero .placeholder {
    height: 335px;
  }
  body.homepage .container.main .row .members-area, body.homepage .container.main .row .publications, body.homepage .container.main .row .careerline {
    width: 100%;
  }
}

/*========== HERO IMAGE ==========*/
@media only screen and (max-width: 1023px) {
  body.homepage .hero .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
/*========== MEMBERS AREA ==========*/
.members-area {
  background-color: #e1e4cf;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #c8cc99));
  background-image: -webkit-linear-gradient(left top, #f3f3f3, #c8cc99);
  background-image: -moz-linear-gradient(left top, #f3f3f3, #c8cc99);
  background-image: -o-linear-gradient(left top, #f3f3f3, #c8cc99);
  background-image: linear-gradient(left top, #f3f3f3, #c8cc99);
}
.members-area .wrapper {
  padding: 32px 36px;
}
.members-area ul {
  list-style: none;
  margin: 0;
}
.members-area ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.members-area ul li {
  margin-bottom: 8px;
}
.members-area ul li a {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 7px;
  background-color: #e1e4cf;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #c7d0c2));
  background-image: -webkit-linear-gradient(#fbfbfb, #c7d0c2);
  background-image: -moz-linear-gradient(#fbfbfb, #c7d0c2);
  background-image: -o-linear-gradient(#fbfbfb, #c7d0c2);
  background-image: linear-gradient(#fbfbfb, #c7d0c2);
  border: 1px solid #7f8282;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 -10px 10px -10px #555555;
  -moz-box-shadow: inset 0 -10px 10px -10px #555555;
  box-shadow: inset 0 -10px 10px -10px #555555;
}
.members-area ul li a:active {
  -webkit-box-shadow: inset 0 10px 10px -10px #555555;
  -moz-box-shadow: inset 0 10px 10px -10px #555555;
  box-shadow: inset 0 10px 10px -10px #555555;
}
.members-area ul li a.renew {
  background-color: #e1e4cf;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #d47d30));
  background-image: -webkit-linear-gradient(#fbfbfb, #d47d30);
  background-image: -moz-linear-gradient(#fbfbfb, #d47d30);
  background-image: -o-linear-gradient(#fbfbfb, #d47d30);
  background-image: linear-gradient(#fbfbfb, #d47d30);
}
.members-area p {
  margin-bottom: 4px;
	}
@media only screen and (max-width: 1023px) {
  .members-area .wrapper {
    padding: 26px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .members-area ul {
    margin-bottom: 32px;
  }
  .members-area ul li {
    margin-bottom: 18px;
  }
  .members-area ul li a {
    font-size: 32px;
    padding: 18px;
  }
  .members-area p {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .members-area ul {
    margin-bottom: 16px;
  }
  .members-area ul li {
    margin-bottom: 9px;
  }
  .members-area ul li a {
    font-size: 16px;
    padding: 9px;
  }
  .members-area p {
    margin-bottom: 4px;
  }
}

/*========== PUBLICATIONS ==========*/
body.homepage .publications .wrapper {
  padding: 26px 42px;
}
body.homepage .publications h1 {
  margin-bottom: 16px;
}
body.homepage .publications a {
  display: block;
  max-width: 132px;
}
body.homepage .publications .book-cover, body.homepage .publications p {
  margin-bottom: 6px;
}
body.homepage .publications ul {
  margin-left: 8px;
}
body.homepage .publications ul li {
  text-align: center;
}
body.homepage .publications .info {
  display: none;
}
@media only screen and (max-width: 1023px) {
  body.homepage .publications .wrapper {
    padding: 26px 42px;
  }
  body.homepage .publications ul li {
    width: 50%;
    padding-bottom: 46px;
  }
  body.homepage .publications ul li:nth-child(2n - 1) {
    padding-left: 0;
  }
  body.homepage .publications ul li:nth-child(2n) {
    padding-right: 0;
  }
  body.homepage .publications ul li:nth-child(3) {
    padding-bottom: 0;
  }
  body.homepage .publications ul li:nth-child(4) {
    padding-bottom: 0;
  }
  body.homepage .publications ul li a {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  body.homepage .publications a {
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  body.homepage .publications .wrapper {
    padding: 13px 21px;
  }
  body.homepage .publications h1 {
    margin-bottom: 8px;
  }
  body.homepage .publications a {
    max-width: 132px;
  }
  body.homepage .publications .book-cover, body.homepage .publications p {
    margin-bottom: 3px;
  }
  body.homepage .publications ul {
    margin-left: 4px;
  }
  body.homepage .publications ul li {
    padding-bottom: 23px;
  }
}

/*========== CAREERLINE ==========*/
.careerline {
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f3f3f3), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: -moz-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: -o-linear-gradient(left, #f3f3f3, #e1e1e1);
  background-image: linear-gradient(left, #f3f3f3, #e1e1e1);
}
.careerline .wrapper {
  padding: 26px 36px;
}
.careerline h3 {
  font-style: normal;
}
.careerline h1, .careerline h3, .careerline .current-positions li {
  margin-bottom: 12px;
}
.careerline ul {
  list-style: none;
  list-style-position: outside;
}
.careerline ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.careerline .current-positions a {
  font-weight: bold;
}
.careerline select {
  width: 90%;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .careerline .wrapper {
    padding: 54px 60px;
  }
  .careerline h1, .careerline h3 {
    margin-bottom: 36px;
  }
  .careerline .current-positions li, .careerline select {
    margin-bottom: 24px;
  }
  .careerline select {
    font-size: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .careerline .wrapper {
    padding: 27px 30px;
  }
  .careerline h1, .careerline h3 {
    margin-bottom: 18px;
  }
  .careerline .current-positions li, .careerline select {
    margin-bottom: 12px;
  }
  .careerline select {
    font-size: 14px;
  }
}

/*========== ADVERTISEMENTS ==========*/
.container.main .row.adverts {
  background-color: transparent;
  clear: both;
}
.container.main .row.adverts .wrapper {
  padding-top: 26px;
  position: relative;
}
.container.main .row.adverts h2 {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 15px 15px 15px 32px;
  background-color: #4a78a3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e688c), color-stop(100%, #5d8fbb));
  background-image: -webkit-linear-gradient(#3e688c, #5d8fbb);
  background-image: -moz-linear-gradient(#3e688c, #5d8fbb);
  background-image: -o-linear-gradient(#3e688c, #5d8fbb);
  background-image: linear-gradient(#3e688c, #5d8fbb);
}
.container.main .row.adverts .ad-marker {
  position: absolute;
  top: 7px;
  width: 100%;
  padding-top: 0;
  margin-bottom: 0;
}
.container.main .row.adverts .advert-background {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.container.main .row.adverts .advert-background.wide {
  display: none;
}
.container.main .row.adverts .advert-body {
  min-height: 197px;
  border-right: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
}
.container.main .row.adverts .advert-text {
  text-align: left;
  padding-top: 24px;
  padding-left: 50%;
  padding-right: 16px;
}
@media only screen and (max-width: 1100px) {
  .container.main .row.adverts .advert-text {
    padding-left: 55%;
  }
}
.container.main .row.adverts .advert-text p {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
  /* prevent text and navigation from getting too scrunched up as we approach the tablet breakpoint... */
}
@media only screen and (max-width: 1200px) {
  .container.main .row.adverts .advert-text p {
    font-size: 18px;
    line-height: 24px;
  }
}
.container.main .row.adverts a.learn-more {
  margin-top: 0;
}
@media only screen and (max-width: 1023px) {
  .container.main .row.adverts .wrapper {
    overflow: hidden;
  }
  .container.main .row.adverts h2 {
    font-size: 15px;
    line-height: 16px;
    padding: 8px 2px 8px 18px;
  }
  .container.main .row.adverts .advert-body {
    overflow: hidden;
    position: relative;
    min-height: 127px;
  }
  .container.main .row.adverts .advert-text {
    padding-top: 12px;
    padding-right: 4px;
    padding-left: 48%;
  }
  .container.main .row.adverts .advert-text p {
    font-size: 14px;
    line-height: 17px;
  }
  .container.main .row.adverts a.learn-more {
    font-size: 12px;
    line-height: 12px;
    padding: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .container.main .row.adverts .ad-marker {
    top: 6px;
  }
  .container.main .row.adverts .wrapper {
    padding-top: 36px;
    margin-top: 0;
  }
  .container.main .row.adverts h2 {
    font-size: 32px;
    line-height: 32px;
    padding-left: 48px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .container.main .row.adverts .advert-body {
    min-height: 200px;
  }
  .container.main .row.adverts .advert-text {
    padding-top: 24px;
    padding-bottom: 8px;
  }
  .container.main .row.adverts .advert-text p {
    font-size: 28px;
    line-height: 32px;
  }
  .container.main .row.adverts a.learn-more {
    border-width: 4px;
    font-size: 28px;
    line-height: 28px;
    padding: 8px 12px;
  }
  .container.main .row.adverts .advert-background.narrow {
    display: none;
  }
  .container.main .row.adverts .advert-background.wide {
    display: block;
  }
}
@media only screen and (max-width: 580px) {
  .container.main .row.adverts .advert-background.narrow {
    display: block;
  }
  .container.main .row.adverts .advert-background.wide {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .container.main .row.adverts .advert-background.narrow {
    display: none;
  }
  .container.main .row.adverts .advert-background.wide {
    display: block;
  }
  .container.main .row.adverts .ad-marker {
    top: 2px;
  }
  .container.main .row.adverts .wrapper {
    padding-top: 16px;
  }
  .container.main .row.adverts h2 {
    font-size: 16px;
    line-height: 16px;
    padding-left: 24px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .container.main .row.adverts .advert-body {
    min-height: 100px;
  }
  .container.main .row.adverts .advert-text {
    padding-top: 12px;
    padding-bottom: 4px;
  }
  .container.main .row.adverts .advert-text p {
    font-size: 14px;
    line-height: 16px;
  }
  .container.main .row.adverts a.learn-more {
    border-width: 2px;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 6px;
  }
}

/*========== CALENDAR ==========*/
.calendar {
  margin-top: 20px;
  margin-bottom: 16px;
}
.calendar .wrapper {
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(#e1e1e1, #efefef);
  background-image: -moz-linear-gradient(#e1e1e1, #efefef);
  background-image: -o-linear-gradient(#e1e1e1, #efefef);
  background-image: linear-gradient(#e1e1e1, #efefef);
  height: 186px;
  position: relative;
}
.calendar tbody tr {
  background-color: transparent;
}
.calendar h1 {
  line-height: 20px;
  padding-top: 20px;
  margin-bottom: 14px;
  padding-left: 36px;
}
.calendar h1 a {
  font-size: 14px;
  font-weight: normal;
  margin-left: 16px;
}
.calendar .nav-arrow {
  top: 80px;
}
.calendar .event {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 90px;
  width: 28%;
  *width: 25%;
  margin-left: 3%;
  border: 3px solid white;
  color: #414141;
  background-color: #d4d0ae;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d0ae), color-stop(100%, #efeee3));
  background-image: -webkit-linear-gradient(#d4d0ae, #efeee3);
  background-image: -moz-linear-gradient(#d4d0ae, #efeee3);
  background-image: -o-linear-gradient(#d4d0ae, #efeee3);
  background-image: linear-gradient(#d4d0ae, #efeee3);
  -webkit-box-shadow: rgba(182, 182, 182, 0.75) 0 5px 5px;
  -moz-box-shadow: rgba(182, 182, 182, 0.75) 0 5px 5px;
  box-shadow: rgba(182, 182, 182, 0.75) 0 5px 5px;
  position: relative;
  padding-top: 12px;
  padding-bottom: 14px;
}
.calendar .event.event-1 {
  margin-left: 5%;
}
.calendar .event.event-3 {
  margin-right: 5%;
}
.calendar .event.highlighted {
  color: #fff;
  background-color: #3d6890;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #396289), color-stop(100%, #5084b3));
  background-image: -webkit-linear-gradient(#396289, #5084b3);
  background-image: -moz-linear-gradient(#396289, #5084b3);
  background-image: -o-linear-gradient(#396289, #5084b3);
  background-image: linear-gradient(#396289, #5084b3);
}
.calendar .event.highlighted a {
  color: #f2bd2d;
}
.calendar .event table {
  height: 58px;
}
.calendar .event td {
  padding: 0;
}
.calendar .event .date, .calendar .event .info {
  font-weight: bold;
  padding-left: 14px;
  padding-right: 14px;
}
.calendar .event .date {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  width: 84px;
}
.calendar .event .info {
  border-left: 1px solid #4c82ad;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}
.calendar .event .info p {
  margin-bottom: 4px;
}
@media only screen and (max-width: 1100px) {
  .calendar .event .info {
    font-size: 15px;
    line-height: 17px;
  }
}
.calendar .event.highlighted .info {
  border-left: 1px solid #e2e0c7;
}
@media only screen and (max-width: 1023px) {
  .calendar .event {
    width: 42%;
    margin-left: 4%;
  }
  .calendar .event.event-1 {
    margin-left: 6%;
  }
  .calendar .event.event-2 {
    margin-right: 6%;
  }
  .calendar .event.event-3 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .calendar .event {
    width: 66%;
    height: 234px;
    margin-left: 17%;
    padding-top: 50px;
  }
  .calendar .event.event-1 {
    margin-left: 17%;
  }
  .calendar .event.event-2 {
    display: none;
  }
  .calendar .event table {
    height: 128px;
  }
  .calendar .event .date, .calendar .event .info {
    font-size: 28px;
    line-height: 34px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .calendar .event .date {
    width: 130px;
  }
}
@media only screen and (max-width: 580px) {
  .calendar .event .date {
    font-size: 26px;
    width: 124px;
  }
  .calendar .event .info {
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .calendar .event {
    height: 117px;
    padding-top: 25px;
  }
  .calendar .event table {
    height: 64px;
  }
  .calendar .event .date, .calendar .event .info {
    font-size: 14px;
    line-height: 17px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .calendar .event .date {
    width: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .calendar {
    margin-bottom: 0;
  }
  .calendar .wrapper {
    height: 470px;
  }
  .calendar h1 {
    padding-top: 42px;
    padding-left: 60px;
    margin-bottom: 42px;
  }
  .calendar h1 a {
    display: block;
    margin-left: 0;
    margin-top: 20px;
    font-size: 20px;
  }
  .calendar .nav-arrow {
    top: 224px;
  }
}
@media only screen and (max-width: 480px) {
  .calendar .wrapper {
    height: 235px;
  }
  .calendar h1 {
    padding-top: 21px;
    padding-left: 30px;
    margin-bottom: 21px;
  }
  .calendar h1 a {
    margin-top: 10px;
    font-size: 10px;
  }
  .calendar .nav-arrow {
    top: 112px;
  }
}
/*========== MEMBER BAR ==========*/
.member-bar {
	position: absolute;
	right: 0;
	top: 34px;
	height: 15px;
	padding: 9px 9px 9px 15px;
	background-color: #e1e4cf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.member-bar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	font-size: 12px;
}
.member-bar li {
	float: left;
	border-right: 1px solid #d6d7d7;
	padding: 0px 12px;
	margin-left: 0px;
}
.member-bar li.last {
	border-right: 0px;
}
.member-bar .welcome {
	color: #000000;
}
.member-bar p {
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 0px;
}
.member-bar .cartIcon {
	background: url("/Themes/PersonifyDefault/ShoppingCartItem/cart_icon.png") no-repeat scroll left -19px transparent;
}

@media only screen and (max-width: 767px) {
	.member-bar {
		position: absolute;
		right: 0;
		top: 0;
		height: 30px;
	}
	.member-bar ul {
		font-size: 24px;
	}
}

/*=============FAQ==============*/
.faq-q {
	cursor: pointer;
	color: #0e5838;
}
.faq-a {
	display: none;
}

/*=============ARTICLE SEARCH==============*/
.checkbox-list label {
	display: inline;
	margin-right: 12px;
}

/*=============EXISTING MEMBER MESSAGE BOX============*/
.existing-member {
	text-align: center;
	color: red;
	font-size: 20px;
	font-weight: bold;
}



/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */