/* Style sheet for all SMART chapters
 * Created by Jack Fritz on 7/18/2015
 */
    body {
        font-size: 16px;
        line-height: 1.2;
    }
    /*@media(max-width:850px)*/
    @media screen and (max-width: 600px){
        body {
            font-size: 120%
        }
        ul {
            line-height:200%;
        }
		#mainbody h2 {
		  font-size: 200%;
		}
		#mainbody h3 {
		  font-size: 175%;
		}
		#mainbody p {
		  font-size: 150%;
		}
    }
    #wrapper {
        width: 850px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid gray;
        /*background: #fff2e6;*/
    }
    #banner {
      width: auto;
      height: auto;
      color: #000099;
      text-align: center;
      font-size: x-large;
      border-bottom: 1px solid gray;
    }
    #left {
        width: 181px;
        min-height: 27em;
        float:left;
        border-right:1px solid gray;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-left:20px;
        padding-right:20px;
    }
    #image {
        width: auto;
        margin: auto;
        text-align: center;
        border-style: solid;
        border-color: gray;
        border-width: 0px;
    }
    #signin {
        clear: both;
        display:none;
        border-top: 1px solid gray;
        padding-left: 2em;
        text-align: left;
    }
    #mainbody {
        clear: both;
        width: auto;
        height: auto; /*min-height: 525px;*/
        margin: auto;
        padding: 0px;
        color: #000000;
        clear:both;
        /*background-color: white;*/
        text-align: left;
        border-top: 1px solid gray;
        padding-top: 1px;
        padding-bottom: 3px;
        padding-left: 20px;
        padding-right: 20px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    #mainbody p {
        text-indent:0px;
        text-align: justify;
        margin-top:0em;
        margin-bottom:.75em;
    }
    #menuBtns {
      clear:both;
      border-top: 1px solid gray;
      padding:5px 0 5px 0;
      background-color: #fff2e6;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    #menuBtns p {
        text-align:center;
        margin:0;
        padding: 5px;;
    }
    #footer {
        clear: both;
        width: auto;
        border-top: 1px solid gray;
    }
    #footer p {
        text-align:Center;
    }
    .trademark {
      text-align:center;
      letter-spacing: -2px;
      margin: 0 auto;
    }
    .clearfix {
        overflow: auto;
    }
    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }
    .title {
      color: #000066;
      font-family:times;
      /*font-variant:small-caps;*/
      text-align: center;
      margin: 0;
    }
    .motto {
      margin: 0 auto;
      color: #990000;
      font-style: italic;
      font-family:Georgia;
      /*font-variant:small-caps;
      text-shadow: 2px 2px 3px #FF6666;*/
      font-size:large;
    }
    .htr {
        color: #000066;
        font-family: "times";
        text-align: center;
        margin: .5em 0 0 0;
    }
    .ltr {
        color: #cc0000;
        font-family: "times";
        letter-spacing: -2px;
    }
    .star {
        color: #000066;
        letter-spacing: -3px;
        font-size: 90%
    }
    .imageLeft {
        padding: 15px;
        float:left;
    }
    .imageRight {
        padding: 15px;
        float:right;
    }
    .members {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        width: 100%;
        margin-top: 2em;
        border-collapse: collapse;
    }
    .members td, .members th {
      border: 1px solid #C2E0FF;
      padding: 5px 6px;
    }
    .members th {
        font-size: 1.1em;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #CCE6FF;
        color: #000000;
    }
    .members tr:nth-of-type(even) {
        background-color:white;
    }
    .members tr:nth-of-type(odd) {
        background-color:#EBF5FF;
    }
    @media screen and (max-width: 600px){
        .members td {
            padding: 15px 6px;
        }
    }
    .btnLgLtBlu {
        display: inline-block;
        width: 125px;
        border: 1px solid #99caff;
        border-radius: 22px;
        color: #0033cc;
        background-color: #e6f2ff;
        font-size: 14px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
    .btnLgLtBlu:hover { 
        color: #0080ff;
        background-color: #ffffcc;
        cursor: pointer;
    }
    .btnMedDkBlu {
        display: inline-block;
        height: auto;
        border: 1px solid #000080;
        border-radius: 13px;
        color: white;
        background-color: #000080;
        font-size: 14px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 0 2px;
        cursor: pointer;
        /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
    .btnMedDkBlu:hover { 
        color: #0080ff;
        background-color: #ffffcc;
        cursor: pointer;
    }
    .btnMedLtBlu {
        display: inline-block;
        height: auto;
        color: #0033cc;
        background-color: #e6f2ff;
        border: 1px solid #99caff;
        border-radius: 13px;
        font-size: 14px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
    .btnMedLtBlu:hover { 
        color: #0080ff;
        background-color: #ffffcc;
        cursor: pointer;
    }
    .btnMedRed {
        display: inline-block;
        height: auto;
        border: 1px solid #990000;
        border-radius: 13px;
        color: white;
        background-color: #990000;
        font-size: 14px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 0 2px;
        cursor: pointer;
        /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
    .btnMedRed:hover { 
        color: #0080ff;
        background-color: #ffffcc;
        cursor: pointer;
    }
    .btnMedHighlight {
      display: inline-block;
      height: auto;
      border: 1px solid #008000;
      border-radius: 13px;
      color: white;
      background-color: #008000;
      font-size: 14px;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      text-align: center;
      text-decoration: none;
      padding: 5px 20px;
      margin: 4px 2px;
      cursor: pointer;
      /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
    .btnMedHighlight:hover { 
      color: #0080ff;
      background-color: #ffffcc;
      cursor: pointer;
    }
    .tooltipBlu {
        position: relative;
        display: inline-block;
        height: auto;
        border: 1px solid #000080;
        border-radius: 13px;
        color: white;
        background-color: #000080;
        font-size:14px;  /*11pt;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
        /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    }
    .tooltipBlu .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 0; /*105%;*/
    }
    .tooltipBlu:hover {
        color: #0080ff;
        background-color: #ffffcc;
    }
    .tooltipBlu:hover .tooltiptext {
        visibility: visible;
    }
    .tooltipRed {
        position: relative;
        display: inline-block;
        height: auto;
        border: 1px solid #990000;
        border-radius: 13px;
        color: white;
        background-color: #990000;
        font-size:14px;  /*11pt;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
    }
    .tooltipRed .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 0; /*105%;*/
    }
    .tooltipRed:hover {
        color: #0080ff;
        background-color: #ffffcc;
    }
    .tooltipRed:hover .tooltiptext {
        visibility: visible;
    }
    .tooltipGreen {
        position: relative;
        display: inline-block;
        height: auto;
        border: 1px solid #008000;
        border-radius: 13px;
        color: white;
        background-color: #008000;
        font-size:14px;  /*11pt;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
    }
    .tooltipGreen .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 0em; /*105%;*/
    }
    .tooltipGreen:hover {
        color: #0080ff;
        background-color: #ffffcc;
    }
    .tooltipGreen:hover .tooltiptext {
        visibility: visible;
    }
    .tooltipLtBlu {
        position: relative;
        display: inline-block;
        height: auto;
        color: #0033cc;
        background-color: #e6f2ff;
        border: 1px solid #99caff;
        border-radius: 13px;
        font-size:14px;  /*11pt;*/
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        text-decoration: none;
        padding: 5px 20px;
        margin: 4px 2px;
        cursor: pointer;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
    .tooltipLtBlu .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 0em; /*105%;*/
    }
    .tooltipLtBlu:hover {
        color: #0080ff;
        background-color: #ffffcc;
    }
    .tooltipLtBlu:hover .tooltiptext {
        visibility: visible;
    }
    .notes {
        font-style: italic;
        color: #000099;/*#AB0A28;*/
    }
    .notesRed {
        font-style: italic;
        color: #990000;/*#AB0A28;*/
    }