/* Tabs */
      .MainTabs {
         margin: 20px 35px 0px 20px;
         width: 70%;
      }

      .tabbackground {
         background: #f9f9f9;
         padding: 20px;
         border: 2px solid #ccc;
         border-left: 0;
         border-right: 0;
         margin-top: -12px;
      }

      ul.tabs {
         margin-bottom: 10px;
         margin-left: 0;
         padding: 0px;
         text-align: center;
      }

      .tabs li {
         list-style: none;
         display: inline;
      }

      .tabs a {
         border: 2px solid #ccc;
         border-bottom: none;
         display: inline-block;
         text-decoration: none;
         padding: 7px 14px;
         height: 52px;
         line-height: 40px;
         cursor: pointer !important;
         font-style: italic;
         font-size: 22px;
         position: relative;
      }

      .tabs a.active, .tabs a:hover {
        color: #93328E;
      }

      .tabs a.active {
        background-color: #f9f9f9;
      }

      /* Courses */
      .courses li {
         font-size: 12px;
         font-weight: bold;
      }

      .CourseDescriptionBox {
         margin: 35px 0 0 15px;
         border-top: #B86D67 2px solid;
         width: 93%;
      }

      .CourseDescriptionBox h3 {
        margin-bottom: 15px;
        margin-top: 5px;
        color: #7a1a28;
      }

      .CourseDescriptionBox p {
        margin-bottom: 5px;
      }

      /* Media Queries */
      @media (max-width: 1024px) {
         .MainTabs {
            width: 80%;
         }
      }



      @media (max-width: 768px) {
         .MainTabs {
            margin: 20px 35px 0px 0px;
            width: 100%;
         }

         .PageAccordion {
            width: 100%;
         }
      }

      @media (max-width: 590px) {
         .tabs a {
            height: 40px;
            line-height: 27px;
            font-size: 18px;
         }
      }

      @media (max-width: 530px) {
         .tabs a {
            line-height: 20px;
            font-size: 18px;
            max-width: 110px;
            vertical-align: bottom;
            padding-bottom: 50px;
         }
      }

      @media (max-width: 480px) {
/*
         .PageAccordion h3 span.arrowSection {
            height: 80px;
         }

         .ui-accordion .ui-accordion-header {
            min-height: 80px;
         }
*/
      }

      @media (max-width: 460px) {
         .tabs a {
            line-height: 15px;
            font-size: 14px;
            max-width: 90px;
            padding-bottom: 40px;
         }

         .grid_12 {
            padding: 0 !important;
         }

         .PageAccordion h3 {
            font-size: 18px;
            line-height: 22px;
         }
      }

      @media (max-width: 330px) {
         .tabs a {
            padding: 5px 10px;
         }
      }