/*      Percussion CSS Edits
        Author: Piotr Butkiewicz    */

    /**{
    outline: none;
}*/
a:focus {
    text-decoration: underline !important;
}
/* Skiplink decoration */
a.perc-navigation-skiplink {
    color: white !important;
    background: black;
    padding: 5px 10px 5px 10px;
}
a.perc-navigation-skiplink:hover,
a.perc-navigation-skiplink:focus {
    color: #c91844;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,#cboxOverlay,#cboxWrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden
}

#cboxWrapper {
    max-width:none
}

#cboxOverlay {
    position:fixed;
    width:100%;
    height:100%
}

#cboxMiddleLeft,#cboxBottomLeft {
    clear:left
}

#cboxContent {
    position:relative
}

#cboxLoadedContent {
    overflow:auto;
    -webkit-overflow-scrolling:touch
}

#cboxTitle {
    margin:0
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
    cursor:pointer
}

.cboxPhoto {
    float:left;
    margin:auto;
    border:0;
    display:block;
    max-width:none;
    -ms-interpolation-mode:bicubic
}

.cboxIframe {
    width:100%;
    height:100%;
    display:block;
    border:0;
    padding:0;
    margin:0
}

#colorbox,#cboxContent,#cboxLoadedContent {
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background:rgba(0,0,0,.5);
    opacity:.9;
    filter:alpha(opacity = 90)
}

#colorbox {
    outline:0
}

#cboxTopLeft {
    width:21px;
    height:21px;
    background:no-repeat -101px 0
}

#cboxTopRight {
    width:21px;
    height:21px;
    background:no-repeat -130px 0
}

#cboxBottomLeft {
    width:21px;
    height:21px;
    background:no-repeat -101px -29px
}

#cboxBottomRight {
    width:21px;
    height:21px;
    background:no-repeat -130px -29px
}

#cboxMiddleLeft {
    width:21px;
    background:left top repeat-y
}

#cboxMiddleRight {
    width:21px;
    background:right top repeat-y
}

#cboxTopCenter {
    height:21px;
    background:0 0 repeat-x
}

#cboxBottomCenter {
    height:21px;
    background:0 -29px repeat-x
}

#cboxContent {
    overflow:hidden;
    padding-top:30px
}

.cboxIframe {
    background:#fff
}

#cboxError {
    padding:50px;
    border:1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom:28px
}

#cboxTitle {
    position:absolute;
    bottom:4px;
    left:0;
    text-align:center;
    width:100%;
    color:#949494
}

#cboxCurrent {
    position:absolute;
    bottom:4px;
    left:58px;
    color:#949494
}

#cboxLoadingOverlay {
    background:url(/Assets/uploads/NorthArk/import/localhost/img/icon/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background:url(/Assets/uploads/NorthArk/import/localhost/img/icon/loading.gif) no-repeat center center
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    width:auto;
    background:none
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
    outline:0
}

#cboxSlideshow {
    position:absolute;
    bottom:4px;
    right:30px;
    color:#0092ef
}

#cboxPrevious {
    position:absolute;
    bottom:0;
    left:0;
    background:url(/Assets/uploads/NorthArk/import/localhost/img/icon/controls.png) no-repeat -75px 0;
    width:25px;
    height:25px;
    text-indent:-9999px
}

#cboxPrevious:hover {
    background-position:-75px -25px
}

#cboxNext {
    position:absolute;
    bottom:0;
    left:27px;
    background:url(/Assets/uploads/NorthArk/import/localhost/img/icon/controls.png) no-repeat -50px 0;
    width:25px;
    height:25px;
    text-indent:-9999px
}

#cboxNext:hover {
    background-position:-50px -25px
}

#cboxClose {
    position:absolute;
    top:0;
    right:0;
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons-official/menu-close@2x.png);
    background-size:25px;
    width:25px;
    height:25px;
    text-indent:-9999px
}

#cboxClose:hover {
    background-position:-25px -25px
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-italic-webfont.eot);
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-italic-webfont.woff) format('woff'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-italic-webfont.ttf) format('truetype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-italic-webfont.svg) format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-regular-webfont.eot);
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/Pw==) format('embedded-opentype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-regular-webfont.woff) format('woff'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-regular-webfont.ttf) format('truetype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-regular-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-regular-webfont.eot);
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/Pw==) format('embedded-opentype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-regular-webfont.woff) format('woff'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-regular-webfont.ttf) format('truetype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-regular-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-italic-webfont.eot);
    src: url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/Pw==) format('embedded-opentype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-italic-webfont.woff) format('woff'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-italic-webfont.ttf) format('truetype'),
         url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/leaguegothic-condensed-italic-webfont.svg) format('svg');
    font-weight: normal;
    font-style: italic;
}

/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
.search input[type=text]:focus::-webkit-input-placeholder {
   color: black;
   font-weight: bold;
}
.search input[type=text]:focus:-moz-placeholder {
   color: black;
   font-weight: bold;
}
.search input[type=text]:focus::-moz-placeholder {
   color: black;
   font-weight: bold;
}
.search input[type=text]:focus::-ms-input-placeholder {
   color: black;
   font-weight: bold;
}
::-webkit-input-placeholder {
   color: #707070;
   font-weight: bold;
}

:-moz-placeholder { /* Firefox 18- */
   color: #707070;
   font-weight: bold;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #707070;
   font-weight: bold;  
}

:-ms-input-placeholder {  
   color: #707070;
   font-weight: bold;  
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
    outline:none
}

.slides,.flex-control-nav,.flex-direction-nav {
    margin:0;
    padding:0;
    list-style:none
}

.home-slider .flex-direction-nav{
    opacity: 0;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.flex-direction-nav.fadeIn{
    opacity: 1;
}

.flex-direction-nav.fadeOut{
    opacity: 0;
}


/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family:'flexslider-icon';
    src:url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/flexslider-icon.eot);
    src:url(/web_resources/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/Pw==) format("embedded-opentype"),url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/flexslider-icon.woff) format("woff"),url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/flexslider-icon.ttf) format("truetype"),url(/web_resources/themes/NorthArkansasCollege/import/localhost/fonts/flexslider-icon.svg) format("svg");
    font-weight:400;
    font-style:normal
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin:0;
    padding:0
}

.flexslider .slides > li {
    display:none;
    /*-webkit-backface-visibility:hidden*/
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width:100%;
    display:block
}

.flex-pauseplay span {
    text-transform:capitalize
}

/* Clearfix for the .slides element */
.slides:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

html[xmlns] .slides {
    display:block
}

* html .slides {
    height:1%
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display:block
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin:50px 0 40px 0;
    background:#fff;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    zoom:1
}

.flex-viewport {
    max-height:2000px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s
}

.loading .flex-viewport {
    max-height:300px
}

.flexslider .slides {
    zoom:1
}

.carousel li {
    margin-right:5px
}

/* Direction Nav */
.flex-direction-nav {
    *height:0
}

.flex-direction-nav a {
    text-decoration:none;
    display:block;
    width:40px;
    height:40px;
    margin:-20px 0 0;
    position:absolute;
    top:50%;
    z-index:10;
    overflow:hidden;
    opacity:0;
    cursor:pointer;
    color:rgba(0,0,0,0.8);
    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}

.flex-direction-nav .flex-prev {
    left:-50px
}

.flex-direction-nav .flex-next {
    right:-50px;
    text-align:right
}

.flexslider:hover .flex-prev {
    opacity:.7;
    left:10px
}

.flexslider:hover .flex-next {
    opacity:.7;
    right:10px
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
    opacity:1
}

.flex-direction-nav .flex-disabled {
    opacity:0!important;
    filter:alpha(opacity=0);
    cursor:default
}

.flex-direction-nav a:before {
    font-family:"flexslider-icon";
    font-size:40px;
    line-height:1;
    display:inline-block;
    content:'\f001'
}

.flex-direction-nav a.flex-next:before {
    content:'\f002'
}

/* Pause/Play */
.flex-pauseplay a {
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    bottom:5px;
    left:10px;
    opacity:.8;
    z-index:10;
    overflow:hidden;
    cursor:pointer;
    color:#000
}

.flex-pauseplay a:before {
    font-family:"flexslider-icon";
    font-size:20px;
    display:inline-block;
    content:'\f004'
}

.flex-pauseplay a:hover {
    opacity:1
}

.flex-pauseplay a.flex-play:before {
    content:'\f003'
}

/* Control Nav */
.flex-control-nav {
    width:100%;
    position:absolute;
    bottom:-40px;
    text-align:center
}

.flex-control-nav li {
    margin:0 15px;
    display:inline-block;
    zoom:1;
    *display:inline
}

.flex-control-nav li:last-child {
    margin-right: 0;
}

.flex-control-paging li a {
    width:11px;
    height:11px;
    display:block;
/*    background:#666;
    background:rgba(0,0,0,0.5);*/
    cursor:pointer;
    text-indent:-9999px;
    position: relative;
}

/*.flex-control-paging li a:hover {
    background:#333;
    background:rgba(0,0,0,0.7)
}*/

/*.flex-control-paging li a.flex-active {
    background:#000;
    background:rgba(0,0,0,0.9);
    cursor:default
}*/

.flex-control-thumbs {
    margin:5px 0 0;
    position:static;
    overflow:hidden
}

.flex-control-thumbs li {
    width:25%;
    float:left;
    margin:0
}

.flex-control-thumbs img {
    width:100%;
    display:block;
    opacity:.7;
    cursor:pointer
}

.flex-control-thumbs img:hover {
    opacity:1
}

.flex-control-thumbs .flex-active {
    opacity:1;
    cursor:default
}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
    opacity:1;
    left:10px
}

.flex-direction-nav .flex-next {
    opacity:1;
    right:10px
}
}
img {
    max-width:100%;
    height: auto;
    max-height: 969px;
    border: none;
}
 .rxbodyfield img {
    margin: 35px 35px 35px 0;
}
.social-nav img {   /* Percussion Addition */
  max-width: 50px;
  max-height: 50px;
  margin: 0px !important;
}
* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    }

body,
html {
    margin:0;
    }
body {
    font-family:'Arial';
    font-size:20px;
    line-height:1.5;
    color:black
    }
p {
    margin:0.6em 0;
    font-weight:normal;
    line-height: 1.25;
    }   
.inner {
    width:1200px;
    margin:0 auto;
    overflow:visible;
    min-height: 21px;
    }
a {
    text-decoration:none;
    color:#c91844;
    font-weight:bold;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
    }
/*a:hover{
    color: #7c2529;
}*/
h1,
h2,
span.h2,
h3,
span.h3,
h4,
span.h4,
h5,
span.h5,
h6,
span.h6 {
    display: block;
    margin-bottom:0;
    line-height:1.2;
    }

h1,
h2,
span.h2,
h3,
span.h3, .perc-blog-title {
    font-family:'League Gothic', sans-serif;
    font-weight:normal
    }
h1 {
    color:#c91844;
    font-size:85px;
    margin-top:0;
    line-height: .8;
    margin-bottom: 30px;
    }
h2,
span.h2 {
    font-size:52px
    }
h3,
span.h3, .perc-blog-title {
    font-size:45px;
    margin-bottom: 0.3em;
    }
h4,
span.h4 {
    font-size:30px;
    font-weight:700
    }
h5,
span.h5, .perc-blog-list-title {
    color:#c91844;
    font-size:26px;
    font-weight:700
    }
h6,
span.h6 {
    color:#c91844;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase
    }
ul {
    margin:0
    }
.large-text {   
    font-size:24px !important;
    line-height: 1.3
    }
    
.mobile {
    display:none
    }
/* ==========================================================================
   Header
   ========================================================================== */
.mobile-logo,
.hamburger,
.main-nav i {
    display:none
    } 
.hamburger{
    cursor: pointer;
    width: 25px;
}  
.hamburger li{
    height: 3px;
    margin-bottom: 5px;
    background-color: #c91844;
    width: 100%;
    list-style: none;
}
.hamburger li:last-child{
    margin-bottom: 0;
    }

/*  Percussion CSS Edits
#header {
    width:100%;
    }
.landing #header {
    border-bottom:7px solid #c3c7c8
    } */


.header-top-wrap {
    width:100%;
    background:black;
    overflow:visible;
    padding:10px 0
    }
#header .inner {    
    display:table;
    overflow:visible
    }
.header-top-wrap a {
    color:white;
    text-decoration:none;
    font-size: 16px;
    font-weight:normal
    }
.header-top-wrap a:hover {
    text-decoration: underline;
}
.ancillary-nav {
    width:auto;
    font-size:18px;
    display: table-cell;
    vertical-align: middle;
    }
#header ul {
    padding-left:0;
    }   
.ancillary-nav li {
    display:inline-block;
    margin-right:20px
    }
.audience-search {
    float:right;
    display:inline-block;
    font-size:16px
    }
.audience-search li {
    list-style:none;
    position:relative
    }
.audience-search ul li a {
    background-color:#c91844;
    display:block;
    font-weight:bold
    }
.audience-search ul li a:hover {
    text-decoration:none
    }
.audience-search > div > ul > li > a {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white-down.png);

    background-repeat:no-repeat;
    background-size: 12px 7px;
    background-position:95%;    
    padding:10px 35px 10px 15px;
    display:block;
    
    }
.audience-search > div > ul > li > a.active {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white-up.png);
    display:block;
    }
.lt-ie9 .audience-search > div > ul > li > a.active {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/up-white-arrow.png);
    }
.audience-search li > ul {
    position:absolute;
    display:none;
    width:100%;
    z-index:2500;
    border-width:1px;
    border-style:none solid solid solid;
    padding-top:5px;
    background:white
    }
.audience-search li ul a {
    padding: 10px 15px;
    background:white;
    color:black
    }
.audience-search li ul a:hover, .audience-search li ul a:focus {
    color:#c91844;
    }
.lt-ie9 .audience-search > div > ul > li > a {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/down-white-arrow.png);
    }
.audience-search .nav,
.search {
    display:inline-block
    }
.audience-search .nav {
    margin-right:15px;
    width:230px
    }
.search {
    position:relative;
    width:250px;
    }
.lt-ie9 .search {
    display:block;
    float:right
    }
.search button img{
    width: 21px;
    height: auto;
}
.search input[type=text] {
    background:white;
    border:none;
    height:42px;    
    width:250px;
    padding-left:15px;
    color: black;
    border-radius:0
    }
.search button {
    position:absolute;
    right:0;
    bottom:0;
    border:none;
    background:none;
    height:42px;
    width: 40px;
    padding:0;
    background-color: white;
    }

#header .logo {
    display:table-cell;
    vertical-align:middle;
    width:30%
    }
#header .logo img {
    width:100%;
    max-width:348px
    }
.main-nav {
    float:right;
    font-family:'League Gothic', sans-serif;
    font-size:24px;
    }

.main-nav >ul > li {
    padding-left:30px;
    display:inline-block;
    float: left;
    }
.main-nav a {
    color:black;
    text-decoration:none;
    padding: 45px 0;
    display: block;
    position:relative;
    font-weight:normal;
    -webkit-transition:all 0s;
    -moz-transition:all 0s;
    -o-transition:all 0s;
    transition:all 0s
    }
.main-nav:hover .dropdown, .main-nav li.active .dropdown {
    opacity: 1;
    max-height:500px;

}
.main-nav li:hover .dropdown, .main-nav li.active .dropdown {
    visibility:visible
    }

.main-nav > ul > li:hover > a:after, .main-nav > ul > li.active > a:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #c3c7c8;
    
    }
.main-nav > ul > li:hover > a, .main-nav > ul > li.active > a {
    color:#7c2529
    }
.main-nav .dropdown {
    max-height:100px;
    z-index: -100;
    opacity:0;
    visibility:hidden;
    font-family:'Arial';
    font-size:19px;
    font-weight:bold;
    width:100%;
    position:absolute;
    top:auto;
    left:0;
    padding:20px;
    background:#c3c7c8;
    z-index:20000;
    border-bottom:10px solid black;
    overflow:hidden;
    transition:max-height .3s ease, opacity .2s ease;
    -webkit-transition:max-height .3s ease, opacity .2s ease;
    }


.main-nav .dropdown .col {
    margin-top:0
    }
.main-nav .dropdown a {
    padding:10px 0;
    display:inline-block;
    font-weight:bold;
    line-height: 1.1;
    }
.main-nav .dropdown a:hover {
    text-decoration: underline;
}
.main-nav .dropdown li {
    display:block;
    margin-left:0
    }
.dropdown img {
    margin-top:10px
    }

.main-nav .dropdown li p {
    margin-top:-10px;
    font-weight:normal
    }
.main-nav .dropdown li ul {
    font-size:17px
    }
.main-nav .dropdown li ul li {
    margin-left:20px
    }
/* ==========================================================================
   Typical Pages
   ========================================================================== */
   .main-page{
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/bg/typical-bg.png);
        background-position:left bottom;
        background-repeat:no-repeat;
        }

    .content {
        background:white;
        padding-left:5px
        }
    .landing .breadcrumbs {
        display:none
        }
    .breadcrumbs {
        background-color:#c3c7c8;
        font-size:16px;
        padding:10px 0

    }
    .breadcrumbs ul {
        padding:0
        }
    .breadcrumbs li {
        display:inline-block;
        }
    .breadcrumbs a {
        color:black;
        text-decoration:none;
        display: inline-block;
        font-weight:normal
        }
    .breadcrumbs a:hover{
        text-decoration: underline;
        color: #c91844;
    }
    .breadcrumbs li:after {
        content:"/";
        display:inline-block;
        margin:0 7px
        }

    .page-content {
        margin-top:40px
        }
    .sidebar {
        padding-right:30px;

        }
    .sidebar-nav {
        border:1px solid #dedede;
        padding:10px 20px;
        background-color: white;
        }
    .sidebar-nav a {
        text-decoration:none;
        color:black;
        margin:10px 0;
        display:inline-block
        }
    .lt-ie9 .sidebar-nav a {
        display:block
        }
    .sidebar-nav a:hover{
        color: #7c2529;
    }
    li.current.nav-level-3 > a {
        color:#c91844;
        position:relative
    }
    li.current.nav-level-4 > a {
        color:#c91844;
        position:relative
    }
    li.current.nav-level-5 > a {
        color:#c91844;
        position:relative
    }
    li.current.nav-level-6 > a {
        color:#c91844;
        position:relative
    }
    li.current.nav-level-7 > a {
        color:#c91844;
        position:relative
    }
    .sidebar-nav a.current:before,
    .flex-control-paging li a:before {
        content:"";
        position:absolute;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #c91844;
        left:-20px;
        top:5px;
        }
    .sidebar-nav a.current:after,
    .flex-control-paging li a:after {
        content:"";
        position:absolute;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #c91844;
        left:-20px;
        top:12px;
        }
    .flex-control-paging li a:before{
        border-bottom: 12px solid #e6e6e6;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        top: 0;
        left: -13px
    }

    .flex-control-paging li a:after{
        border-top: 12px solid #e6e6e6;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        left: -13px
    }
    .flex-control-paging li a:hover:after {
        border-top: 12px solid #e5e5e5;
    }
    .flex-control-paging li a:hover:before {
        border-bottom: 12px solid #e5e5e5;
    }
    .flex-control-paging li a.flex-active:before{
        border-bottom: 12px solid #c91844;
    }

    .flex-control-paging li a.flex-active:after{
        border-top: 12px solid #c91844;
    }

    .sidebar-nav li {
        list-style:none;
        font-weight:bold;
        
        }
    .sidebar-nav ul {
        padding:0;
        font-size:19px
        }
    .sidebar-nav li ul {
        padding-left:20px;
        font-size:17px
        } 
    .sidebar-nav li ul li ul li ul li{
        font-size:16px;
        font-weight:400 
        }
    .cta-blocks {
        margin-top:15px
        }
    .cta-block a {
        background:black;
        color:white;
        text-decoration:none;
        padding: 18px 75px 18px 30px;
        display:inline-block;
        margin-bottom:1px;
        position:relative;
        font-weight:normal;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s
        }
    .cta-block a:hover{
        background-color: #3f3f3f;

    }
    .cta-block a:after {
        content:"";
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/double-arrow-white.png);
        background-size:100%;
        background-repeat:no-repeat;
        position:absolute;
        right:30px;
        top:50%;
        margin-top: -6px;
        width:12px;
        height:12px;
        }
    .lt-ie9 .cta-block a:after {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right.png);
        }
    .diamond-quote {
        margin: 40px 0px 40px 40px;
        float:right;
        display:table;
        width:350px;
        height:350px;
        position: relative;
        }
    .diamond-quote:before{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 175px 176px 175px;
        border-color: transparent transparent #c91844 transparent;
        position: absolute;
        left: 0;
        top: 0;
        transition:all .2s;
        -webkit-transition:all .2s;
    }

    .diamond-quote:after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 176px 175px 0 175px;
        border-color: #c91844 transparent transparent transparent;
        position: absolute;
        left: 0;
        bottom: 0;
        transition:all .2s;
        -webkit-transition:all .2s;
    }
    
    .diamond-quote .quote {
        display:table-cell;
        vertical-align:middle;
        font-size:16px;
        color:white;
        text-align:center;
        padding:77px; 
        position: relative;
        z-index: 10;
        }
    .quote p {
        margin:0 0 10px 0
        }   
    .diamond-quote .person, .diamond-quote strong, .diamond-quote b {
        font-size:27px;
        font-family:'League Gothic', sans-serif;
        line-height: 1.1;
        color:white;
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: 400;
        }
    .rectangle-quote {
        width:40%;
        float:right;
        padding:30px 30px 30px 50px;
        background:#c3c7c8;
        margin: 90px 0 50px 50px;
        color:#333;
        overflow:auto
        }
    .rectangle-quote .person,
    .rectangle-quote b,
    .rectangle-quote strong,
    .fullwidth-quote .person,
    .fullwidth-quote b,
.fullwidth-quote strong {
        font-weight:bold;
        font-size:18px;
        float:right;
        margin-bottom: 0;
        color:black;
        }
    .rectangle-quote .quote:before {
        content:'\201C';
        font-size:100px;
        display: block;
        float: left;
        margin-left: -40px;
        margin-top: -38px;
        }
    .fullwidth-quote .quote{
        font-size:24px;
        padding:26px 20px 20px 45px;
        border-top:1px solid #c3c7c8;
        border-bottom:1px solid #c3c7c8;
        margin-top:40px;
        overflow:auto
        }
    .fullwidth-quote .quote:before {
        content:'\201C';
        color:#c91844;
        font-size:120px;
        display: block;
        float: left;
        margin-left: -50px;
        margin-top: -42px;
        }
        
    .fullwidth-quote .person, .fullwidth-quote b,
.fullwidth-quote strong {
        margin-top:30px;

        }
    .related-links {
        width:40%;
        float:right;
        margin: 0 0 40px 50px;
        padding-top: 30px;
        }
    .related-links h6, .related-links span.h6 {
        color:black;
        margin-bottom:10px;
        margin-top: 10px;
        }
    .related-links a {
        display:block;
        padding:8px 0;
        font-weight: 700;
        font-size:18px;
        border-bottom: 1px solid #c3c7c8 !important;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s;
        }
    .related-links a:hover{
        text-decoration: underline;
        color: #c91844;
    }
    span.related-links-perc:last-of-type a {
        border-bottom: none;
    }
    .module {
        margin:60px 0;
        }
    
    .module a:hover .last-word,
    .module a:hover,
    .quote a:hover {
        text-decoration:underline;
        }
    .module a .last-word:hover {
        text-decoration:underline;
        }
    .module .col {
        margin-top:0;

        }
    .col-inner{
        padding-right: 15px;
    }
    hr {
        margin:0;
        border-color:#dedede
        }
    .module img{
        width: 100%;
    }
    .module h6, .module span.h6 {
        margin-top:0;
        margin-bottom:10px;
        font-size:18px;
        text-transform:none;
        color:black
        }
    .module {
        font-size:18px;
        clear:both
        }
    .video-fullwidth p {
        font-size: 18px;
        clear: both;
        color: black
        }
    .video-fullwidth h5, .video-fullwidth span.h5{
        color: #c91844;
    }
    .module h5, .module span.h5 {
        font-size:24px;
        margin-top:1em;
        margin-bottom:10px;
        color:black;
        line-height: 1.05;
        }
    .content-blocks a:hover{
        text-decoration: underline;
        color: inherit;
    }
    .has-red-arrow:after {
        content: "\f101";
        font-family: FontAwesome;
        /* background-image: url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/double-arrow-red.png); */
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        margin-left: 8px;
        width: 14px;
        height: 14px;
        color: #c91844;
    }
    .lt-ie9 .has-red-arrow:after {
          content: "\f101";
  font-family: FontAwesome;
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right-red.png);
        }

    .event-wrapper p {
        margin:0;
        clear:both;
        }
    p.event-details {
        font-size:14px;
        font-weight:bold;
        text-transform:uppercase;
        margin-top:0;
        margin-bottom:5px;
        line-height: 0.9;
        
        }
    p.news-date {   
        font-size:14px;
        font-weight:bold;
        text-transform:uppercase;
        margin-top:10px
        }
    .event {
        display:block;
        width:70%;
        float:left;
        margin-left:15px;
        margin-left:10px;
        margin-bottom:10px;
        box-sizing: border-box;
        }
    .event-module {
        padding-top:29px
        }
    .event-wrapper {
        padding:20px;
        background:#f5f4f8;
        height:100%
        }
    
    .calendar {
        display:block;
        float:left;
        background:#c91844;
        box-sizing: border-box;
        padding: 0 4px;
        /*max-width: 55px;*/
        }
    .calendar p {
        margin:0;
        color:white;
        text-align:center
        }
    .calendar .month {
        font-size:10px;
        font-weight:bold;
        position:relative;
        top:5px
        }
    .calendar .day {
        font-size: 35px;
        /*text-indent: -3px;*/
        padding: 0px 3px;
        margin: -2px 0;
        width: auto;
        }
    .video-wide {
        /*background:#f5f4f8;*/
        }
    .iframe-wrapper {
          position: relative;
          padding-bottom: 65.25%;
          padding-top: 30px;
          height: 0;
          overflow: auto;
          -webkit-overflow-scrolling: touch;
        }
    .iframe-wrapper iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
    .video-wide .col {
        margin:0
        }
    .caption {
        background:#f5f4f8;
        margin:0
        }
    .video-fullwidth .caption {
        padding:30px
    }
    .caption h5, .caption span.h5 {
        margin-top:0
        }
    .video-wide .caption {
        padding:40px 0 0 30px;
        }
    .video-wrapper {
        position:relative;

        }

    .video-wrapper:hover .link-overlay:before {
        border-color: #7c2529 transparent transparent transparent;
        }
    .video-wrapper:hover .link-overlay:after {
        border-color: transparent transparent #7c2529 transparent;
        }
    .video-wrapper:hover .link-overlay {
        background:rgba(0, 0, 0, 0.3)
        }   

    .tile-3:hover:before {
        border-color: #7c2529 transparent transparent transparent;
        }
    .tile-3:hover .link-overlay:before {
        border-color: transparent transparent #7c2529 transparent;
    }
    .video-wrapper a{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .video-wrapper .link-overlay:after {
        content:"";
        border-style:solid;
        border-width: 0 50px 50px 50px;
        border-color: transparent transparent #c91844 transparent;
        position:absolute;
        top:50%;
        left:50%;
        margin-left:-49px;
        margin-top:-49px;
        transition: all .3s;
        -webkit-transition: all .3s;
        
        }

            
    .video-wrapper .link-overlay:before {
        content:"";
        border-style:solid;
        border-width: 50px 50px 0px 50px;
        border-color: #c91844 transparent transparent transparent;
        position:absolute;
        bottom:50%;
        left:50%;
        margin-left:-49px;
        margin-bottom:-49px;
        z-index:2;
        transition: all .3s;
        -webkit-transition: all .3s;
        }

    .tile-3:before {
        content:"";
        border-style:solid;
        border-width: 50px 50px 0px 50px;
        border-color: #c91844 transparent transparent transparent;
        position:absolute;
        bottom:40px;
        margin-bottom:40px;
        left:50%;
        margin-left:-49px;
        z-index:2;
        transition: all .3s;
        -webkit-transition: all .3s;
        }
    .tile-3 .link-overlay:before {
        content:"";
        border-style:solid;
        border-width: 0 50px 50px 50px;
        border-color:transparent transparent #c91844 transparent;
        position:absolute;
        margin-bottom:49px;
        bottom:80px;
        left:50%;
        margin-left:-49px;
        z-index:3;
        transition: all .3s;
        -webkit-transition: all .3s;
        }
    .tile-3 .link-overlay:after {
        content:"";
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white.png);
        background-repeat:no-repeat;
        position:absolute;
        width:16px;
        height:27px;
        background-size:100%;
        top:50%;
        left:50%;
        margin-top:57px;
        margin-left: -5px;
        z-index:5
        }
    
    .video-wrapper:after {
        content:"";
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white.png);
        background-repeat:no-repeat;
        position:absolute;
        width:16px;
        height:27px;
        background-size:100%;
        top:50%;
        left:50%;
        margin-top:-13px;
        margin-left: -8px;
        z-index:5
        }
    .lt-ie9 .tile-3 .link-overlay:after {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/right-white-arrow.png);
    }

    .lt-ie9 .video-wrapper .link-overlay:after {
        content:"";
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/video-play.png);
        position:absolute;
        left:50%;
        top:50%;
        margin-top:-48px;
        margin-left:-48px;
        z-index:15;
        width:98px;
        height:98px;
        border:none
    }   
/*** Typical slider ****/

.flexslider {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:0;
    -webkit-border-radius:0
    }
.slider .col {
    margin:0
    }
.slider .span_1_of_3 { 
    width:33%
    }
.slider .span_2_of_3 {
    width:67%
    }
.slider .right-grid {
    height:50%;
    }
.slide-caption{
    color:white;
    padding:0px 100px 0px 60px;
    position:relative;
    font-size:18px;
    height:50%;
    background:#c91844;
    }

.slide-caption h5, .slide-caption span.h5 {
    font-size:24px;
    color:white;
    margin:0
    }

.slide-caption a{   
    font-weight:700;
    color:white;
    display:inline-block
    }
.slide-caption a:hover{
    text-decoration: underline;
}   
.slide-caption a:after {
    content:"";
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/double-arrow-white.png);
    background-repeat:no-repeat;
    background-size: 100%;
    width:12px;
    height:12px;
    display:inline-block;
    margin-left:10px
    }
.lt-ie9 .slide-caption a:after {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right.png);
    }
.flex-control-nav {
    display:none
    }
.home-slider .flex-control-nav{
  position: relative;
  bottom: auto; 
  float: right;
  display: inline-block;
  width: auto;
  z-index: 10;
  margin-right: 20px;
}

.slider-img .arrow,
.slider-img .next-arrow{
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -87.5px;
}

.slider-img .next-arrow{
    right: 0;
    width: 100%;
}

.slider-img .arrow:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 87.5px 0 87.5px 85px;
    border-color: transparent transparent transparent #c91844;
}

.slider-img .next-arrow:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    border-style: solid;
    border-width: 87.5px  87.5px 85px 0;
    border-color: transparent #c91844 transparent transparent ;
}

.home-slider .pagination-wrapper{
    position: absolute;
    bottom: 20px;
    width: 100%;
    }  

.home-slider .pagination-inner{
    max-width: 1200px;
    margin: 0 auto;
    } 

.slider-small-text{
    font-size: 32px;
    display: block;
    font-family: arial, sans-serif;
    font-weight: bold;
}

.slider-med-text{
    font-size: 35px;
    display: block;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}

.slider-large-text{
    font-size: 160px;
    display: block;
}

.diamond-quote-wrapper{
    position: absolute;
    top: 50%;
    margin-top: -175px;
    margin-top: -800px;
    right: 20%;
    margin-right: -175px;
    z-index: 10000;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}

.diamond-quote-wrapper.animated{
    margin-top: -175px;
}

.home-slider{
    background-color: #c91844;
}

.home-slider-small{
    display: none;
}

.home-slider-small .slide-caption-wrapper{
    display: table;
    vertical-align: middle;
    width: 100%;
}

.home-slider-small .slide-caption-wrapper .slide-caption{
    display: table-cell;
    vertical-align: middle;
}

.home-slider .slides{
    margin-bottom: -10px;
}

.home-slider .slides > li{
    position: relative;
}

.home-slider .slide-caption{
    background-color: transparent;
}

.home-slider .col{
    position: relative;
}

.home-slider .slide-copy-wrapper{
    width: 100%;
}

/*.home-slider .diamond-quote {
  margin: 40px 400px 40px 40px !important;
}*/

.home-slider .slide-copy{
    position: absolute;
    height: 100%;
    width: 33%;
    padding: 0 6%;
}

.home-slider .slide-copy .table-style{
    height: 100%;
    color: white;
}   

.home-slider .slide-copy .table-style h2, .home-slider .slide-copy .table-style span.h2{
    margin-top: 0;
}

.home-slider .slide-copy .table-style p{
    margin-bottom: 0;
    font-size: 24px;
}
.slide-copy a {
  color: white;
}
.slide-copy a:hover {
  text-decoration: underline;
}
a.flex-prev, a.flex-next {
  z-index: 99999;
}
.flex-direction-nav .flex-next,
.flexslider:hover .flex-next {
    right:20px;
    opacity:1;
    
    }
.flex-direction-nav .flex-prev,
.flexslider:hover .flex-prev {
    left:20px;
    opacity:1;
    padding: 0 2px
    }
.flex-direction-nav a {
    height:24px;
    width:20px;
    margin-top:-12px;
    
    }
.flex-direction-nav .flex-prev:before {
    content:""; 
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white-left.png);
    width:14px;
    height:24px;
    background-size: 100%;
    background-repeat: no-repeat;
    }
.lt-ie9 .flex-direction-nav .flex-prev:before {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/left-white-arrow.png);
    }
div.next-slide{
    display: block;
    text-indent: -9999999px;
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white.png);
    width:14px;
    height:24px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: 265px;
    right: 166px;
    z-index: 9;
}
.lt-ie9 a.next-slide {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/right-white-arrow.png);
    }

.flex-direction-nav a.flex-next:before{
    content:"";
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/right-white-arrow.png);
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white.png);
    width:14px;
    height:24px;
    background-size: 100%;
    background-repeat: no-repeat;
    }
.lt-ie9 .flex-direction-nav a.flex-next:before {
    background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/right-white-arrow.png);
    }
    
 
/* ==========================================================================
    HOME PAGE
   ========================================================================== */
   .alert {
        font-size:23px;
        padding:30px 0 50px 0;
        width:100%
        }
    .alert p {
        display:inline-block;
        margin:0;
        width:90%
        }
    .uppercase {    
        text-transform:uppercase;
        display:block;
        font-size:28px
        }   
    .alert-general .triangle {
        color: #fd7f23;
        text-indent: -4px;
        font-size: 28px;
        line-height: 50px;
        border-style: solid;
        border-width: 0px 25px 42px 25px;
        border-color: transparent transparent black transparent;
        display: block;
        float:left;
        margin-right: 25px;
        height: 0px;
        width: 0px;
        }
    .alert-critical .triangle {
        color: #ffcf25;
        text-indent: -5px;
        line-height: 69px;
        font-size: 39px;
        border-style: solid;
        border-width: 0px 37px 62px 37px;
        border-color: transparent transparent black transparent;
        display: inline-block;
        float: left;
        /*margin-top: 8px;*/
        margin-right: 25px;
        height: 0px;
        width: 0px;
        }
    
    .alert-general {
        background-color:#fd7f23
        }
    .alert-critical {
        background-color: #ffcf25;
        }
   .home-slider{
    margin-top: 0;
    margin-bottom: 0;
   }
   .home-slider .slide-caption{
    position: absolute;
    bottom: 0px;
    color: black;
   }
   .home-slider .slide-caption.white h1{
    color: white;
    line-height: 1;
   }
   .home-slider .slide-caption h1{
    color: black;
    line-height: 1;
   }
   .big-bg{
        background-repeat: no-repeat;
        background-color: black;
   }

   .big-bg h2, .big-bg span.h2{
        text-align: center;
        font-family: Arial, sans-serif;
        padding: 1.2em 1em;
        font-size: 56px;
        font-weight: bold;
        margin-top: 0;
   }
   .big-bg h2 > a, .big-bg span.h2 > a {
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 56px;
        font-weight: bold;
        margin-top: 0;
        color: black;
    }

   .button-row{
        margin: 3.5em 0 0 0;
        overflow: hidden;
   }
    .section.button-row p {
        line-height: 1.5;
    }

   .button-row a{
        text-align: center;
        color: white;
        font-size: 30px;
        font-weight: bold;
        padding: 1.4em 1em;
        background-color: #c91844;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s;
        width: 32.26%;
        display: block;
        float: left;
        margin: 1% 0 1% 1.6%;
   }

    .button-row .rxbodyfield p:first-child a {
    margin-left: 0;
    }
   .button-row a:hover{
    background-color: #7c2529;
   }

   .tiles{
    overflow: hidden;
   }

   .tiles .tile{
    width: 33.33%;
    float: left;
    background-color: white;
    padding: 40px 30px;
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
   }
    .lt-ie9 .tiles .tile {
        min-height:0;
        height:400px;
        padding:40px 30px
        }
   .link-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
   }
    .video-wrapper .link-overlay, .no-video-wrapper .link-overlay {
        z-index:0
        }
    
   .link-overlay:hover{
     background-color: rgba(0, 0, 0, 0.3);
   }

   .tile .link-overlay:hover{
    background-color: transparent;
   }

   .tile:hover{
    background-color: #e5e5e5;
   }

   .tile.red{
    background-color: #c91844;
   }

   .tile.red:hover{
    background-color: #7c2529;
   }

   .tile.image-tile .link-overlay:hover{
    background-color: rgba(255, 255, 255, 0.3);
   }


   .tile.red *{
    color: white;
   }

   .tile-2{
    background-image: url(/Assets/uploads/NorthArk/import/localhost/img/home/girl.jpg);
   }

   .tile-3{
    background-image: url(/Assets/uploads/NorthArk/import/localhost/img/home/bball.jpg);
   }

   .tile-4{
    background-image: url(/Assets/uploads/NorthArk/import/localhost/img/home/flags.jpg);
   }

   .tile h3, .tile span.h3 {
    font-family: arial, sans-serif;
    font-size: 34px;
    margin-top: 0;
    line-height: 1.2;
    font-weight: bold;
    padding-right: 50px;
   }

   .tile h3 a, .tile span.h3 a {
    color: black;
   }

   .tile p{
    font-size: 22px;
   }

   .has-arrow.red-arrow, span.red-arrow{
    position: relative;
   }

   .has-arrow.red-arrow .last-word:after, span.red-arrow a:after {
      content: "\f101";
  font-family: FontAwesome;
    width: 20px;
    height: 20px;
    /*background-image: url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/double-arrow-red.png);*/
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 12px;
   }
    .lt-ie9 .has-arrow.red-arrow .last-word:after, span.red-arrow a:after {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right-red.png);
    }
/* Perc Addition - PB */
    .slide-copy a:after {
    content: "\f101";
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    /*background-image: url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right.png);*/
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 12px;
    }

   .stat,
   p.stat{
    font-size: 150px;
    line-height: 0.9;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: 'League Gothic';
    color: #e6e6e6;
   }

   .stat .stat-percent,
   p.stat .stat-percent{
    font-size: 75px;
    font-style: normal;
    vertical-align: top;
    margin-top: 2px;
    position: relative;
    top: 5px;
    margin-left: -5px;
   }

   .two-col-layout{
    overflow: hidden !important;
    position: relative;
   }

   .two-col-layout .left-col,
   .two-col-layout .right-col{
    width: 50%;
    float: left;
    padding: 65px;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
   }

   .two-col-layout .left-col{
    background-color: #e9e8ec;
    left: 0;
   }

   .two-col-layout .right-col{
    background-color: #f5f4f8;
    right: 0;
   }

   .two-col-layout .section{
    z-index: 2;
    position: relative;
    margin-top: 90px;
   }

    .two-col-layout .section .col{
        padding-right: 65px;
        margin: 0 0 75px 0;
        width: 50%;
    }
    .lt-ie9 .two-col-layout .section .col {
        padding:0 65px
        }
     .two-col-layout .section .col:last-child{
        padding-left: 65px;
        padding-right: 0;
        width: 50%;
        margin-left: 0;
    }

    .two-col-layout h2, .two-col-layout span.h2{
        font-family: arial, sans-serif;
        font-weight: bold;
        font-size: 42px;
        margin-bottom: 1.2em;
    }

    .pioneers-logo{
        width: 100%;
        margin: 50px auto 0 auto;
        max-width: 340px;
        display: block;
    }

    .diamond-button{
        width: 100px;
        margin: -20px auto 0 auto;
        display: block;
    }
    .two-col-layout .col > div {
        margin-bottom:1.5em;
        }
    .two-col-layout .col .news-wrap.equal-height, .naUpcomingEvents .equal-height, .naUpcomingEventsAutolist #eventList {
        margin-bottom: 1.5em;
    }
    .news-wrap, .naUpcomingEvents .equal-height, .naUpcomingEventsAutolist #eventList {
        border-bottom: 1px solid #c91844;
        }
    .lt-ie9 .news-wrap{
        border-bottom:0
        }
    .news-item{
        border-bottom: 1px solid #c91844;
        padding-bottom: 1em;
        margin-bottom: 1.5em;
    }
    .news-item:last-child {
        border-bottom:0
        }
    
    .news-item a:hover,
    .event-block a:hover{
        text-decoration: underline;
        color: inherit;
    }

    .two-col-layout h5, .two-col-layout span.h5 {
        margin-top: 0.7em;
        margin-bottom: 0;
    }

    .two-col-layout p{
        margin-top: 0.5em !important;
    }

    .two-col-layout .event-block p{
        margin-top: 1em;
        margin-bottom: 0;
    }

    .two-col-layout .event-block p.day{
        margin-top: -2px;
    }

    .two-col-layout .event-block p.month{
        margin-top: 0.5em;
    }   

    .two-col-layout .event-block p.date{
        margin-top: 0.5em;
        line-height: 0.9;
    }

    .two-col-layout .event-block{
        margin-bottom: 1.5em;
        border-bottom: 1px solid #c91844;
        padding-bottom: 1.5em;
        position: relative;
        padding-left: 90px;
    }
    .naUpcomingEvents .event-block, .naUpcomingEventsAutolist .event-block {
          margin-bottom: 1.5em;
    }

    .two-col-layout .event-group .event-block{
        border-bottom: 0;
    }

    .two-col-layout .event-block.has-image .image-wrapper{
        margin: 0 0 1.2em -90px;
        position: relative;
    }

    .two-col-layout .event-block.has-image .image-wrapper img{
        width: 100%;
        height: auto;
    }
    
    .image-wrapper .image-title{
        color: white;
        position: absolute;
        bottom: 0;
        background: #c91844;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .event-block .calendar{
        position: absolute;
        left: 0;
        width: 55px;
    }

     .two-col-layout .event-group{
        margin-bottom: 1.5em
    }
    
    .date{
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .location,
    .two-col-layout p.location{
        font-size: 20px;
        margin-top: 0.2em;
    }

    .time{
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .calendar.large{
        width: 70px;
    }

    .calendar.large .day{
        font-size: 50px;
        line-height: 1.2;
    }

    .calendar.large p.month{
        font-size: 15px;
        margin-top: 0.1em;
        margin-bottom: 0.2em;
    }

    .chunky-button{
        text-align: center;
        padding: 1.1em;
    }

    .chunky-button.red{
        background-color: #c91844;
        color: white;
        width: 100%;
        display: block;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s
    }

    .chunky-button.red:hover{
        background-color: #7c2529;
        text-decoration:none
    }
    .chunky-button.red:hover .last-word {
        text-decoration:none
        }

/* ==========================================================================
    Modules
   ========================================================================== */

    .fullwidth-img-diamond {
        position:relative
        }
   .fullwidth-img-diamond .caption {
        background-color:#f5f4f8;
        text-align:center;
        padding:60px;
        position:relative;
        }
    .fullwidth-img-diamond .diamond-quote {
        position:absolute;
        right:50px;
        top:50%;
        margin-top:-175px;
        }
    .fullwidth-img-diamond .diamond-quote .quote .quote-arrow{  
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/single-arrow-white.png);
        width:14px;
        height:24px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
        position: relative;
        top: 35px;
        }
    .lt-ie9 .fullwidth-img-diamond .diamond-quote .quote .quote-arrow{
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/right-white-arrow.png);
        }
    .fullwidth-img-diamond .caption:before {
        content:"";
        position:absolute;
        left:50%;
        margin-left:-15px;
        top:-15px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f5f4f8;
        }
    .fullwidth-img-diamond .caption h3, .fullwidth-img-diamond .caption span.h3 {
        margin:0
        }
    .fullwidth-img-diamond .caption p { 
        font-size:22px
        }
    .fullwidth-img-diamond .caption h4, .fullwidth-img-diamond .caption span.h4 {
        font-size:34px;
        margin:0
        }
    .fullwidth-img-diamond .caption a { 
        color:#585858;
        }
    .fullwidth-img-diamond .caption h4 a, .fullwidth-img-diamond .caption span.h4 a {
        color:#c91844
        }
    .fullwidth-img-diamond .diamond-quote:hover:before,
    .diamond-quote-wrapper .diamond-quote:hover:before{
        border-color:transparent transparent #7c2529 transparent;
        }
    .fullwidth-img-diamond .diamond-quote:hover:after,
    .diamond-quote-wrapper .diamond-quote:hover:after {
        border-color:#7c2529 transparent transparent transparent;
        }
    .side-caption {
        overflow:auto
        }
    .side-caption > .img-wrap {
        float:left;
        width:66.66%
        }
    .side-caption .img-wrap img {
        height:100%
        }
    .img-wrapper {
        position:relative
        }
    .side-caption .caption {
        position:relative;
        width:33.33%;
        float:left;
        color:white;
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/bg/side-caption.png);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:right bottom;
        padding:50px 30px
        }
    .side-caption .caption a {
        color:white;
        line-height:1.3;
        display:inline-block
        }
    .side-caption .caption a:hover,
    .side-caption .caption a:hover span {
        text-decoration: underline;
        }
    .side-caption h2, .side-caption span.h2 {
        margin-top:0
        }
    .side-caption .caption:before {
        content:"";
        position:absolute;
        left:-15px;
        top:50%;
        margin-top:-15px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-right:15px solid #c91844; 
        }
    .left-caption .caption:before {
        content:none
        }
    .left-caption .caption {
        float:left;
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/bg/side-caption-left.png);
        background-position:left bottom;
        width:33.34%
        }
    .left-caption .img-wrap {
        float:right
        }
    .left-caption .caption:after {
        content:"";
        position:absolute;
        right:-15px;
        top:50%;
        margin-top:-15px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent; 
        border-left:15px solid #c91844; 
        }
    .last-word {
        display:inline-block
        }
    .has-white-arrow .last-word:after{
          content: "\f101";
        font-family: FontAwesome;
        display:inline-block;
        /*background-image:url(/Assets/uploads/NorthArk/import/localhost/img/high-rez-graphics/double-arrow-white.png);*/
        background-repeat:no-repeat;
        width: 14px;
        height: 14px;
        background-size: 14px;
        margin-left: 8px;
        color: white;
        }
    .lt-ie9 .has-white-arrow .last-word:after{
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/icons/arrows/double-arrow-right.png);
        }
    .programs h4, .programs span.h4 {
        font-size:34px;
        margin-top: 10px;
        }
    .programs .col {
        margin:0;
        font-size:22px
        }
    .programs .col.span_1_of_2 {
        margin-left:3.6%;
        width:48%;
        }
    .programs .col.span_1_of_2:first-child {
        margin-left:0
        }
    .programs .span_1_of_3 {
        background-size:cover;
        background-position:center center
        }
    .medical {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/academics/nursing.jpg);  
        }
    .welding {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/academics/welding.jpg);  
        }
    .programs .span_1_of_3.engineering {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/bg/side-caption-left.png);
        background-position:left bottom;
        }
    .agriculture {
        background-image:url(/Assets/uploads/NorthArk/import/localhost/img/academics/agriculture.jpg);  
    
        }
    .programs h4 a, .programs span.h4 a {
        color:black
        }
    .programs h4 a:hover, .programs span.h4 a:hover {
        text-decoration: underline;
    }

    .programs .span_2_of_3 {
        padding:35px 20px 20px 30px;
        position:relative;
        }
    .programs .span_2_of_3 h5 a, .programs .span_2_of_3 span.h5 a {
        color:black
        }
    .programs .span_2_of_3 h5 a:hover, .programs .span_2_of_3 span.h5 a:hover ,
    .programs .span_2_of_3 h5 a:hover .last-word, .programs .span_2_of_3 span.h5 a:hover .last-word {
        text-decoration: underline;
    }

    a.has-red-arrow:hover,
    a.has-red-arrow:hover span.last-word{
        text-decoration: underline;
    }

    .programs .panel .span_2_of_3:after {
        content:"";
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: -14px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #f5f4f8;
        }
    .programs .panel .span_2_of_3:after {
        content:"";
        position: absolute;
        left: -14px;
        top: 50%;
        margin-top: -15px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #e9e8ec;
        }
    .programs .odd {
        background:#f5f4f8
        }
    .programs .even {
        background:#e9e8ec
        }
    .programs .span_2_of_3 > .person {
        margin-top:5%;
        color:#c91844;
        font-weight:600
        }
    .programs .person {
        margin: 0;
        font-size: 18px;
        }
    .programs .position {   
        margin:0;
        font-size:18px;
        }   

    .programs .section {
        margin-top:10px
        }
    .programs h3, .programs span.h3 {
        color:white; 
        font-size:36px;
        padding:40px 20px
        }
    .programs-no-img .col {
        background:#f5f4f8;
        padding: 30px 30px 55px 30px;
        margin-left:1.6%;
        }
    .programs-no-img .col:first-child {
        margin-left:0
        }
        .programs-no-img a {
        color: black;
        }
    .module .event-block h5 a:hover,.module .event-block span.h5 a:hover {
        color:#c91844
        }

    .two-col-layout.module .section .col {
        padding: 0px 27px 20px 27px;
        margin-bottom:20px;
        }
    .two-col-layout.module .section {
        margin-top:20px
        }
    .module.two-col-layout p.location {
        font-size:18px
        }
    .two-col-layout.module .event-block {
        padding-left:65px
        }
    .two-col-layout.module h3, .two-col-layout.module span.h3 {
        margin-bottom: 50px;
        font-size:42px
        }
    .tweet-wrapper {
        margin-bottom:1.5em;
        border-bottom:1px solid #c91844
        }
    .tweet ul{
        list-style: none;
        padding: 0;
    }
    .tweet li{
        margin:46px 0;
        list-style: none;
        }
    .tweet p {
        margin:0
        }
    .two-col-layout.module .event-block {
        margin-bottom:1em
        }
    .tweet-button-padding{
        padding-right: 20px;
    }
/* ==========================================================================
    Footer
   ========================================================================== */
   
   #footer {
        /*background-image:url(/Assets/uploads/NorthArk/import/localhost/img/bg/footer.png);*/
        background-position:top;
        background-repeat:no-repeat;
        background-size:100%;
        }

    #footer{           
        margin-top:100px;
    }

    #footer .logo img{
        max-width: 365px;
        width: 100%;
    }
    .footer-stripe{
        height: 6px;
        background-color: #e0e0e0;
        width: 100%;
        border-top: 1px solid #c3c7c8;
        position: relative;
        z-index: 5;
    }

    .footer-stripe:after, .footer-stripe:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .footer-stripe:after {
        border-color: rgba(195, 199, 200, 0);
        border-bottom-color: #c3c7c8;
        border-width: 20px;
        margin-left: -20px;
        margin-top: -46px;
    }
    .footer-stripe:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: transparent;
        border-width: 36px;
        margin-left: -36px;
    }

    .arrow_box {
          position: absolute;
          background: #c3c7c8;
          border: 6px solid #e0e0e0;
          left: 50%;
          margin-left: -6px;
    }
    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-top: -6px;
    }

    .arrow_box:after {
        border-color: rgba(195, 199, 200, 0);
        border-top-color: #c3c7c8;
        border-width: 20px;
        margin-left: -20px;
    }
    .arrow_box:before {
        border-color: rgba(224, 224, 224, 0);
        border-top-color: #e0e0e0;
        border-width: 28px;
        margin-left: -28px;
    }
 

   #footer .logo {
        float:left;
        margin-right:24%;
        }
   
   
    #footer .location {
        float:left;
        margin-right:4em;

    }
    .table-style{
        display: table;
        vertical-align: middle;
        width: 100%;
    }

    .td-style{
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    #footer .td-style {
        padding:30px 0
        }
    #footer .td-style:first-child{
        width: 55%;
    }
    #footer .footer-left,
    #footer .footer-right {
        margin:20px 0 0 0;
        width:auto
        }

    #footer .location {
        margin-right: 70px;
        }
    #footer .location a {
        display:block;
        margin-bottom:3px;
        font-weight:700
        }
    #footer .location a:first-child:hover {
        color: #c91844;
        text-decoration: underline;
        }
    #footer .location a.phone {
        color:black;
        font-weight:normal
        }               
    #footer .location a.phone:hover {
        text-decoration: underline;
    }
    .social-nav ul {
        padding:0;
        float: right;
        overflow: visible;
        }
    .social-nav li {
        display:inline-block;
        margin: 0 5px;
        width: 50px;
        float: left;
        position: relative;
        

        }
    .social-nav li a{
        position: relative;
        display: block;

        }
    .social-nav li a:after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: transparent;
        cursor: pointer;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s
    }
    .social-nav li a:hover:after{
        background-color: rgba(0,0,0,.2);
    }
    .social-nav li a{
        cursor: pointer;
    }
    
    .social-nav li:last-child{
        margin-right: 0;
    }
    .footer-bottom {
        background:black;
        color:white;
        font-size:14px;
        overflow:visible;
        padding:25px 0
        }
    .footer-bottom a {
        color:white
        }
    .copyright {
        float:left;
        }
    .footer-bottom .nav {
        float:right;
        }
    .footer-bottom .nav ul {
        padding:0
        }
    .footer-bottom .nav li {
        display:inline-block;
        margin-left:20px
        }
    .footer-bottom .nav li a {
        text-decoration:none;
        font-weight:700
        }
    .footer-bottom .nav li a:hover {
        text-decoration: underline;
    }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
          content: "\f101";
  font-family: FontAwesome;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    span.h2,
    h3,
    span.h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    span.h2,
    h3,
    span.h3 {
        page-break-after: avoid;
    }
}


/*  Begin Percussion CSS Edits
    Author: Piotr Buktiewicz;
    
Remove:
#header {
    width:100%;
    }
.landing #header {
    border-bottom:7px solid #c3c7c8
    }
    
Add:            */
/*#header {
    width:100%;
    border-bottom:7px solid #c3c7c8
    }*/

.perc-breadcrumb {
    width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

#popupEvent iframe {
    border: none;
}

.perc-blog-byline, .perc-blog-list-byline-container {
    font-weight: bold;
    font-family: 'Arial';
    margin-top: 5px;
  }
  .perc-blog-date, .perc-blog-list-date-container {
    float: left !important;
    clear: left;
    font-family: 'Arial';
    line-height: 1.5;
    margin-top: 5px;
    color: black;
}
.perc-blog-post p, .perc-blog-post .rxbodyfield {
    font-family: 'Arial';
    font-size: 20px;
    color: black;
}
.perc-blog-list h2 a, .perc-blog-list span.h2 a {
    font-weight: normal;
    font-size: 
}
.perc-rss-icon {
    float: left !important;
    margin-left: 20px;
}

.naFourBoxImageSlider {
  clear: both;
}
div#home-buttons {
  clear: both;
}
#home-buttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#home-buttons ul li {
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  width: 50%;
}
#latest-news {
  padding-right: 65px;
  margin: 0 0 5px 0;
}
#upcoming-events {
  padding-left: 65px;
  margin: 0 0 5px 0;
}
/*.directors img {
  max-width: 158px;
}*/

.naUpcomingEventsAutolist span.h3 {
    margin-top: 42px;
}
.span_2_of_3 .diamond-quote-wrapper {
right: 0;
}


/*  End of Percussion CSS Edits  */