html, body, div, span, applet,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp, small, strike, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

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

body{line-height:1em;}
/* ol, ul{list-style:none;} */
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.border{border: 1px solid gray;text-align: center;}

html,
input,
select,
textarea {
    color: #222;
}

* {box-sizing:border-box; font-family: 'Source Sans Pro', sans-serif, arial;}

@font-face {
    font-family: 'ArchivoBlack';
    src: url('ArchivoBlack.otf');
    font-weight: normal;
    font-style: normal;
  }

H1 {
font-size: 36px;
  font-family: 'ArchivoBlack';
  color: rgb(0, 54, 99);
  line-height: 1.333;
}

H2 {
font-size: 30px;
  font-family: 'ArchivoBlack';
  color: rgb(0, 54, 99);
  line-height: 1.333;
}

H3 {font-size: 24px;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgb(0, 54, 99);
  line-height: 1.25;
}

H4 {
font-size: 20px;
  font-family: 'ArchivoBlack', sans-serif;
  color: rgb(0, 54, 99);
  line-height: 2.333;
}

H5 {
font-size: 16px;
  font-family: 'ArchivoBlack';
  color: rgb(0, 54, 99);
  line-height: 1.25;
}

H6 {
font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgb(0, 192, 255);
  line-height: 1.25;
}

.PrintOnly {
    display: none; 
    }
    
body {
font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgb(43, 43, 43);
  line-height: 1.667; text-align: left;
}

a {
color: rgb(0, 54, 99); text-decoration: none;
}

a:hover{text-decoration:underline;color:#2E2E2E;}

.Sidebar_BKG {
border-width: 1px;
  border-color: rgb(235, 235, 235);
  border-style: solid;
  background-color: rgb(249, 249, 249);
  left: 972px;
  top: 145px;
  width: 506px;
}
@media only screen and (max-width: 784px) {
.Sidebar_BKG {
  width: 100%;
}
}


/* Date card */
.calendar-item {
position: relative;
width: 100%;
clear: both;
}

.datedetails {
position: relative;
width: 50%;
float: left;
font-size: .8em;
padding: 5px;
line-height: 1em;
}

.dateCard{
  color:white;
  margin:1px;
  position:relative;
  float: left;
  width: 45%;
  background:#111;
  display:inline-block;
  padding:10px 40px 10px 30px;
  font-size:80px;
  line-height:1;
}
.month{
  position:absolute;
  display:inline-block;
  left:.5em;
  top:calc(100% - 20px);
  font-size:14px;
  transform-origin: top left;
  transform:rotate(-90deg);
  text-transform:uppercase;
}

  @media only screen and (max-width: 300px) {
  .dateCard{display: none;}
  }


/* Navigation */
.upper-navbar {
  background-color: rgb(0, 54, 99);
  top: 0px;
  width: 100%;
  height: 45px;
  position: fixed;
  z-index: 4;
}

.upper-navbar a {color: rgb(0, 192, 255); text-decoration: none;}


.lower-navbar {
  background-color: rgb(0, 83, 160);
  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.38);
  top: 45px;
  width: 100%;
  height: 75px;
  line-height: 1em;
  position: fixed;
  z-index: 5;
}


/* Sub/Micro Navigation */
ul.micro {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #e7e7e7 #e7e7e7 #ffffff #e7e7e7;
    background-color: #f3f3f3;
}

li.micro {
    float: left;
}

li.micro a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color: #666;
}

/* Change the link color to #111 (black) on hover */
li.micro a:hover {
    background-color: #ddd;
}

li.micro a.active:hover {
    color: #000;
    background-color: #fff;
}

li.micro a.active {
    color: #000;
    background-color: #fff;
}


.languagesbar {float: right; width: 150px; font-size: .8em; padding-top: 12px;}

@media only screen and (max-width: 610px) {
  .languagesbar{display: none;}
  }

.MEMBERS_LOGIN {
font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgb(0, 192, 255);
  text-align: left;
  float: left;
  top: 12px;
  padding-top: 12px;
  z-index: 137;
}

.MEMBERS_LOGIN a {color: rgb(0, 192, 255);}



/* Hero Image and Text */
.hero {
  background: url("../images/Home_BG.png") no-repeat center center;
  background-size: cover;
  }
.intro {
    padding: 2rem;
    position: relative;
    line-height: 1.25em;
    /*top: 50%;
    transform: translateY(-50%); */
    }
  /*.hero h1 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    font-weight: 300;
    text-align: center; }
  .hero p {
    color: #fff;
    line-height: 1.75em;
    font-weight: 200;
    text-align: center;
    margin-bottom: 2rem; }*/
  .hero .left {width: 100%; float: left;  padding-top: 1em;padding-right: .5em;}
  .hero .right {width: 100%; float: left;  padding-top: 1em;padding-left: .5em;} 
  .hero .tech-img {
    background: url("../images/Home_Feature_Image.png") no-repeat center center;
    background-size: cover;
    height: 12rem;
    width: 12rem;
    /*border-radius: 50%;*/
    display: block;
    margin: 0 auto; }
  @media only screen and (min-width: 785px) {
    .hero .tech-img {
      height: 22rem;
      width: 22rem; }
  .hero .left {width: 50%; float: left; padding-top: 4em;}
  .hero .right {width: 50%; float: left; padding-top: 1em;}
    .hero p {
      text-align: justify; line-height: 1.5em;} }
  
  @media only screen and (min-width: 1000px) {
    .hero .tech-img {
      height: 30rem;
      width: 30rem; }
  }




/* Call to Action Buttons */
.CTA {
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgb(255, 255, 255);
  line-height: 2.143;
  text-align: center;
 background-color: rgb(0, 95, 184);
 margin: 5px; padding: 15px; display: block; width: 250px;
  height: 60px;
}

a button { 
text-decoration: none;
color: white;
} 


button {
    background-color: #01539f; /* Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    font-size: 18px;
    transition-duration: 0.4s;
}

button:hover {
    background-color: #b3d4fc;
    color: black;
}


.CHAPTER_NAME {font-size: 18px;
 color: rgb(0, 95, 184);
  text-decoration: underline;
  line-height: 1.667;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
    max-width: 100% !important;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*Allow Z Index corrections - Don't Use This!!! It throws some layers off!
div:first-child {
  opacity: .99;
}*/


.wrapper {
    width: 100%;
    margin: 0;
}


.header-container {
    background: #D7DADF;
    border-bottom: 0px solid #D7DADF;
}

.footer-container {
    border-top: 0px solid rgb(0, 83, 160); /* #243682, 0F4092 */
    font-size: .8em;
    margin:
    
}

.logo {float: left; vertical-align: middle; padding-top: 4px; padding-left: 4px; }

.main aside {
    /*border-top: 10px solid rgb(249, 249, 249);*/
    margin-bottom: 0px;
    border-width: 1px;
  border-color: rgb(235, 235, 235);
  border-style: solid;
  background-color: rgb(249, 249, 249);
}

.main article {
    border-top: 0 white;
    margin-bottom: 20px;
    padding: 5%;
}

.blue {
background: #6dcff6;
}

.red {
background: #ea5e5e;
}

.green {
background: #82ca9c;
}

.gray {
background: #D7DADF;
}


.header-logo {margin:.5%; padding: 1%; width: 40%; float: left; display:block;}
.logon {font-size: 100%; font-weight: bold; margin: 1%; padding: 1%; float: left; }

.footer-container {
    background-color: rgb(0, 54, 99);
    margin: 0 auto;
    padding: 2em 0;
}

.title {
    color: white;
}

.affix{position:fixed}


/* ==============
    MOBILE: Main
   ============== */

.body {
    width: 100%;
    padding-top: 100px;
}

.main {
    padding: 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    border-width: 1px;
  border-color: rgb(235, 235, 235);
  border-style: solid;
  background-color: rgb(249, 249, 249);
    padding: 0;
}

.footer-container footer {
    color: #fff;
    padding: 20px 0;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 600px) {

    .map {
    display: block;}
    
    .main box {
        float: left;
        width: 45%;
        margin: 5px;
        padding: 5px;
    }

/* ====================
    INTERMEDIATE: Menu
   ====================*/

    ul.nav {list-style:none;}
    
    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 1em;
    }

    nav li:last-child a {
        margin-right: 0;
    } 

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    
}


@media only screen and (min-width: 785px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    /*.header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }*/
    .map {
    display: block;}

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: left;
        width: 100%;
    }
    
    /*Bootstrap Nav
    .nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}*/

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 60%;
        margin: 10px 0;
    }

    .main aside {
        float: right;
        width: 35%;
    }
    
}

@media only screen and (min-width: 1240px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1126px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
    
    .map {
    display: block;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.error{color:#ff0000;}
.success{color:#009900;}
.form_label{font-family:Arial,Helvetica,Sans-serif;font-size:11px;font-weight:bold;text-align:right;}
.form_field{font-family:Arial, Helvetica, Sans-serif;font-size:8px;background-color:#f0f0f0;border:1px solid #000000;padding-left:5px;}
.form_button{font-family:Arial, Helvetica, Sans-serif;font-size:11px;font-weight:bold;text-decoration:none;color:#666666;padding:0px 3px;background-color:#dedede;border:1px solid #333333;}
.form_button_s{font-family:Arial, Helvetica, Sans-serif;font-size:10px;font-weight:bold;text-decoration:none;color:#333333;padding:0px 3px;background-color:#dedede;border:1px solid #333333;}
ul.handbook{list-style:none;margin:0 0 2em 0;padding:0;text-indent:0;width:100%;}
ul.handbook li{padding-left:1em;}
.bluebar{width:100%;padding:3px;text-align:left;background-color:#243682;color:white;font-weight:bold;font-size:14px;}
.even{background-color:white;font-size:12px;}
.odd{background-color:#cccccc;font-size:12px;}
.chapters{display:inline-block;padding:3px;margin:3px;border:1px solid white}
.photo{float:left;padding:3px;margin:3px;border:1px solid black}
.caption{background-color:white;font-size:12px;margin:2px;text-align:center;width:150px; height: 80px;}
.polaroid{border:1px solid gray;text-align:center;padding:3px;margin:2px;float:right;width:160px;}

.course-box:hover {background-color: rgba(0,255,255,0.1); box-shadow: 2px 2px 1px #888888;}
.course-box {min-height: 120px;border: 1px solid #ccc;background-color: rgba(238,238,238,0.5);
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
}
.hutchins{width:100%;padding:0 0 15px 0;margin:5px;clear:left;border-top:2px dashed #cccccc;}
#map_canvas{width:600px;height:350px;float:left;}
.Event{bEvent-style:solid;bEvent-width:thin;width:300px;padding:3px;cursor:pointer;margin-top:0px;}
.google-maps{position:relative;padding-bottom:60%;height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.form{text-shadow:0 1px 0 #FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:20px;}
.form label{cursor:pointer;color:#ed7700;display:block;font-weight:800;margin-bottom:25px;}
.form input{display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:10px;margin:4px 0;}
.form textarea{display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:10px;margin:4px 0;}
.sendButton{cursor:pointer;-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;box-shadow:inset 0px 1px 0px 0px #fce2c1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));background:-moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');background-color:#ffc477;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid #eeb44f;color:#ffffff;font-family:Arial;font-size:14px;width:25%;font-weight:bold;text-shadow:1px 1px 0px #cc9f52;}
.sendButton:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));background:-moz-linear-gradient(center top, #fb9e25 5%, #ffc477 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');background-color:#fb9e25;}
.search {background-image:url("/images/search-magnifying-glass.png");background-repeat:no-repeat;background-position:right;}
.btn{float:left;background:url(/images/btn_left.png) no-repeat;padding:0 0 0 10px;margin:5px 0;}
.btn a{float:left;height:40px;background:url(/images/btn_stretch.png) repeat-x left top;line-height:40px;padding:0 10px;color:#fff;font-size:1em;text-decoration:none;}
.btn span{background:url(/images/btn_right.png) no-repeat;float:left;width:10px;height:40px;}
.btn_iwlpc{background-color:#3480c8;}
.btn_smta{background-color:#243682;}
.clear{clear:both;}
.audiencenav ul{text-align:left;list-style:none;margin:0 0 5px 0; display: inline;}
.audiencenav li{list-style:none;margin:0;padding:0 10px;display:inline;position: relative;}
.audiencenav a{color:rgb(0, 192, 255);text-decoration:none;font-size:14px;font-weight:bold;}
.audiencenav a:hover{color:#D56800;text-decoration:underline;}
.container{width:100%;max-width:1140px;margin:0px auto;}

.toggleMenu{display:none;background:rgb(0, 83, 160);padding:8px 15px;color:#fff;width:100%;background-image:url("/images/SMTA-logo-white.png");background-repeat:no-repeat;background-position:left;}}
.nav{list-style:none;background: rgb(0, 83, 160);line-height: 1em;}
.nav:before,
.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav ul{list-style:none;width:9em;}
.nav a{padding:10px 15px;color:#fff;}
.nav li{position:relative;}
.nav > li{float:left;border-top:0px;margin-left: 1em;}
.nav > li > .parent{background-image:url("/images/downArrow.png");background-repeat:no-repeat;background-position:right;}
.nav > li > a{display:block;font-weight:bold;}
.nav li ul{position:absolute;left:-9999px;font-size: .9em;}
.nav > li.hover > ul{left:0;}
.nav li li.hover ul{left:100%;top:0;}
.nav li li a{display:block;background:#ccc;position:relative;z-index:990;border-top:1px solid #EEE;color:#243682;}
.nav li li li a{background:#E6E6E6;z-index:989;border-top:1px solid #EEE;color:#243682;}

@media screen and (max-width:784px){
.logo {display: none;}
.lower-navbar {
  background-color: rgb(0, 83, 160);
  height: 60px;
}
.active{display:block;}
.nav {background: rgb(0, 83, 160); height: 100%;
  max-height: 100%;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch; // mobile safari}
.nav > li {float:none;}
.nav > li > .parent{background-position:95% 50%;}
.nav li li .parent{background-image:url("/images/darkArrow.png");background-repeat:no-repeat;background-position:95% 50%;}
.nav ul{display:block;width:100%;}
.nav > li.hover > ul , .nav li li.hover ul{position:static;}
.hamburger {display: inline-block;cursor: pointer;float: right;}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}
}

* html ul li{float:left;height:1%;}
* html ul li a{height:1%;}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important ;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    a,
    a:visited {
        text-decoration: underline;
    }

    /* a[href]:after {
        content: " (" attr(href) ")";
    } */

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    aside {
    display: none !important;
    }
    
    .PrintOnly {
    display:block; 
    }
    
    .upper-navbar,.lower-navbar {
    display: none !important;
    }
    .socialmedia {
    display: none !important;
    }
    .footernav {
    display: none !important;
    }

}

.tooltipster-base {max-width: 350px;}
.tooltipster-box {padding:8px 6px; font-size: 14px;}