.jkc_links {
         border: 1;
         width: 100%;
         min-height: 10vw;
         max-height: 10vw;
         font-weight: bolder;
         color: white;
         }
         .jkc_links td {
         width: 16.7%;
         background-image: linear-gradient(to bottom right, var(--main-bg-color), #0AAA0A);
         }
         .jkc_links a{
         color: white;
         text-decoration: none;
         font-size: 1vw;
         }
         .jkc_links a:hover {
         color: orange;
         font-weight: bolder;
         }
         .gallery_div, .notice_div {
         min-height: 30vw;
         min-height: 30vw;
         }
         .main_div,  .notifications_div, .principal_div, .quick_links_div {
         min-height: 25vw;
         max-height: 25vw;
         }
         .mission_dev {
         min-height: 20vw;
         max-height: 20vw;
         }
  .text-muted {
         color: black; 
         }
         .circle_links > div > div > a > img {
         width: 7vw;
         height: 7vw;
         margin-top: 10px;
         margin-bottom: 10px;
         }
         .round-bg {
         border-radius: 25%;
         border: solid 0.5px #CCCCCC;
         }
         .w-10vw {
         width: 10vw;
         }
         .w-15vw {
         width: 15vw;
         }
         .h-10vw {
         height: 10vw;
         }
         .quick-links-imgs img {
         margin-top: 1vw;
         }
         .quick-links-imgs img:hover {
         transform: scale(1.05);
         }
         .MagicScroll a {
         border-radius: 50%; 
         border: solid 1px #CCCCCC;
         padding: 0.5vw;
         margin-left: 0.5vw;
         margin-right: 0.5vw;
         width: 8vw;
         height: 8vw;
         }
         .principal-title {
         position: absolute; 
         bottom: 10px; 
         right: 10px; 
         font-weight: bolder;  
         color:white; 
         background-color: var(--main-bg-color); 
         }
         #gallery_div {
         height: 41vw;
         position: relative;
         }
         #notifications_div {
         height: 41vw;
         position: relative;
         }
         #notice_div, #principal_div, #imp_links {
         height: 25vw;
         position: relative;
         }
         #jkc_links {
         height: 10vw;
         vertical-align: middle;
         position: relative;
         }
         #video_links, #latest_events {
         height: auto;
         position: relative;
         }
         #imp_link_div {
         height: 10vw;
         padding-top: 1vw;
         padding-bottom: 1vw;
         position: relative;
         }
.center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  table {
    border-collapse: separate;
    border-spacing: 0 1em;
  }

  td.active, td.active>a {
    background-color: #333;
    color: white;
  }

  table {
    width: 80%;
  }

  #sections td {
    line-height: 250%;
    border: solid 1px #CCC;
    padding-left: 10%;
    font-family: serif;
    font-size: 1.2vw;
    font-weight: bold;
  }

  #sections td:hover {
    background-color: #333;
    transform: scale(1.05);
  }

  #sections a:hover {
    background-color: #333;
    color: white;
    text-decoration: none;
  }
 #top_auto_menu ul {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            margin: 0;
            }
            #top_auto_menu > ul li {
            display: block;
            position: relative;
            float: left;
            background: var(--main-bg-color);
            border-left: solid 0.5px var(--menu-border-color);
            border-right: solid 0.5px var(--menu-border-color);
            font-weight: bold; 
            /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
            }
            /* This hides the dropdowns */
            #top_auto_menu li ul { display: none; }
            #top_auto_menu ul li a {
            display: block;
            width: 100%;
            /*padding-left: 1vw;*/
            /*padding-right: 1vw;*/
            text-decoration: none;
            white-space: nowrap;
            color: white;
            font-size: var(--main-text-size);
            }
            #top_auto_menu ul li a:hover { 
            background: var(--active-bg-color);
            color: var(--main-bg-color);
            font-weight: bolder;
            }
            /* Display the dropdown */
            #top_auto_menu li:hover > ul {
            display: block;
            position: absolute;
            }
            #top_auto_menu li:hover li { float: none; }
            #top_auto_menu li:hover a { 
            text-decoration: none;
            }
            #top_auto_menu li:hover li a:hover { 
            background: var(--active-bg-color); 
            font-weight: bolder; 
            color: var(--main-bg-color)
            }
            .main-navigation li ul li { border-top: 0; }
            /* Displays second level dropdowns to the right of the first level dropdown */
            #top_auto_menu ul ul ul {
            left: 100%;
            top: 0;
            }
            #top_auto_menu ul:before,
            #top_auto_menu ul:after {
            content: " "; /* 1 */
            display: table; /* 2 */
            }
            #top_auto_menu ul:after { clear: both; }
            #top_auto_menu {
            position: static; 
            line-height: 100%;
            }
            #top_auto_menu > .main-navigation li {
            z-index: 1001;
            }

#auto_menu ul {
            list-style: none;
            padding-left: 0;
            padding-right: 0;
            margin: 0;
            }
            #auto_menu > ul li {
            display: block;
            position: relative;
            float: left;
            background: var(--main-bg-color);
            border-left: solid 0.5px var(--menu-border-color);
            border-right: solid 0.5px var(--menu-border-color);
            font-weight: bold; 
            /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
            }
            /* This hides the dropdowns */
            #auto_menu li ul { display: none; }
            #auto_menu ul li a {
            display: block;
            padding-left: 1vw;
            padding-right: 1vw;
            text-decoration: none;
            white-space: nowrap;
            color: white;
            font-size: var(--main-text-size);
            }
            #auto_menu ul li a:hover { 
            background: var(--active-bg-color);
            color: var(--main-bg-color);
            font-weight: bolder;
            }
            /* Display the dropdown */
            #auto_menu li:hover > ul {
            display: block;
            position: absolute;
            }
            #auto_menu li:hover li { float: none; }
            #auto_menu li:hover a { 
            text-decoration: none;
            }
            #auto_menu li:hover li a:hover { 
            background: var(--active-bg-color); 
            font-weight: bolder; 
            color: var(--main-bg-color)
            }
            .main-navigation li ul li { border-top: 0; }
            /* Displays second level dropdowns to the right of the first level dropdown */
            #auto_menu ul ul ul {
            left: 100%;
            top: 0;
            }
            #auto_menu ul:before,
            #auto_menu ul:after {
            content: " "; /* 1 */
            display: table; /* 2 */
            }
            #auto_menu ul:after { clear: both; }
            #auto_menu {
            position: static; 
            line-height: 200%;
            }
            #auto_menu > .main-navigation li {
            z-index: 1001;
            }