/* Table of contents -------------------------------- 
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid -------------------------------- */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    /*width: 80%; */}
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
--------------------------------  */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; font-size:10px;}

@font-face {
  font-family: tur;
  font-weight:normal;
  src: url('../fonts/T-light.otf'); /* IE9 Compat Modes */
  src: url('../fonts/T-light.otf?#iefix') format('opentype'), /* IE6-IE8 */
       url('../fonts/T-light.otf') format('opentype'), /* Super Modern Browsers */
       url('../fonts/T-light.otf') format('opentype'), /* Pretty Modern Browsers */
       url('../fonts/T-light.otf')  format('opentype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: tur;
  font-weight:bold;
  src: url('../fonts/T-bold.otf'); /* IE9 Compat Modes */
  src: url('../fonts/T-bold.otf?#iefix') format('opentype'), /* IE6-IE8 */
       url('../fonts/T-bold.otf') format('opentype'), /* Super Modern Browsers */
       url('../fonts/T-bold.otf') format('opentype'), /* Pretty Modern Browsers */
       url('../fonts/T-bold.otf')  format('opentype'), /* Safari, Android, iOS */
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: tur, "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5f5f5f; 
  text-align:justify;
}




/* Typography
--------------------------------  */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; 
text-transform:uppercase;
color:#093c71; text-align:left;}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; text-transform:none;}
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; text-transform:capitalize;}
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; text-transform:capitalize; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }

.white {
  color:white !important;
}

.blue {
  color:#093c71;
}

.strong {
  font-weight:bold;
}


/* Links
--------------------------------  */
a {
  color: #093c71; text-decoration:none; font-weight:bold;}
a:hover {
  color: #10569f; 
cursor:pointer;}


/* Buttons
--------------------------------  */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/*Structure Containers */

img {
  display:block;
  margin:0 auto;
}

/* Forms
--------------------------------  */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
--------------------------------  */
ul {
  list-style: none; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
--------------------------------  */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
--------------------------------  */
th,
td {
  padding: 12px 15px;
  text-align: left;
   }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

  tr {
    border-bottom: 1px solid #E1E1E1;
  }

  tr:last-child {
    border-bottom: 0
  }


/* Spacing
--------------------------------  */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol{
  margin-bottom: 2.5rem; }


/* Utilities
--------------------------------  */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
--------------------------------  */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
--------------------------------  */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* CA Stylings */

#logo {
  height:65px;
  background:url('../images/t-logo.jpg') center no-repeat;
  background-size:contain;
}

.header {
  margin:15px 0px 15px 0px;
  padding: 0rem 4rem;
  display:block;
}

.nav {
  text-align: center;
}

.navBar {
  text-align:center;
  background-color: #093c71;
}

.navBar a {
  line-height:4rem;
  text-transform:uppercase;
  color:white;
  padding: 1.5rem 1.5rem;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.banner {
  position:relative;
  margin-bottom:3rem;
}

.innerBanner {
  display:block;
  overflow:hidden;
  position:relative;
  margin-bottom:3rem;
}

.innerBanner .content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    top: 0rem;
    height: 220px;
    left: 0;
    right: 0;
    width:100%;
}


.innerBanner .content span {
  display: block;
  font-size: 2rem;
  text-transform: none;
  font-weight: normal;
}

.innerBanner img {
  width:100%;
}

.banner h1, .banner h2, .innerBanner h1, .innerBanner h2 {
    position: absolute;
    width: 100%;
    text-align: center;  
    letter-spacing:0.1rem;
    z-index:10;
}

.banner h1 {
    top:3rem;
    text-transform:capitalize;
    font-size:3rem;
}

.banner h2 {
    top:8rem;
    text-transform:lowercase;
    font-size:2rem;
}

.innerBanner h1 {
    position: absolute;
    letter-spacing: 0.1rem;
    z-index: 10;
    font-size: 3rem;
    text-transform: none;
    text-align: left;
    padding: 0 0 0 2rem;
}

.innerBanner h1.right {
   text-align:left;
   padding:0;
   right: 0;
 padding: 1rem 2rem 1rem 1rem;

}

.content {
    width: 90%;
    padding: 0 5% 0 5%;
}

.intro h3 {
  text-align:center;
  text-transform:none;
}

.intro p {
  font-size:1.8rem;
  padding:2rem 0rem;
}

.introduction {
  margin:2rem 0 4rem 0;
}

.firstPar {
  padding:1rem 0rem 1rem 0rem;
  font-size:2.1rem;
}

.sectionContainer, .innerInfo {
  background-color:#f1f0f0;
  margin:10px 5% 30px 5%;
  width:280px;
  padding-bottom: 3.5rem;
}

.sectionContainer {
  width:90%;
  /*height:250px;*/
  position:relative;
  display:inline-flex;
}

.innerInfo {
  display:inline-block;
  background-color:transparent;
  height:auto;
  position:relative;
}

.sectionContainer img, .innerInfo img {
  width: 100%;
    height: 100%;
}

.innerInfo img {
  width: 100%;
    height: auto;
    float: none;
  border-bottom:0.75rem solid white;
}


.sections {
  margin-bottom:40px;
  padding:0;
  text-align:center;
}

.footer {
  background-color:#093c71;
  min-height:100px;
  color:white;
  overflow:auto;
  font-size:1.2rem;
  text-align:center;
  margin-top:5rem;
  padding:4rem 2rem 4rem 2rem;
}

.footer a {
  color:white;
  font-weight:normal;
}

.footer a:hover {
  color:#2a89eb;
}

.footer h6 {
  font-weight:bold;
  text-transform:capitalize;
}

.navBar li.selected {
  background-color: #ebebeb;
}

.navBar li.selected > a {
  color:#093c71;
  font-weight:bold;
}

.linkList {
    padding: 4rem;
    display: inline-flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}

.linkList h6 {
  color:white;
}

.content .sectionList {
    text-align: left;
    font-size: 1.3rem;
    margin-left: 0rem;
}

.sectionList li {
  margin:0;
  background:url(../images/bullet.png) 0 no-repeat;
  /*height:2.5rem;*/
  padding:2px 0;
}

.content ul li {
  background:url(../images/bullet.png) 0 no-repeat;
  padding-left: 1.8rem;
}

.inner ul li {
  background:url(../images/bullet.png) 0 1rem no-repeat;
  padding-left: 1.8rem;
      text-align: left;
}

.content ul {
  margin-left:5rem;
}

.sectionList li a {
  font-weight:normal;
  font-size:1.5rem;
}

.sectionList li a:hover {
  text-decoration:underline;
}

.lists {
    margin: 0 auto;
    text-align: left;
    display: inline-flex;
}


.content .sections {
  padding:0;
}

/* Homepage Section Boxes Styles */


.sectionContainer:hover .infoDiv {
      opacity:0.9;
      height: 80%;
      background-color:#f1f0f0;
      padding: 0.5rem 4% 2rem 6%;
      width:90%;
  }

.sectionContainer .infoDiv {
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 1;
    transition: height 0.3s, padding 0.3s, opacity 0.3s, width 0.3s;
    cursor: pointer;
    height: 1rem;
    overflow: hidden;
    padding: 0.5rem 4% 2rem 6%;
    background-color: #f1f0f0;
   /*width: 16rem;*/
    width:90%;
    text-align: left;
  }

.sectionContainer .infoDiv h4 {
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin: 0 auto;
  } 
  
.infoDiv h6 {
    font-weight: bold;
    font-size:1.5rem;
    margin-bottom:1rem !important;
    text-align:center;
    text-transform:uppercase;
    color:white;
}

.infoDiv p {
  font-size: 1.3rem;
    line-height: 2rem;
    color:white;
    font-weight: 100;
}

.otherPages {
  float:left;
}

.siteSections {
  display: inline-block;
  flex-direction: row;
  
}

.inner h6 {
  font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
    text-align:left;
}

.sectionContainer .infoDiv h6 {
  text-align:left;
      color: #093c71;
}

.sections .innerInfo {
  vertical-align:top;
  background-color:#093c71;
  width: 80vw;
  cursor:pointer;
}

.innerInfo .infoDiv {
  padding: 1.5rem 2.5rem;
  text-align:left;
  margin-top: 0.5rem;
}

.btn {
  display: block;
    width: 100%;
    height: 40px;
    background-color: #093c71;
    color: white;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    margin: 0 auto;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0px;
}

.btn:hover {
  color:#2a89eb;
}

h6 a {
    display: block;
    width: 20rem;
    height: 40px;
    background-color: #093c71;
    color: white;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    font-size: 1.4rem;
    margin-bottom:4rem;
}

h6 a:hover {
  color:white;
}

#submit {
  width:200px;
  position:relative;
}

.departmentTab, blockquote {
  display:block;
  background-color:#f1f0f0;
  margin:10px 0px;
  padding:5px;
}

.departmentTab span, blockquote p {
  font-weight:bold;
  text-transform:uppercase;
  padding-left:10px;
}

blockquote p {
  color:#093c71;
  margin-bottom:0;
}

#toggleContainer {
  margin-bottom:3rem;
}

#toggleContainer div .staff {
  display:none;
  text-align: left;
}

#toggleContainer .selectedSection div {
    display: inline-block;
    width:100%;
    font-size: 0;
}

#toggleContainer .selectedSection a.departmentTab {
  background-color:#093c71;
  color:white;
  display:block;
}

.departmentSection {
  margin:50px 0px 50px 0px;
}

#toggleContainer .member {
    display: inline-block;
    background-color: #f1f0f0;
    padding: 2vw;
    text-align: left;
    margin: 0px 0.5vw 2rem 0.5vw;
    cursor: pointer;
    vertical-align: top;
    width: 94%;
}

#toggleContainer .member:last-child {
   margin: 0 0rem 2rem 0.5vw;
 }

.member:last-child {
    margin-right:0px;
}

.title {
  font-size:1.2rem;
  font-weight:normal;
}

.member img {
    width: 100%;
    margin-bottom: 10px;
}

.member span {
  display:block;
}

.name {
  font-weight:bold;
  font-size:1.5rem;
}

.departmentContainer {
  display:none;
}

.selectedSection .departmentContainer {
  display:block;
}

.contactBlock {
    display: inline-flex;
    justify-content: center;
   width: 100%;
    flex-direction: column;
}

.contactBlock div {
  display: inline-flex;
  padding: 0 25px 0 25px;
  margin: 0 auto;
}



.contactBlock span {
  color:#093c71;
  padding-left:5px;
}

.phone {
  background:url(../images/contactIcon.png) 0 no-repeat;
}

.email {
  background:url(../images/emailIcon.png) 0 no-repeat;
}

.brochure {
  background:url(../images/brochureIcon.png) 0 no-repeat;
}

/*Nav Bar Animated CSS */

.navBar ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    justify-content: center;
    display: flex;
}
.navBar ul:before,.navBar ul:after {
    content:"";
    display:table;
}
.navBar ul:after {
    clear:both;
}
/*Sets blue background color hovering on main menu items*/
.navBar ul > li:hover {
  background-color:#ffffff;
}
.navBar a {
    display:block;
    line-height: 1rem;
}
.navBar a:hover {
    text-decoration:none;
    color:#093c71;
}
.navBar li ul {
    
}
.navBar li ul li:first-child {
  margin-left:30px;   
}

.navBar li ul li {
   margin:0 2rem 0 2rem;
}

.navBar li ul a {
    border:none;
}

.navBar li ul {
    position:absolute;
    /*left:0;*/
    z-index:50;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
        text-align: center;
    margin: 0 auto;
   /* width: 100%;*/
    padding:0.75rem 0 0.5rem 0;
    background-color:rgba(255, 255, 255, 1);
}
.navBar ul > li:hover ul {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
    z-index:1000; /*Important for menu visibility while navigating*/
}



.hide {
 display:none;
}

.altText a {
  color:#093c71;
}


.navBar li ul.showSub {
  visibility:visible;
  opacity:1;
  background: transparent;
  cursor: pointer;
}

.navBar li {
  margin-bottom:0;
}

.navBar ul li ul li a {
  padding: 0;
    color: #093c71;
    line-height: 2.5rem;
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 1px
}

.navBar ul li ul li.current a, .navBar li.ancestor li.selected a {
  color:#147eeb;
}

.profile {
  display:none;
  max-width:300px;
  /*height:200px;*/
  background-color:white;
  height:auto;
}

.boardProfile {
  width:100%;
  margin:0 auto;
  background-color:white;
  height:auto;
  background-color:#f1f0f0;
  margin-bottom:3rem;
}

@media (min-width: 468px) {
  .boardProfile {
    width:380px;
  }
}

.profileInfo .name {
  font-size:2rem;
  color:#093c71;
}

.profileInfo .title {
  font-size:1.5rem;
  display:block;
  font-weight:bold;
}
.profile p, .boardProfile p {
    font-size: 1.25rem;
    margin: 1.5rem 0;
    text-align:justify;
    line-height:1.8rem;
}


.profileInfo {
    text-align: left;
    padding: 2.5rem;
}

.profileInfo p:last-child {
  padding-bottom:0px;
  margin-bottom:0;
}

.contactInfo {
  
  display:block;
  height:100px;
}

.profile img {
  width: 300px;
}

.boardProfile img {
  width:100%;
}

@media (min-width: 468px) {
  .boardProfile img {
    width:380px;
  }
}

.profile .imgCon, .profile .profileInfo, .boardProfile .imgCon, .boardProfile .profileInfo {
  flex-direction: column;
}

.profile .imgCon, .boardProfile .imgCon {
  width:100%;
  margin-right: 0rem;
}



.contactInfo ul {
  margin:0;
  padding:0;
  padding:2rem 1rem 1rem 1rem;
  color:#093c71;
  font-weight:bold;
}

.contactInfo ul li {
  margin: 0;
  padding: 0.2rem 0rem 0.2rem 1rem;
  font-size: 1.3rem;
  background:none;
}

.contactInfo ul li a {
  /*font-weight:normal;*/
}

/* Contact Area */

#contactForm, .addressCon, .addressAlt, #registrationForm {
   display:inline-flex;
   flex-direction:column;
   padding:3rem;
}

#contactForm {
  width:90%;
}

#registrationForm {
  width:75%;
  display:block;
  margin:0 auto;
  margin-top:6rem;
}

#registrationForm table {
  margin-bottom:0;
}

#registrationForm tr {
  display: flex;
    flex-direction: column;
}

#registrationForm .field {
  flex-grow:1;
}

#registrationForm td {
      margin-left:0;
      padding-left:0;
    }

@media (min-width: 750px) {
     #registrationForm {
        width:66%;
      }
#registrationForm tr {
        display: inline-flex;
        flex-direction: row;
        width:100%;
    }

    #registrationForm td:first-child {
      width:15rem;
    }
}

#results {
  display: block;
    width: 90%;
}

#contact {
    margin-right:6rem;
}

#contactform table, #registrationForm table {
  width:100%;
}

#contactform table td input, #contactform table td textarea, #registrationForm table td input, #registrationForm table td textarea {
  width:100%;
}

#contactform table, #registrationForm table { border-collapse:collapse }

#contactform #send, #registrationForm #send {
  margin-top:2rem;
}

.addressCon ul li, .addressAlt ul li {
  background: none;
  margin: 0;
  padding: 0;
  padding-left: 4rem;
}

.addressCon {
  border-left:1px solid #e9e9e9;
  margin:0rem 2rem;
}

.addressAlt {
  border-left:1px solid #e9e9e9;
  margin:0;
  margin-bottom:2rem;
}


ul.address {
  background:url('../images/locationPin.png') 0 0 no-repeat;
  margin-left:0;
}

span.email, span.phone, span.fax {
  margin-left:0;
  padding:0.5rem 0rem 0.5rem 4rem;
}

span.email {
  background:url('../images/contactEmail.png') 0 1px no-repeat;
}

span.phone {
  background:url('../images/contactPhone.png') 0 1px no-repeat;
}

span.fax {
  background:url('../images/contactFax.png') 0 1px no-repeat;
}

.addressCon h5 {
  font-size:1.8rem;
  padding-left:4rem;
}

#contactForm, #registrationForm {  
  border:1px solid #d1d1d1;
}


#success, #error {
  display:none;
}

.map {
  overflow: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 0 25px 0;
  height: 525px;
  }
  
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 550px !important;
}

.error {
    color: red;
    text-transform: italic;
    text-decoration: italic;
    font-style: italic;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: -1rem;
}

.profileInfo ul, .boardProfile ul {
  margin:0;

}

.profileInfo ul li, .boardProfile ul li {
  margin-bottom:0;
}

.messagePopup {
  background-color:white;
  padding:5rem;
}

.sectionHide {
  display:none;
}

#copyright p {
font-size:1.1rem;
padding:0;
margin:0;
color:#6d8daf;
}

.slicknav_menu {
  display:none;
}

.legalText {
  font-size: 1.2rem;
  font-style: italic;
}

.legalText span {
  font-weight:bold;
}

.tEmblem, .gbaEmblem, .fscEmblem, .gfiaEmblem  {
display:inline-block;
width:60px;
height:60px;
}


.tEmblem {
background:url(../images/tEmblem.png) 0 no-repeat;
}

.gbaEmblem {
background:url(../images/gbaEmblem.png) 0 no-repeat;
}

.fscEmblem {
background:url(../images/fscEmblem.png) 0 no-repeat;
}

.gfiaEmblem {
background:url(../images/gfiaEmblem.png) 0 no-repeat;
width:120px;
}

.emblems {
  padding:1rem 0 2rem 0;
}

#copyright .web {
  padding:1rem 0;
}

.white {
  color:white !important;
}

.bannerText, .innerBanner .content {
  background-color: #093c71;
  height: auto;
  padding: 1rem 0;
}

.bannerText h1, .bannerText h2, .innerBanner .content h1, .innerBanner .content h2 {
  color:white;
  margin:0;
  position:relative;
  top:0;
}

.innerBanner h1.extratag {
  bottom: 0;
    color: white !important;
    font-size: 3rem;
    top: 16rem;
    font-weight: normal;
}

.innerBanner h1.right span {
  text-align:left;
}

.navBar li ul li:hover {
  background-color:transparent;
}
/* Media Queries
--------------------------------  */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

@media screen and (max-width: 750px) {
  .js #menu {
    display:none;
  }
  
  .js .slicknav_menu {
    display:block;
  }
}


/* Larger than mobile */
@media (min-width: 468px) {

  #toggleContainer .member {
    padding: 1vw;
    margin: 0 0.5vw 2rem 0.5vw;
    width: 27.5vw;
}

#toggleContainer .member:last-child {
   margin: 0 0rem 2rem 1vw;
 }

 .content {
   width: 95%;
    padding: 0 2.5% 0 2.5%;
 }

  .sectionContainer {
    width:44%;
    height:44%;
    margin: 10px 2% 30px 2%;
  }

  .sectionList li a {
    font-size:1.3rem;
  }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

  .innerInfo img {
    width: 40%;
    height: auto;
    float: left;
    margin-right:2rem;
    border-right: 0.75rem solid white;
    border-bottom:0;
  }

  .tEmblem, .gbaEmblem, .fscEmblem, .gfiaEmblem  {
    width:90px;
  }

  .content {
      width: 95%;
      padding: 0 2.5% 0 2.5%;
  }

}

/* Larger than tablet */
@media (min-width: 750px) {
  .subContainer {
  position: absolute;
  width: 100%;
  height: 38px;
  /*background-color: rgba(255, 255, 255, 0.7);*/
  background-color:white;
  opacity: 0.7;
  filter: alpha(opacity=70);
  display: block;
  z-index: 1;
}

.innerBanner h1.right {
   text-align:right;
}

.innerBanner h1.right span {
  text-align:right;
}

.navBar li ul li:first-child {
  margin-left:15px;   
}

.navBar li ul li {
    margin: 0 1rem 0 1rem;
}

.navBar ul li ul li a {
    font-size:1.1rem;
}

  .sectionContainer, .innerInfo {
    width: 22%;
    margin:10px 10px 30px 10px;
    height:auto;
  }

  .sectionContainer:first-child {
    margin-left:0;
  }

  .sectionContainer:last-child {
    margin-right:0;
  }

  .innerInfo {
      height: auto;
  }

  .infoDiv h6 {
    text-align:center;
    }

    .sections .innerInfo {
     min-width: 150px;
     max-width: 300px;
    }
    
    .innerInfo img {
    width: 100%;
    height: auto;
    float:none;
        border-bottom: 0.5rem solid white;
        border-right:0;
   }

   .otherPages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
   }

   .innerInfo .infoDiv {
    padding: 2.5rem 2.5rem;
    text-align:center;
    background-color:#093c71;
   }

   .innerBanner {
  margin-bottom:4rem;
  }

  .header {
    display:flex;
    justify-content: space-between;
    flex-direction: row;
    align-items:center;
  }

  #logo {
    width: 398px;
    min-width: 300px;
    height: 65px;
	margin-left:20px;
    background: url('../images/t-logo.jpg') 0 no-repeat;
    background-size: contain;
  }

  .contactBlock {
    display:block;
    width:auto;
    flex-direction:row;
  }

  .contactBlock div {
    display: flex;
  }

  .banner h1 {
    font-size:4.2rem;
    top:3rem;
    font-weight:bold;
}

  .banner h2 {
      font-size:3.3rem;
      top:9rem;
  }

.bannerText h1, .bannerText h2 {
  position:absolute;
  color:#093c71;
}

.innerBanner .content h1, .innerBanner .content h2 {
  position:absolute;
  color:#093c71;
}

.innerBanner .content {
  background: none;
  position: absolute;
    margin: 0 auto;
    padding: 0;
    top: 8rem;
    height: 220px;
    left: 0;
    right: 0;
}

.innerBanner h1 {
    font-size: 4.5rem;
    text-align: left;
     font-weight: bold;
     max-width: 550px;
     padding: 1rem 1rem 1rem 2rem;
}

.innerBanner .content span {
  font-size: 3.5rem;
  text-align: left;
}

  .bannerText h1 {
    top:5rem;
    font-size:3.5rem;
}

  .bannerText h2 {
     font-size:2.7rem;
  }

  .bannerText, .innerBanner .content {
    padding:0;
  }

  .banner {
  margin-bottom:5rem;
}

.profile .imgCon, .boardProfile .imgCon {
    width:300px;
    float: left;
    margin-right: 2rem;
}

.boardProfile .rightProfile {
  float:right;
  margin-right:0;
  margin-left:2rem;
}

.profile, .boardProfile {
  min-width:500px;
  max-width:950px;
  float:left;
  width:auto;
}

.boardProfile {
max-width:100%;
}

.boardProfile img {
  width:300px;
}

.siteSections {
  display:flex;
  justify-content: space-between;
}

.sectionList li a {
  font-size:1.2rem;
}

.infoDiv p {
    line-height: 2.3rem;
}

}

/* Larger than desktop */
@media (min-width: 960px) {
  #toggleContainer .member {
    padding: 0.8vw;
    margin: 0 0.4vw 2rem 0.4vw;
    width: 15.8vw;
}

.sectionList li a {
  font-size:1.3rem;
}

#toggleContainer .member:last-child {
   margin: 0 0rem 2rem 0.4vw;
 }

 .innerBanner {
  margin-bottom:6rem;
  }

.navBar a {
    /*padding:1.5rem 2.5rem;*/
     padding:1.5rem 2rem;
    font-size:1.4rem;
  }

  .banner h1 {
    font-size:4.5rem;
    top:6rem;
}

  .banner h2 {
      font-size:3.7rem;
      top:12rem;
  }

  .navBar li ul li:first-child {
      margin-left:20px;   
  }

    .navBar li ul li {
      margin: 0 2rem 0 2rem;
    }

    .navBar ul li ul li a {
        font-size:1.2rem;
    }

    .sectionContainer:hover .infoDiv {
          height:80%;
          /*padding:2rem 0 0 2rem;*/
          width:80%;
      }

    .sectionContainer .infoDiv {
        height: 1rem;
        /*padding: 0.5rem 2rem 2rem 2rem;*/
        width:80%;

      }
  
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {  

  .sectionContainer { 
    width: 245px;
    height: 245px;
  }

  .navBar li ul li:first-child {
      margin-left:30px;   
  }

  .innerInfo {
    
    height:auto;
  }
  
  .header {
    padding:1rem 4rem;
  }
  .content .sections {
    padding:0;
  }

  .content {
      max-width:1095px;
      padding:10px 2.5% 10px 2.5%;
      margin:0 auto;
      overflow:auto;
    }

    .content .columns {
      padding:0rem 1rem 0rem 1rem;
  }

      #toggleContainer .member {
        padding: 10px;
        margin: 0 0.5rem 2rem 0.5rem;
        width:17%;
    }

    #toggleContainer .member:last-child {
       margin: 0 0rem 2rem 0.5rem;
     }

     .navBar a {
        padding:1.5rem 3rem;
      }

      .banner h1 {
        font-size:5rem;
    }

      .banner h2 {

          font-size:4rem;
      }

      .sectionContainer:hover .infoDiv {
          height: 80%;
          /*padding:2rem 0 0 2rem;*/
          width: 80%;
      }

    .sectionContainer .infoDiv {
        height: 1rem;
        /*padding: 0.5rem 2rem 2rem 2rem;*/
        width: 80%;

      }

}
#google_translate_element{position:absolute; right:340px; top:18px}
#google_translate_element a{display:none}