@charset "UTF-8";
/* CSS Document */  



    img, object, embed, video {
        max-width: 100%;
    }
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
    }
    body { font-family:Arial, Helvetica, sans-serif; background-color:#333; font-size:18px; }
    body, h1, h2, h3, h4, h5 { margin:0; padding:0; }
    img { width:100%; }

    audio { width:100%; }

    .txt10 { font-size:10px; }
    .txt12 { font-size:12px; }
    .txt14 { font-size:14px; }
    .txt16 { font-size:16px; }
    .txt18 { font-size:18px; }
    .txt20 { font-size:20px; }
    .txt1em { font-size: 1em; }
    .big { font-size: 1.15em; }
    .big1 { font-size: 1.25em; }
    .txtLeft, .textLeft { text-align:left; }
    .txtRight { text-align:right; }
    .txtCenter, .centerText { text-align:center; }
    .letterSpacing-2 { letter-spacing: -2px; }
    .hr80c { width:80%; margin:25px 10%; }
    .item { margin-bottom: 15px; }
    .caps { text-transform: capitalize; }
    .clearB { clear:both; }
    .pad10 { padding: 10px; }
    .pad20 { padding: 20px; }
    .padTB10 { padding:10px 0; }
    .padTB20 { padding:20px 0; }
    .AYMpurple { color: #C0C; font-weight: bold; }
    .AYMblue { color: #09f; font-weight: normal; }
    .AYMspace { font-size: 1px; }
    .gray70 { color: #6d6f71; }
    .normalH123456 { font-weight: normal; }

/* (1)AYMpurple (2)AYMblue (3) NA. */
.branding1 { color: #C0C; font-weight: bold; }
.branding2 { color: #09f; font-weight: normal; }
.branding3 { }
.AYMspace { font-size: 1px; }

    a.noDeco, a.noDeco:visited, .noDecoButton, .noDecoButton:visited { text-decoration:none; color:#00F; }
    .noDecoButton, .noDecoButton:visited { border:0px #000 solid; background-color: transparent; }
    a.noDecoBW, a.noDecoBW:visited { text-decoration:none; color:#555; }
    #welcomePage h4 { text-decoration:none; font-weight: normal; font-size: 10px;}
    #welcomePage a.welcomeText, #welcomePage a.welcomeText:visited { text-decoration:none; color:#555; font-size: 10px; font-weight: normal; }
    #welcomePage a.welcomeText:hover { color:#999; }
    a.noDeco:hover, a.noDecoBW:hover, .noDecoButton:hover { color:#09f; }
    a.golden, a.golden:visited { font-size: 12px; text-decoration:none; color:#555; border-left: solid 1px #555; border-right: solid 1px #555; padding: 0 5px; margin: 0; display: inline-block; }
    a.golden:hover { 
        color:#09c;
    }

    /* Put H1 tag and P tag on the same line */
     .headINline h1, .headINline h2, .headINline h3, .headINline h4, .headINline h5, .headINline p {
        display: inline;
        vertical-align: top;
        line-height: 28px;    
    }
    .headINline h1, .headINline h2, .headINline h3, .headINline h4, .headINline h5 {
        font-weight: normal;
    }

    .onLeft, .onLeft40 { float: none; width: 96%; margin: 0 auto; display: block; }
    .onRight, .onRight60 { float: none; width: 90%; margin: 0 auto; display: block; }
    .imgFloatRight { float: none; width: 90%; margin: 0 0 10px 5%; display: block; }

    .rounded_corners { 
        -moz-border-radius: 20px 20px 20px 20px; 
        -webkit-border-radius: 20px 20px 20px 20px; 
        -khtml-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }
    .rounded_corners10 { 
        -moz-border-radius: 10px 10px 10px 10px; 
        -webkit-border-radius: 10px 10px 10px 10px; 
        -khtml-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
    }
    .rounded_corners60 { 
        -moz-border-radius: 60px 60px 60px 60px; 
        -webkit-border-radius: 60px 60px 60px 60px; 
        -khtml-border-radius: 60px 60px 60px 60px;
        border-radius: 60px 60px 60px 60px;
    }
    img.turn2grayIMG {
      filter: none;
      cursor: grab;
      cursor: -webkit-grab;
      -webkit-filter: grayscale(0%);
    }
    img.turn2grayIMG:hover, img.makeIMGgray {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }


    #wraperTimes .AYMblueButton, #wraperTimes .AYMblueButton:visited, .AYMblueButton, .AYMblueButton:visited,
    #wraperTimes .AYMpurpleButton, #wraperTimes .AYMpurpleButton:visited {
        font-size: 12px;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        color: #FFF;
        text-align: center;
        text-decoration: none;
        display: block;
    }
    #wraperTimes .AYMblueButton, #wraperTimes .AYMblueButton:visited, .AYMblueButton, .AYMblueButton:visited { background-color: #09f; }
    #wraperTimes .AYMpurpleButton, #wraperTimes .AYMpurpleButton:visited { background-color: #C0C; }

    .buttonROCK, .buttonROCK:visited {
      /* Start the shake animation and make the animation last for 0.5 seconds */
      animation: shake1 0.5s;
    }
    .buttonROCK2, .buttonROCK2:visited {
      /* Start the shake animation and make the animation last for 0.5 seconds */
      animation: shake2 0.5s;
    }

    .buttonROCK, .buttonROCK:visited, .buttonROCK2, .buttonROCK2:visited {
        background-color: #505; /* Purple */
        padding: 30px 40px;
        font-size: 2em;
        color: #FFF;
        border: none;
        text-align: center;
        text-decoration: none;
        display: inline-block;

      /* When the animation is finished, start again */
      animation-iteration-count: infinite;
    }

    @keyframes shake1 {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      35% { transform: translate(1px, -1px) rotate(-0.5deg); }
      70% { transform: translate(-1px, 1px) rotate(0deg); }
      100% { transform: translate(0px, -1px) rotate(0.5deg); }
    }

    @keyframes shake2 {
      0% { transform: translate(0px, -1px) rotate(0deg); }
      35% { transform: translate(-1px, 1px) rotate(-0.5deg); }
      70% { transform: translate(1px, -1px) rotate(0deg); }
      100% { transform: translate(0px, 0px) rotate(0.5deg); }
    }

    #wraperTimes .AYMblueButton:hover, .AYMblueButton:hover, #wraperTimes .AYMpurpleButton:hover, .buttonROCK:hover, .buttonROCK2:hover {
        background-color: #ccc;
        color: #555;
    }
    /* PayPal Button Style */
    a.yellowButton, .yellowButton, .yellowButton:visited {
        display:inline-block; 
        border:2px solid #888; 
        margin:0 2%; 
        padding:15px 20px; 
        color:#000; 
        text-decoration:none;
        font-weight:bold;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;
        -moz-box-shadow: 3px 3px 4px #555;
        -webkit-box-shadow: 3px 3px 4px #555;
        box-shadow: 3px 3px 4px #555;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
        background: -webkit-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* Standard syntax (must be last) */
    }
    a.yellowButton:hover, .yellowButton:hover {

        color:#fff;
        box-shadow: none; 
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e4c96+0,2989d8+50,207cca+51,000000+100 */
        background: #1e4c96; /* Old browsers */
        background: -moz-linear-gradient(top,  #1e4c96 0%, #2989d8 50%, #207cca 51%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1e4c96 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1e4c96 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4c96', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

    /* Sidebar */

    .sidebarLinkBW, .sidebarLinkBW:visited {
        font-size: 12px;
        text-decoration: none;
        color: #555;
        background-color: #FFF;
        padding: 4px 10px;
        margin: 1px 0;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-left: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        display: block;
    }
    .sidebarLinkBW:hover {
        background-color: #cdcdcd;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        border-left: 1px solid #555;
        border-bottom: 1px solid #555;
    }

    /* Web Form */

    #formWrapper { background-color:fff; width:98%; margin:0 0 25px 0; padding:1%; }
    #formWrapper strong {
        margin:0 0 0 15px;
        padding:0;
        font-size:12px;
        font-weight:normal;
        display:block;
    }
    #formWrapper select, #formWrapper input, #formWrapper textarea {
        width:98%;
        font-size:18px;
        margin:0 1% 20px 1%;
        padding:8px 0;
    }

    input:focus::-webkit-input-placeholder { color : transparent; }
    input:focus::-moz-placeholder { color : transparent; }
    input:-moz-placeholder { color : transparent; }
    input:focus::-webkit-input-placeholder { opacity : 0; }
    input:focus::-moz-placeholder { opacity : 0; }
    input:-moz-placeholder { opacity : 0; }

    #formWrapper .buttonD {
        width:98%;
        max-width:275px;
        font-size:24px;
        border:#999 solid 1px;
        margin:0 auto;
        padding:15px 0;
        color:#000;
        display:block;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;
        -moz-box-shadow: 3px 3px 4px #555;
        -webkit-box-shadow: 3px 3px 4px #555;
        box-shadow: 3px 3px 4px #555;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
        background: -webkit-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ffe4a4, #fdca50, #f3b438, #e69819, #dd8302); /* Standard syntax (must be last) */

    }

    #formWrapper .buttonD:hover {
        color:#fff;
        box-shadow: none; 
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e4c96+0,2989d8+50,207cca+51,000000+100 */
        background: #1e4c96; /* Old browsers */
        background: -moz-linear-gradient(top,  #1e4c96 0%, #2989d8 50%, #207cca 51%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1e4c96 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1e4c96 0%,#2989d8 50%,#207cca 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4c96', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    }

    /* Videos On Page */
    .videoOnLeft {
        float: right;
        width: 99%;
        display: block;
    }
    .videoOnRight {
        float: right;
        width: 99.5%;
        display: block;
    }
    .iframe-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; 
      height: 0;
    }
    .iframe-container iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    #main { min-height: 800px; background-color: #FFF; margin: 0; padding: 15px 6%; font-family:Arial, Helvetica, sans-serif; font-size:18px; }

    .smallPage, .fullPage { width: 99.5%; margin: 0 auto; }

    .fBox20p {
        float: left;
        width: 18%;
        margin: 0 1% 15px auto;
        vertical-align: text-top;
        display: block;
    }

    .fBox30p {
        float: left;
        width: 28%;
        margin: 0 1% 15px auto;
        vertical-align: text-top;
        display: block;
    }

    .fBox70p {
        float: left;
        width: 70%;
        margin: 0 auto 15px auto;
        vertical-align: text-top;
        display: block;
    }

    .fBox80p {
        float: left;
        width: 78%;
        margin: 0 auto 15px 1%;
        vertical-align: text-top;
        display: block;
    }

    .fBoxAuto {
        float: left;
        width: auto;
        margin: 0 auto 15px 1%;
        vertical-align: text-top;
        display: block;
    }
    .box2from3 { width:64%; margin: 0 auto 15px auto; vertical-align: text-top; display:inline-block; }
    .box3q { width:73%; margin: 0 auto 15px auto; vertical-align: text-top; display:inline-block; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box121, .box211, .box221, .box321, .box221podT10, .box411, .box421, .box511, .box521, .box531, .box532 {
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }
    .box121, .box211, .box221, .box321, .box221podT10, .box411, .box421, .box511, .box521, .box531 { width:98%; }
    .box532 { width:48.5%; }

    #footNotes { padding:35px 6%; color:#FFF; font-size:14px; text-align:center; }
    #footNotes a { color:#FFF; text-decoration:none; }
    #footNotes a:hover { color:#C0C; text-decoration:none; }
    #footNotes .box321a, #footNotes .box321b, #footNotes .box321c {
        width:98%;
        margin:0 0 15px 0.5%;
        vertical-align: text-top;
        text-align: center;
        display:block;
    }

    /* Share Buttons */
    #shareButtonBox img { width:32px; height:32px; margin:3px 0; }
    #shareButtonBox { position: fixed; margin:25px 10px; padding:7px 0; text-align:center; background-color:transparent; top:67px; width: 165px; z-index:30; color: aliceblue; display:block; }

    .show001, .showWebOnly { display:none; }
    .show100 { display:block; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:none; }
    .show110 { display:block; }

    #tBody { display: table; }
    #tBody .tRow { display: table-row; }
    #tBody .tCell { display: table-cell; padding: 1px; }

    #tBody .tCell span { display: none; }
    #tBody .tCell b { font-weight: normal; font-size: 10px; }
    #tBody .theDay { font-size: 12px; }

    a.whereClasses, a.whereClasses:visited { background-color: #09F; color: #FFF; padding: 10px 0; margin: 0 0 5px 0; text-align: center; text-decoration: none; font-weight: bold; font-size: 12px; width: 32%; display: inline-block; }    
    a.whereClasses:hover { background-color: #CCC; color: #555; }

    /* Videos On Page */
    #videoWrapPage { 
        background-image:none;
        color:#000;
        padding:0;;
        background-repeat: no-repeat;
        position: relative;
        background-position: right top; 
        display: block; 
    }
    #videoBOXPage { 
        margin:0 auto;
        width:100%;
    }
    #videoContentPage { padding:36px 0 0 0; }
    #videoContentPage {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    #videoContentPage iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOnLeft, .videoOnRight {
        float: none;
        width: 96%;
        margin: 0 0 15px 2%;
        display: block;
    }

    /* Blog Page */
    #blogPage { width: 90%; margin: 35px auto 0 auto; }    
    #blogPage h2 { font-size: 16px; margin: 0 0 10px; }    
    #blogPage h6 { font-weight: normal; display: inline; }    
    #blogPage .postWrape { width: 100%; margin: 0 auto 15px auto; display: block; }       
    #blogPage .textWrape { width: 100%; margin: 0; vertical-align: top; display: block; }
    #blogPage .textWrapeIMG { width: 100%; margin: 0; vertical-align: top; display: block; }      
    #blogPage .imageWrape { display: none; }



    #mySchedulePanel1, #mySchedulePanel2 { display:block; }
    .schedulePanel  {
        width: 0;
        position: fixed;
        z-index: 60;
        height: 100%;
        top: 0;
        right: 0;
        background-color: rgb(250,250,250);
        background-color: rgba(250,250,250, 0.96);
        overflow: scroll;
        transition: 0.5s;
        -webkit-transition: .5s;
        padding-top: 60px;
    }
    .schedulePanel #wraperTimes { margin:15% auto; width:100%; }

    #mySchedulePanel1 .closebtn, #mySchedulePanel2 .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; }
    .schedulePanel a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #900;
        display: block;
        transition: 0.3s;
    }
    #mySchedulePanel1 .closeDIV, #mySchedulePanel2 .closeDIV, #mySchedulePanel3 .closeDIV,  .closePage { text-align:right; }
    #mySchedulePanel1 .closeDIV a, #mySchedulePanel2 .closeDIV a, #mySchedulePanel3 .closeDIV a, .closePage a { color:#CCC; font-size: 35px; border:#CCC solid 1px; padding:5px 15px; margin-right:45px; display:inline-block; }
    #mySchedulePanel1 .closeDIV a:hover, #mySchedulePanel2 .closeDIV a:hover, #mySchedulePanel3 .closeDIV a:hover, .closePage a:hover { color:#F00; border:#F00 solid 1px; }

/* mySchedulePanel for AYM Training */
    #aymTraining .closeFORM { text-align:right; }
    #aymTraining .closeFORM a { color:#CCC; font-size: 35px; border:#CCC solid 1px; padding:5px 15px; margin-right:45px; display:inline-block; }
    #aymTraining .closeFORM a:hover { color:#F00; border:#F00 solid 1px; }

#wed2s input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#wed2s label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  display: inline-block;
  line-height: 1.6;
  margin-right: 15px;
}

#wed2s span {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  background: #FFF;
  border: 2px solid black;
  border-radius: 50%;
}

#wed2s span:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  display: none;
}

#wed2s input[type="radio"]:checked~span:after { display: block; }
#wed2s input[type="radio"]:focus~span { outline: 2px solid orange; }

    .w80x60x100 { width: 80%; margin: 0 auto; }

    .welcomeSub {
        width:98%;
        margin: 0 auto;
        padding: 0;
        display:inline-block;
    }
    #registerButtonWrape { width: 90%; margin: 0 auto; }
    #registerButton {
        color: #FFF;
        text-shadow: 1px 1px #000;
        padding: 5px 0;
        background: #cc00cc;
        background: -moz-linear-gradient(top,  #cc00cc 0%, #ee00ee 46%, #990099 72%, #990099 92%, #cc00cc 100%);
        background: -webkit-linear-gradient(top,  #cc00cc 0%,#ee00ee 46%,#990099 72%,#990099 92%,#cc00cc 100%);
        background: linear-gradient(to bottom,  #cc00cc 0%,#ee00ee 46%,#990099 72%,#990099 92%,#cc00cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00cc', endColorstr='#cc00cc',GradientType=0 );
        -moz-border-radius: 20px 20px 20px 20px; 
        -webkit-border-radius: 20px 20px 20px 20px; 
        -khtml-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }
    #registerButton:disabled {
        color: #aaa;
        text-shadow: 0px 0px #000;
        padding: 5px 0;
        background: rgb(238,238,238);
        background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
        background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        -moz-border-radius: 20px 20px 20px 20px; 
        -webkit-border-radius: 20px 20px 20px 20px; 
        -khtml-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {

    
    .onLeft, .onLeft40 { float: none; width: 94%; margin: 0 auto; display: block; }
    .onRight, .onRight60 { float: none; width: 90%; margin: 0 auto; display: block; }


    .smallPage, .fullPage { width: 98%; margin: 0 auto; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box121, .box221, .box321, .box421, .box521 { width:48.5%; }
    .box211, .box411, .box221podT10 {
        width:98.5%;
        margin:0 0 15px 0.5%;
        vertical-align: text-top;
        display:inline-block;
    }
    .box531, .box532 { width:32%; }


    #footNotes .box321a { text-align: left; }
    #footNotes .box321c { text-align: center; display:inline-block; }
    #footNotes .box321b { text-align: right; }
    #footNotes .box321a, #footNotes .box321b, #footNotes .box321c { width:32%; margin: 0 auto; display:inline-block; }

    /* Share Buttons */
    #shareButtonBox { position: fixed; margin:25px 10px; padding:7px 0; text-align:center; background-color:transparent; top:120px; width: 40px; z-index:30; color: #555; display:block; }

    .show001, .showWebOnly { display:none; }
    .show100 { display:none; }
    .show101 { display:none; }
    .show010 { display:block; }
    .show011 { display:block; }
    .show110 { display:block; }
    
    #tBody .tCell span { font-size: 10px; display: inline; }    
    #tBody .tCell b { font-size: 14px; display: inline; }
    #tBody .theDay { font-size: 14px; }

    a.whereClasses { width: 19%; }

    /* Videos On Page */
    #videoWrapPage { background-image:none; }
    #videoBOXPage { margin:0 auto; width:100%; }
    #videoContentPage { margin:0; }

    .videoOnLeft, .videoOnRight {
        float: none;
        width: 90%;
        margin: 0 0 15px 5%;
        display: block;
    }

    }

    /* Blog Page */    
    #blogPage h2 { font-size: 22px; margin: 0 0 15px; } 
    #blogPage .textWrapeIMG { width: 60%; margin: 0 auto; vertical-align: top; display: block; }

    .schedulePanel #wraperTimes { margin:15% auto; width:70%; }

    .w80x60x100 { width: 96%; margin: 0 auto; }

    .welcomeSub { width:70%; }

    #registerButtonWrape { width: 60%; margin: 0 auto; }

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */ 
@media only screen and (min-width: 769px) {
    
    #welcomePage h4 { font-size: 12px; }

    
    .onLeft { float: left; width: 60%; margin: 0; display: block; }
    .onLeft40 { float: left; width: 39%; margin: 0; display: block; }
    .smallPage .onLeft { float: left; width: 50%; margin: 0; display: block; }
    .onRight { float: right; width: 39%; margin: 0; display: block; }
    .onRight60 { float: right; width: 60%; margin: 0; display: block; }
    .imgFloatRight { float: right; width: 45%; margin: 0 0 3px 15px; display: block; }
    .smallPage .onRight { float: right; width: 49%; margin: 0; display: block; }

    .smallPage { width: 60%; max-width: 1080px; margin: 0 auto; }    
    .fullPage { width: 98%; max-width: 1080px; margin: 0 auto; }

    /* Float Boxs web 3 pad 2 Phone 1 */
    .box211, .box221, .box221podT10 { width:49%; }
    .box321 { width:32%; }
    .box411, .box421 { width:24%; }
    .box511, .box521, .box532, .box531 { width:19%; }
    .box121 {
        width:98%;
        margin:0 0 15px 0.5%;;
        vertical-align: text-top;
        display:inline-block;
    }

  


    #footNotes .box321a, #footNotes .box321b, #footNotes .box321c { width:32%; }

    /* Share Buttons */
    #shareButtonBox { position: fixed; margin:25px 10px; padding:7px 0; text-align:center; background-color:transparent; top:300px; width: 40px; z-index:30; display:block; }

    .show001, .showWebOnly { display:block; }
    .show100 { display:none; }
    .show101 { display:block; }
    .show010 { display:none; }
    .show011 { display:block; }
    .show110 { display:none; }

    #tBody .tCell b { font-size: 16px; }
    #tBody .theDay { font-size: 16px; }

    a.whereClasses { width: 10%; }

    /* Videos On Page */
    #videoWrapPage { }
    #videoBOXPage { margin:0 auto; width:100%; max-width: 800px; }
    #videoContentPage { margin:36px 0 0 0; }
    
    .videoOnLeft {
        float: left;
        width: 37%;
        margin: 0 0 15px 5%;
        display: block;
    }
    .videoOnRight {
        float: right;
        width: 57%;
        margin: 0 0 15px 0;
        display: block;
    }

    /* Blog Page */
    #blogPage { width: 98%; max-width: 1080px; margin: 35px auto 0 auto; }    
    #blogPage h2 { font-size: 28px; margin: 0 0 15px; }       
    #blogPage .textWrape { width: 75%; margin: 8px 0 0 0; vertical-align: top; display: inline-block; }      
    #blogPage .textWrapeIMG { display: none; }
    #blogPage .imageWrape { width: 24%; vertical-align: middle; display: inline-block; }

    .schedulePanel #wraperTimes { margin:15% auto; width:50%; }


    #wraperTimes .AYMblueButton, #wraperTimes .AYMblueButton:visited, .AYMblueButton, .AYMblueButton:visited,
    #wraperTimes .AYMpurpleButton, #wraperTimes .AYMpurpleButton:visited { font-size: 16px; padding: 15px 0; }

    .w80x60x100 { width: 70%; margin: 0 auto; }

    .welcomeSub { width:40%; }

    #registerButtonWrape { width: 30%; margin: 0 auto; }
    
}