/* Mercer University */

@import url('//fonts.googleapis.com/css?family=Kameron:700');

/* General Font and Link Styles
***********************************************************************{{{*** */

* {
    margin: 0;   /* Removes browser default margin */
    padding: 0;  /* and padding                    */
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body, html {
    /* Encoded image is fffff 960x96 */
    background: #F4EEE5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAABgAQMAAADo7ImrAAAAA1BMVEX///+nxBvIAAAAIUlEQVR4Xu3AAQkAAADCMPunFp5jWwAAAAAAAAAAAAAAOC1gAAHYaqn3AAAAAElFTkSuQmCC) 50% 0 repeat-y;
    height: 100%;  /* For sticky footer */
}

body {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin: 0px;
    min-height: 100%;
}

body.commonspotRTE {
    background: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px;
}

a.ADFLightbox { cursor: pointer; }
a img { border: none; }

/*
 * Do not change the following h1 font properties
 * The values here are tightly coupled with the @font-face rule above
 */
h1 { font-family: Kameron, Rockwell, Palantino, Georgia, serif; font-weight: 700; }

h2, h3, h4, h5, h6 { font-weight: bold; }
h1     { color: #CB5307; font-size: 26px; font-size: 2.6rem; line-height: 28px; line-height: 2.8rem; padding:  0   0  5px 0; }
h2     { color: #CB5307; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; padding: 10px 0  5px 0; }
h3     { color: #c75335; font-size: 15px; font-size: 1.5rem; line-height: 17px; line-height: 1.7rem; padding: 15px 0 10px 0; }
h4     { color: #002740; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; padding: 15px 0 10px 0; }
h5, h6 { color: #55657d; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; padding: 10px 0 10px 0; }

b, strong     {                     font-weight: bold; text-decoration: none; }
em, i         { font-style: italic;                    text-decoration: none; }
abbr, acronym { font-style: normal;                    text-decoration: none; }

blockquote {
    margin: 1em 40px;
}

object, embed { outline: none; }

p {
    margin: 0 0 10px 0;
}

ul {
    list-style: square outside none;
}

ol li {
    color : #585b5f;
    margin: 0 0 0 20px;
    padding: 0 0 5px 0;
}

ul li {
    color: #585b5f;
    margin: 0 0 0 15px;
    padding: 0 0 5px 0;
}

ul.link-list li {
    zoom: 1;
}

.all-content {
    display: table;
    height: 100%;
    width: 100%;
}

/* Image Replaced */
.ir {
    -moz-appearance: none;
    border: none;
    color: transparent;
    font: 0/0 a;
    padding: 0;
    text-shadow: none;
}

.keep-uppercase { text-transform: uppercase !important; }
.keep-lowercase { text-transform: lowercase !important; }

/* General Font and Link Styles ***************************************}}}*** */

/* DataSheets
***********************************************************************{{{*** */

table.CS_DataSheet_Table {
    border-collapse: collapse;
    color: #333;
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
}

table.CS_DataSheet_Table tr.CS_DataSheet_Header_Row td,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row td,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row_Alternate td {
    border: 1px solid #aaa;
    padding: 0 2px;
    vertical-align: top;
}

table.CS_DataSheet_Table tr.CS_DataSheet_Header_Row {
    background: #284B6C;
}

table.CS_DataSheet_Table tr.CS_DataSheet_Header_Row td,
table.CS_DataSheet_Table tr.CS_DataSheet_Header_Row td a {
    color: #fff !important;
    font-weight: bold !important;
}

table.CS_DataSheet_Table tr.CS_DataSheet_Summary_Row td {
    color: #000;
    font-weight: bold;
    text-align: right;
}

table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row                 { background: #fff;    }
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row_Alternate       { background: #e5ebf1; }
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row:hover,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row_Alternate:hover { background: #ffeeaa; }

table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row a:link,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row_Alternate a:link,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row a:visited,
table.CS_DataSheet_Table tr.CS_DataSheet_Data_Row_Alternate a:visited {
    color: #21a !important;
}

/* For the table-within-a-table that holds icons in the Profiles application */
table.CS_DataSheet_Table table,
table.CS_DataSheet_Table table tr,
table.CS_DataSheet_Table table td,
table.CS_DataSheet_Table table a {
    border-collapse: collapse !important;
    color: #000 !important;
    background: none !important;
    border: none !important;
}

table.CS_DataSheet_Table .ds-icons {
    margin: 0 2px !important;
    padding: 0 !important;
    width: 30px !important;
}
table.CS_DataSheet_Table tr.event-approved {
    font-weight: bold;
}

div.CS_Textblock_Text table {
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

div.CS_Textblock_Text table td,
div.CS_Textblock_Text table th {
    padding: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.CS_Textblock_Text .no-borders {
    border: none !important;
}

/* For back compat */
div.CS_Textblock_Text table.no-borders td,
div.CS_Textblock_Text table.no-borders th,
div.CS_Textblock_Text table.no-borders tr {
    border: none !important;
}

table.CS_DataSheet_Table ul li {
    color: #333;
}

div.CS_Textblock_Text table.sliced-image,
div.CS_Textblock_Text table.sliced-image tbody,
div.CS_Textblock_Text table.sliced-image td,
div.CS_Textblock_Text table.sliced-image tr,
div.CS_Textblock_Text table.sliced-image a,
div.CS_Textblock_Text table.sliced-image img {
    border: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}

div.CS_Textblock_Text table.sliced-image {
    border-collapse: collapse;
}

div.CS_Textblock_Text table.sliced-image a,
div.CS_Textblock_Text table.sliced-image img {
    display: block;
}

/* DataSheets *********************************************************}}}*** */

/* University Header
***********************************************************************{{{*** */

/*
 * Options
 *    1. Default
 *    2. White
 *    3. Orange
 *    4. Black
 * Options
 *     1. With Top-Tier Navbar
 *     2. Without Top-Tier Navbar
 */

div.mu-header,
div.mu-header.default { background: #cb5307; }
div.mu-header.white   { background: #fff;    }
div.mu-header.orange  { background: #cb5307; }
div.mu-header.black   { background: #000;    }

div.mu-header a:link,
div.mu-header a:visited,
div.mu-header a:hover,
div.mu-header a:active,
div.mu-header span {
    color: #fff;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    text-decoration: none;
}

div.mu-header.white   a:link,
div.mu-header.white   a:visited,
div.mu-header.white   a:hover,
div.mu-header.white   a:active,
div.mu-header.white   span      { color: #CB5307; }

div.mu-branding {
    margin: 0 auto;
    position: relative;
    width: 940px;
}

div.mu-header         div.mu-branding,
div.mu-header.default div.mu-branding {
    height: 110px;
}

div.mu-header.simple div.mu-branding {
    height: 70px;
}

div.mu-branding * {
    position: absolute;
}

div.mu-header a.mu-logo,
div.mu-header a.mu-campus-links {
    left: 20px;
}

/* Undoing the default styling of an H1 */
.mu-logo-heading {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

div.mu-header a.mu-logo {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

div.mu-header         a.mu-logo,
div.mu-header.default a.mu-logo,
div.mu-header         a.mu-campus-links,
div.mu-header.default a.mu-campus-links {
    width: 297px;
}

div.mu-header         a.mu-logo,
div.mu-header.default a.mu-logo {
    height: 60px;
    top: 15px;
}

div.mu-header.simple a.mu-logo {
    height: 50px;
    width: 238px;
    top: 10px;
}

div.mu-header               a.mu-logo,
div.mu-header.default       a.mu-logo { background: url("/templates/images/mu-header/mercer-wordmark-ffffff-297x60.png") no-repeat; }
div.mu-header.simple.black  a.mu-logo,
div.mu-header.simple.orange a.mu-logo { background: url("/templates/images/mu-header/mercer-wordmark-ffffff-238x50.png") no-repeat; }
div.mu-header.simple.white  a.mu-logo { background: url("/templates/images/mu-header/mercer-wordmark-e45c06-238x50.png") no-repeat; }

div.mu-header         a.mu-campus-links,
div.mu-header.default a.mu-campus-links {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 2px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    top: 85px;
    width: 297px;
}

div.mu-header.simple a.mu-campus-links {
    display: none;
}

div.mu-header input.mu-search-field,
div.mu-header a.mu-atoz,
div.mu-header a.mu-employment          { left: 735px; }
div.mu-header span.mu-link-divider-1,
div.mu-header span.mu-link-divider-2   { left: 810px; }
div.mu-header a.mu-directory,
div.mu-header a.mu-maps-and-directions { left: 820px; }
div.mu-header input.mu-search-button   { left: 890px; }

div.mu-header input.mu-search-field,
div.mu-header input.mu-search-button   { top: 25px; }
div.mu-header a.mu-atoz,
div.mu-header span.mu-link-divider-1,
div.mu-header a.mu-directory           { top: 50px; }
div.mu-header a.mu-employment,
div.mu-header span.mu-link-divider-2,
div.mu-header a.mu-maps-and-directions { top: 65px; }

div.mu-header.simple input.mu-search-field    { top: 10px; }
div.mu-header.simple a.mu-atoz,
div.mu-header.simple span.mu-link-divider-1,
div.mu-header.simple a.mu-directory           { top: 35px; }
div.mu-header.simple a.mu-employment,
div.mu-header.simple span.mu-link-divider-2,
div.mu-header.simple a.mu-maps-and-directions { top: 50px; }

div.mu-header input.mu-search-field {
    height: 15px;
    line-height: 15px;
    line-height: 1.5rem;
    width: 150px;
}

div.mu-header.simple input.mu-search-field {
    top: 10px;
    width: 185px;
}

div.mu-header.simple input.mu-search-button {
    display: none;
}

div.mu-header div.mu-top-tier-nav-wrapper {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #000;
}

div.mu-header.hide-top-tier-nav div.mu-top-tier-nav-wrapper {
    display: none;
}

div.mu-header ul.mu-top-tier-nav {
    display: block;
    height: 25px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

div.mu-header ul.mu-top-tier-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

/* Locations of the tabs */
div.mu-header ul.mu-top-tier-nav li.mu-academics  { left:   0;   width: 185px; }
div.mu-header ul.mu-top-tier-nav li.mu-admissions { left: 185px; width: 109px; }
div.mu-header ul.mu-top-tier-nav li.mu-campus     { left: 294px; width: 117px; }
div.mu-header ul.mu-top-tier-nav li.mu-about      { left: 410px; width: 124px; }
div.mu-header ul.mu-top-tier-nav li.mu-alumni     { left: 533px; width:  76px; }
div.mu-header ul.mu-top-tier-nav li.mu-athletics  { left: 609px; width:  90px; }
div.mu-header ul.mu-top-tier-nav li.mu-gifts      { left: 699px; width: 133px; }
div.mu-header ul.mu-top-tier-nav li.mu-home       { left: 832px; width: 128px; }

div.mu-header ul.mu-top-tier-nav a {
    background-image: url("/templates/images/mu-header/top-tier-nav.png");
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    list-style-type: none;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
}

/* Normal (black) tabs */
div.mu-header ul.mu-top-tier-nav li.mu-academics  a { background-position:    0   0; }
div.mu-header ul.mu-top-tier-nav li.mu-admissions a { background-position: -185px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-campus     a { background-position: -294px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-about      a { background-position: -410px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-alumni     a { background-position: -533px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-athletics  a { background-position: -609px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-gifts      a { background-position: -699px 0; }
div.mu-header ul.mu-top-tier-nav li.mu-home       a { background-position: -832px 0; }

/* Roll-over (dark grey) tabs */
div.mu-header ul.mu-top-tier-nav li.mu-academics  a:hover { background-position:    0   -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-admissions a:hover { background-position: -185px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-campus     a:hover { background-position: -294px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-about      a:hover { background-position: -410px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-alumni     a:hover { background-position: -533px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-athletics  a:hover { background-position: -609px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-gifts      a:hover { background-position: -699px -25px; }
div.mu-header ul.mu-top-tier-nav li.mu-home       a:hover { background-position: -832px -25px; }

/* Current (white) tabs */
div.mu-header.mu-academics ul.mu-top-tier-nav li.mu-academics  a { background-position:    0   -50px; }
div.mu-header.mu-admission ul.mu-top-tier-nav li.mu-admissions a { background-position: -185px -50px; }
div.mu-header.mu-campus    ul.mu-top-tier-nav li.mu-campus     a { background-position: -294px -50px; }
div.mu-header.mu-about     ul.mu-top-tier-nav li.mu-about      a { background-position: -410px -50px; }
div.mu-header.mu-alumni    ul.mu-top-tier-nav li.mu-alumni     a { background-position: -533px -50px; }
div.mu-header.mu-athletics ul.mu-top-tier-nav li.mu-athletics  a { background-position: -609px -50px; }
div.mu-header.mu-giving    ul.mu-top-tier-nav li.mu-gifts      a { background-position: -699px -50px; }
div.mu-header.mu-home      ul.mu-top-tier-nav li.mu-home       a { background-position: -832px -50px; }

div.mu-header-print, div.mu-footer-print { display: none; }

/* University Header **************************************************** }}} */

/* ==========================================================================
   Mercer University Header 2
   ========================================================================== */

.mu2-header {
    background: #cb5307;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: both;
    font-size: 11px;
    font-size: 1.1rem;
}

.mu2-header--black {
    background: #000;
}

.mu2-header * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.mu2-header a,
.mu2-header a:visited {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.mu2-header a:active,
.mu2-header a:focus,
.mu2-header a:hover {
    text-decoration: underline;
}

.mu2-header__inside {
    margin: 0 auto;
    padding: 20px 0;
    padding: 2rem 0;
    width: 960px;
}

.mu2-header__inside:before,
.mu2-header__inside:after {
    display: table;
    content: " ";
}

.mu2-header__inside:after {
    clear: both;
}

.mu2-header--simple .mu2-header__inside {
    padding: 10px 0px;
    padding: 1rem 0rem;
}

.mu2-header__search {
    background: #fff;
    border: 1px solid #888;
    clear: both;
    display: block;
    float: right;
    margin: 0 0 5px;
    margin: 0 0 0.5rem;
    width: auto;
}

.mu2-header__search__field {
    background: #fff;
    border: none;
    display: block;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    height: 15px;
    height: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    min-height: 24px;
    padding: 0 0 5px;
    padding:  0 0.5rem;
    width: 200px;
    width: 20rem;
}

.mu2-header__search__submit {
    background: #fff url(/templates/assets/images/mu2/searchglass.png) 50% 50% no-repeat;
    border: none;
    display: block;
    float: left;
    height: 24px;
    padding: 0;
    width: 24px;
}

.mu2-header__wordmark,
.mu2-header__stuff {
    width: 50%;
    float: left;
}

.mu2-header__stuff {
    text-align: right;
}

.mu2-header__links {
    clear: both;
    float: right;
    line-height: 14px;
    line-height: 1.4rem;
}

.mu2-header__divider {
    color: #fff;
    margin: 3px;
    margin: 0.3rem;
}

div.mu2-header-print { display: none; }

/* ==========================================================================
   University Nav 2
   ========================================================================== */
.mu2-nav {
    background: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-transform: uppercase;
}

.mu2-header--simple + .mu2-nav {
    display: none;
}

.mu2-nav * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.mu2-nav__inside {
    margin: 0 auto;
    width: 960px;
}

.mu2-nav__inside:before,
.mu2-nav__inside:after {
    display: table;
    content: " ";
}

.mu2-nav__inside:after {
    clear: both;
}

.mu2-nav a,
.mu2-nav a:visited {
    color: #fff;
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 5px 0;
    padding: 0.5rem 0;
    text-align: center;
    text-decoration: none;
}

.mu2-nav a:hover,
.mu2-nav a:active,
.mu2-nav a.current {
    color: #a6a6a6;
    text-decoration: none;
}

.mu2-nav .academics   { width: 14%; }
.mu2-nav .admissions  { width: 14%; }
.mu2-nav .campus-life { width: 14%; }
.mu2-nav .about       { width: 15%; }
.mu2-nav .alumni      { width: 12%; }
.mu2-nav .athletics   { width: 14%; }
.mu2-nav .gifts       { width: 17%; }

/* Subsite Branding
***********************************************************************{{{*** */

#subsite_branding {
    border-top: 10px solid #F4EEE5;
    border-top: 1rem solid #F4EEE5;
    margin: 0 auto;
    width: 960px;
}

#subsite_branding h2 {
    background-repeat: no-repeat;
    margin: 0 auto;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}

#subsite_branding h2.ccps          { background-image: url("/templates/images/subsite_branding/ssbe-banner960.png");          height: 115px; width: 960px; }
#subsite_branding h2.chl           { background-image: url("/templates/images/subsite_branding/chl-banner920.png");           height: 230px; width: 920px; }
#subsite_branding h2.ctpl          { background-image: url("/templates/images/subsite_branding/ctpl-banner960.png");          height:  90px; width: 960px; }
#subsite_branding h2.education     { background-image: url("/templates/images/subsite_branding/coe-banner960.png");           height:  90px; width: 960px; }
#subsite_branding h2.leap          { background-image: url("/templates/images/subsite_branding/leap-banner960.png");          height: 170px; width: 960px; }
#subsite_branding h2.summer        { background-image: url("/templates/images/subsite_branding/summer-banner920.jpg");        height: 183px; width: 920px; }
#subsite_branding h2.workingadults { background-image: url("/templates/images/subsite_branding/workingadults-banner960.png"); height:  117px; width: 960px; }

/* Subsite Branding ***************************************************}}}*** */

/* Layout
***********************************************************************{{{*** */
#container {
    margin: 0 auto;
    overflow: auto;
    padding: 20px 0;
    width: 960px;
}

#content {
    color: #3e454b;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 17px;
    line-height: 1.7rem;
}

#content a:link,  #content a:visited { color: #326da5; text-decoration: none; }
#content a:hover, #content a:active  { color: #0066FF; text-decoration: none; }

#container div.mu-column {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#container div.mu-column-force {
    height: 1px;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
    width: 0;
}

#container.one-column                    #content { width: 940px; }
#container.two-columns                   #content
#container.two-columns-with-c-banner     #content
#container.two-columns-with-lc-banner    #content { width: 700px; }
#container.three-columns                 #content
#container.three-columns-with-lcr-banner #content
#container.three-columns-with-cr-banner  #content { width: 480px; }

#container.one-column #l_container  { display:  none; margin: 0  0   0  0;   }
#container.one-column #content      { width:   920px; margin: 0 20px 0 20px; }
#container.one-column #r_container  { display:  none; margin: 0  0   0  0;   }
#container.one-column #cr_container { width:   960px; margin: 0  0   0  0;   }
#container.one-column #cr_banner    { display:  none; margin: 0  0   0  0;   }
#container.one-column #lcr_banner   { display:  none; margin: 0  0   0  0;   }

#container.two-columns #l_container  { width:   200px; margin: 0  0   0 20px; }
#container.two-columns #content      { width:   700px; margin: 0 20px 0 20px; }
#container.two-columns #r_container  { display:  none; margin: 0  0   0  0;   }
#container.two-columns #cr_container { width:   740px; margin: 0  0   0  0;   }
#container.two-columns #cr_banner    { display:  none; margin: 0  0   0  0;   }
#container.two-columns #lcr_banner   { display:  none; margin: 0  0   0  0;   }

#container.two-columns-with-lc-banner #l_container  { width:   200px; margin: 20px  0   0 20px; }
#container.two-columns-with-lc-banner #content      { width:   700px; margin: 20px 20px 0 20px; }
#container.two-columns-with-lc-banner #r_container  { display:  none; margin:  0    0   0  0;   }
#container.two-columns-with-lc-banner #cr_container { width:   740px; margin:  0    0   0  0;   }
#container.two-columns-with-lc-banner #cr_banner    { display:  none; margin:  0    0   0  0;   }
#container.two-columns-with-lc-banner #lcr_banner   { width:   920px; margin:  0   20px 0 20px; }

#container.two-columns-with-c-banner #l_container  { width:   200px; margin:  0    0   0 20px; }
#container.two-columns-with-c-banner #content      { width:   700px; margin: 20px 20px 0 20px; }
#container.two-columns-with-c-banner #r_container  { display:  none; margin:  0    0   0  0;   }
#container.two-columns-with-c-banner #cr_container { width:   740px; margin:  0    0   0  0;   }
#container.two-columns-with-c-banner #cr_banner    { width:   700px; margin:  0   20px 0 20px; }
#container.two-columns-with-c-banner #lcr_banner   { display:  none; margin:  0    0   0  0;   }

#container.three-columns #l_container  { width:   200px; margin: 0  0   0 20px; }
#container.three-columns #content      { width:   480px; margin: 0  0   0 20px; }
#container.three-columns #r_container  { width:   200px; margin: 0 20px 0 20px; }
#container.three-columns #cr_container { width:   740px; margin: 0  0   0  0;   }
#container.three-columns #cr_banner    { display:  none; margin: 0  0   0  0;   }
#container.three-columns #lcr_banner   { display:  none; margin: 0  0   0  0;   }

#container.three-columns-with-lcr-banner #l_container  { width:   200px; margin: 20px  0   0 20px; }
#container.three-columns-with-lcr-banner #content      { width:   480px; margin: 20px  0   0 20px; }
#container.three-columns-with-lcr-banner #r_container  { width:   200px; margin: 20px 20px 0 20px; }
#container.three-columns-with-lcr-banner #cr_container { width:   740px; margin:  0    0   0  0;   }
#container.three-columns-with-lcr-banner #cr_banner    { display:  none; margin:  0    0   0  0;   }
#container.three-columns-with-lcr-banner #lcr_banner   { width:   920px; margin:  0   20px 0 20px; }

#container.three-columns-with-cr-banner #l_container  { width:   200px; margin:  0    0   0 20px; }
#container.three-columns-with-cr-banner #content      { width:   480px; margin: 20px  0   0 20px; }
#container.three-columns-with-cr-banner #r_container  { width:   200px; margin: 20px 20px 0 20px; }
#container.three-columns-with-cr-banner #cr_container { width:   740px; margin:  0    0   0  0;   }
#container.three-columns-with-cr-banner #cr_banner    { width:   700px; margin:  0   20px 0 20px; }
#container.three-columns-with-cr-banner #lcr_banner   { display:  none; margin:  0    0   0  0;   }
/* Layout *************************************************************}}}*** */

/* Footer
***********************************************************************{{{*** */

#footer_wrapper {
    background: #000;
    display: table-row;
    height: 150px;
    width: 100%;
}

#footer_content {
    background: #000;
    height: 150px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#footer_content a:link,   #footer_content a:visited { color: #fff; display: block; text-decoration: none; }
#footer_content a:active, #footer_content a:hover   { color: #ff9;                                        }

#footer_content div.footer {
    color: #bebeb6;
    font-size: 10px;
    font-size: 1rem;
    height: 125px;
    line-height: 16px;
    line-height: 1.6rem;
    overflow: hidden;
    position: absolute;
    top: 10px;
}

#footer_content div.footer.nth-child-1 { left:  20px; width: 250px; }
#footer_content div.footer.nth-child-2 { left: 270px; width: 160px; }
#footer_content div.footer.nth-child-3 { left: 450px; width: 125px; }
#footer_content div.footer.nth-child-4 { left: 605px; width: 115px; }
#footer_content div.footer.nth-child-5 { left: 740px; width: 180px; }

#footer_content ul {
    list-style: none;
    margin: 0;
}

#footer_content ul li {
    color: #bebeb6;
    margin: 0;
    padding: 0 0 5px;
}

/* Footer *************************************************************}}}*** */

/* ==========================================================================
   Mercer University Footer 2
   ========================================================================== */

.mu2-footer {
    background: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: both;
    color: #bebebe;
    display: table-row;
    font-size: 11px;
    font-size: 1.1rem;
    height: 1px;
}

.mu2-footer * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.mu2-footer h6 {
    color: #bebebe;
    margin: 0 0 3px;
    margin: 0 0 0.3rem;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0px;
    text-transform: uppercase;
}

.mu2-footer a,
.mu2-footer a:visited {
    color: #fff;
    text-decoration: none;
}

.mu2-footer a:active,
.mu2-footer a:focus,
.mu2-footer a:hover {
    text-decoration: underline;
}

.mu2-footer__inside {
    border-top: 10px solid #F4EEE5;  /* Sync with margin */
    border-top: 1rem solid #F4EEE5;  /* Sync with margin */
    margin: -10px auto 0;  /* Sync with border-top */
    margin: -1rem auto 0;  /* Sync with border-top */
    width: 960px;
}

.mu2-footer__inside:before,
.mu2-footer__inside:after {
    display: table;
    content: " ";
}

.mu2-footer__inside:after {
    clear: both;
}

.mu2-footer__locations,
.mu2-footer__other-locations,
.mu2-footer__resources,
.mu2-footer__emergency {
    float: left;
    padding: 10px;
    padding: 1rem;
}

.mu2-footer__locations       { width: 30%; }
.mu2-footer__other-locations { width: 27%; }
.mu2-footer__resources       { width: 27%; }
.mu2-footer__emergency       { width: 16%; }

.mu2-footer__divider {
    color: #fff;
    margin: 0 3px;
}

.mu2-footer__social-media-icons {
    clear: both;
    float: left;
}

.mu2-footer__social-media-icons .facebook,
.mu2-footer__social-media-icons .twitter,
.mu2-footer__social-media-icons .instagram,
.mu2-footer__social-media-icons .linkedin,
.mu2-footer__social-media-icons .google-plus,
.mu2-footer__social-media-icons .youtube {
    float: left;
    margin: 3px 15px 0 0;
    margin: 0.3rem 1.5rem 0 0;
}

/* --- Begin Sprite CSS Generator Code --- */
.mu2-footer__social-media-icons .facebook, .mu2-footer__social-media-icons .twitter, .mu2-footer__social-media-icons .instagram, .mu2-footer__social-media-icons .linkedin, .mu2-footer__social-media-icons .google-plus, .mu2-footer__social-media-icons .youtube { background: url(/templates/assets/images/mu2/footer-social-media-icons.svg); }

.mu2-footer__social-media-icons .facebook, .mu2-footer__social-media-icons .twitter, .mu2-footer__social-media-icons .google-plus, .mu2-footer__social-media-icons .youtube { height: 19px; }

.mu2-footer__social-media-icons .instagram, .mu2-footer__social-media-icons .linkedin { width: 19px; height: 19px; }

.mu2-footer__social-media-icons .facebook { background-position: -17px -10px; width: 9px; }
.mu2-footer__social-media-icons .twitter { background-position: -44px -10px; width: 23px; }
.mu2-footer__social-media-icons .instagram { background-position: -84px -10px; }
.mu2-footer__social-media-icons .linkedin { background-position: -187px -10px; }
.mu2-footer__social-media-icons .google-plus { background-position: -154px -10px; width: 21px; }
.mu2-footer__social-media-icons .youtube { background-position: -119px -10px; width: 20px; }
/* --- End Sprite CSS Generator Code --- */

.mu2-footer__copyright {
    text-align: center;
}

/* Navigation Blocks
***********************************************************************{{{*** */

div.navigation-block {
    border-top-style: solid;
    border-top-width: 3px;
}

#l_container {
    color: #3e454b;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
}

#l_container a:link,  #content a:visited { color: #326da5; text-decoration: none; }
#l_container a:hover, #content a:active  { color: #0066FF; text-decoration: none; }

#l_container div.navigation-block { background-color: #f6e7de; border-top-color: #CB5307; }
#r_container div.navigation-block { background-color: #e5ebf1; border-top-color: #284b6c; }

#l_container div.navigation-block h3,
#l_container div.navigation-block h4 { color: #CB5307; }
#r_container div.navigation-block h4 { color: #284b6c; }

div.navigation-block {
    border-bottom: 2px solid #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    margin: 0 0 10px 0;
    padding-top: 10px;
}

div.navigation-block.last-child {
    border-bottom: none;
}

div.navigation-block a:link,
div.navigation-block a:visited {
    color: #326da5;
    display: block;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 5px 0px;
    margin: 0px;
}

div.navigation-block h1 a:link,
div.navigation-block h1 a:visited,
div.navigation-block h2 a:link,
div.navigation-block h2 a:visited,
div.navigation-block h3 a:link,
div.navigation-block h3 a:visited,
div.navigation-block h4 a:link,
div.navigation-block h4 a:visited,
div.navigation-block h5 a:link,
div.navigation-block h5 a:visited,
div.navigation-block h6 a:link,
div.navigation-block h6 a:visited {
    margin: 0px;
    padding: 0px;
}

div.navigation-block a:hover { color: #06f; }
div.navigation-block a.current,
div.navigation-block a.current:hover {
    color: #CB5307;
}

#l_container div.navigation-block a:link.status-inactive,
#l_container div.navigation-block a:visited.status-inactive {
    color: #aaa;
}

div.navigation-block h2,
div.navigation-block h3,
div.navigation-block h4,
div.navigation-block h5,
div.navigation-block h6 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    margin: 0px 5px;
    padding: 0px 5px;
}

div.navigation-block h3 {
    border-bottom: 2px solid #fff;
    margin: 0 10px 5px 10px;
    padding: 0px 0px 10px 0px;
}

div.navigation-block h4 {
    margin: 0 10px 5px 10px;
    padding: 0 10px 0 0;
}

div.navigation-block li h1,
div.navigation-block li h2,
div.navigation-block li h3,
div.navigation-block li h4,
div.navigation-block li h5,
div.navigation-block li h6 {
    font-size: 11px;
    font-size: 1.1rem;
    margin: 5px 0px;
    padding: 0;
}

div.navigation-block ul {
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.navigation-block > div > ul:last-of-type {
    margin-bottom: 5px;
}

div.navigation-block li {
    margin: 0;
    padding: 0 10px;
}

div.navigation-block ul ul {
    font-weight: normal;
}

div.navigation-block li li {
    padding: 0 0 0 10px;
}

div.navigation-block li li a {
    color: #326da5;
}

div.navigation-block hr {
    border: none;
    border-top: 2px solid #fff;
    margin: 5px 0px;
    width: 180px;
}

div.navigation-block p {
    color: #000;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    line-height: 13px;
    line-height: 1.3rem;
    margin: 5px 5px 0 0;
    padding: 5px 5px 0 10px;
    text-decoration: none;
}

div.navigation-block .CS_Textblock_Text a:link,
div.navigation-block .CS_Textblock_Text a:visited {
    display: inline;
}

/* Navigation Blocks **************************************************}}}*** */

/* Columns
***********************************************************************{{{*** */

div.columns-wrapper { width: 100%; }

/* There is a 2% width gutter between each column */
div.columns-wrapper div.column             { float: left; margin-left: 1%; margin-right: 1%; zoom: 1; }
div.columns-wrapper div.column.first-child {              margin-left: 0%;                            }
div.columns-wrapper div.column.last-child  {                               margin-right: 0%;          }

/* Columns that cannot be of equal widths have extra-wide columns distributed evenly */
div.columns-wrapper.column-count-2 div.column             { width: 49%; }
div.columns-wrapper.column-count-3 div.column             { width: 32%; }
div.columns-wrapper.column-count-4 div.column             { width: 24%; }
div.columns-wrapper.column-count-4 div.column.nth-child-2,
div.columns-wrapper.column-count-4 div.column.nth-child-3 { width: 23%; }
div.columns-wrapper.column-count-5 div.column             { width: 18%; }
div.columns-wrapper.column-count-5 div.column.nth-child-2,
div.columns-wrapper.column-count-5 div.column.nth-child-4 { width: 19%; }

/* Top half of page for the University Homepage */

#content div.audience-nav-and-billboard {
    height: 386px;
    position: relative;
    width: 920px;
}

#content div.audience-nav-and-billboard div.column {
    margin: 0;
}

#content div.audience-nav-and-billboard div.column.nth-child-1 {
    background-color: #CB5307;
    height: 386px;
    position: absolute;
    width: 231px;
}

#content div.audience-nav-and-billboard div.column.nth-child-1 ul {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 110%;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 150%;
    line-height: 1.5rem;
    list-style: none;
    margin: 20px 0 0 20px;
    padding: 0;
    width: 180px;
}

#content div.audience-nav-and-billboard div.column.nth-child-1 ul li {
    border-top: 1px solid #fff;
    margin: 0;
    padding: 0;
    zoom: 1;
}

#content div.audience-nav-and-billboard div.column.nth-child-1 a:link,
#content div.audience-nav-and-billboard div.column.nth-child-1 a:visited {
    color: #fff;
    display: block;
    padding: 5px;
    text-decoration: none;
}
#content div.audience-nav-and-billboard div.column.nth-child-1 a:hover,
#content div.audience-nav-and-billboard div.column.nth-child-1 a:active {
    background-color: #e98342;
}

#content div.audience-nav-and-billboard div.column.nth-child-2 {
    height: 383px;
    position: absolute;
    left: 233px;
    top: 0;
    width: 687px;
}

/* Columns ************************************************************}}}*** */

/* Billboard
***********************************************************************{{{*** */

div.billboard {
    height: 380px;
    list-style: none;
    position: relative;
    width: 687px;
}

div.billboard ul.large_images,
div.billboard ul.thumbnails {
    list-style: none;
}

div.billboard ul.large_images li,
div.billboard ul.thumbnails li {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

div.billboard ul.large_images li {
    height: 386px;
    left: 0;
    top: 0;
    width: 590px;
}

div.billboard ul.thumbnails li {
    height: 95px;
    left: 592px;
    width: 95px;
    z-index: 200;
}

div.billboard ul.thumbnails li.nth-child-1 { top:   0;   }
div.billboard ul.thumbnails li.nth-child-2 { top:  97px; }
div.billboard ul.thumbnails li.nth-child-3 { top: 194px; }
div.billboard ul.thumbnails li.nth-child-4 { top: 291px; }

div.billboard ul.thumbnails div.dimmer {
   background-color: #000;
   height: 95px;
   position: absolute;
   width: 95px;
}

div.billboard div.caption {
    color: white;
    font-size: 250%;
    font-size: 2.5rem;
    font-weight: 700;
    position: absolute;
}

div.billboard div.caption * {
    margin: 0;
    padding: 0;
}

div.billboard div.caption strong {
    color: #CB5307;
}

div.billboard div.caption.northwest {                              left: 10px;              text-align:   left; top:  10px; vertical-align: top;                  }
div.billboard div.caption.north     {                              left: 10px;              text-align: center; top:  10px; vertical-align: top;    width: 570px; }
div.billboard div.caption.northeast {                                          right: 10px; text-align:  right; top:  10px; vertical-align: top;                  }
div.billboard div.caption.west      {               height: 366px; left: 10px;              text-align:   left; top: 183px; vertical-align: middle;               }
div.billboard div.caption.middle    {               height: 366px; left: 10px;              text-align: center; top: 183px; vertical-align: middle; width: 570px; }
div.billboard div.caption.east      {               height: 366px;             right: 10px; text-align:  right; top: 183px; vertical-align: middle;               }
div.billboard div.caption.southwest { bottom: 10px;                left: 10px;              text-align:   left;             vertical-align: bottom;               }
div.billboard div.caption.south     { bottom: 10px;                left: 10px;              text-align: center;             vertical-align: bottom; width: 570px; }
div.billboard div.caption.southeast { bottom: 10px;                left: 10px; right: 10px; text-align:  right;             vertical-align: bottom;               }

/* Billboard **********************************************************}}}*** */

/* Mercer Homepage
***********************************************************************{{{*** */

div.homepage-columns {
    margin-top: 20px;
}

div.homepage-columns div.column div.CS_Element_Schedule{
    border-left: #e5ebf1 solid 1px;
    padding: 5px;
}

div.homepage-columns div.column h4 {
    background-color: #284b6c;
    color: #fff;
    font-size: 100%;
    font-size: 1rem;
    font-weight: bold;
    height: 20px;
    letter-spacing:1px;
    line-height: 130%;
    margin: 0;
    padding: 5px 0 5px 10px;
}

div.homepage-columns div.column a:link,
div.homepage-columns div.column a:visited {
    color: #326da5;
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
div.homepage-columns div.column a:hover,
div.homepage-columns div.column {
    color: #06f;
}

div.homepage-columns div.column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.homepage-columns div.column hr {
    border: none;
    border-top: 1px solid #e5ebf1;
}

div.homepage-columns div.column ul li {
    color: #CB5307;
    font-size: 90%;
    font-size: 1rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 125%;
    line-height: 1.25rem;
    margin: 0 5px 10px 0;
    padding: 0;
}

div.homepage-columns div.column ul li.first-child { margin-top:    0; }
div.homepage-columns div.column ul li.last-child  { margin-bottom: 0; }

/* Column 2: News */

div.homepage-columns div.column.nth-child-2 {
    position: relative;
}

div.homepage-columns div.column.nth-child-2 ul.alerts li {
    background-color: #fcc;
    border: 1px solid #f00;
    margin: 0 0 5px 5px;
    padding: 0;
}

div.homepage-columns div.column.nth-child-2 ul.alerts li.first-child {
    margin-top: 5px;
}

div.homepage-columns div.column.nth-child-2 ul.alerts li a {
    padding: 5px;
}

div.homepage-columns div.column.nth-child-2 a.rss {
    background: url(/templates/images/rss_grey_and_orange.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 20px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: 5px;
    width: 20px;
}
div.homepage-columns div.column.nth-child-2 a.rss:hover { background-position: 0 -20px; }

div.homepage-columns div.column.nth-child-2 a.more-news {
    font-weight: bold;
    text-align: right;
}

/* Column 3: Events */
div.homepage-columns div.column.nth-child-3 span.day {
    font-weight: bold;
}

div.homepage-columns div.column.nth-child-3 ul ul {
    margin-left: 10px;
}

div.homepage-columns div.column.nth-child-3 span.times {
    display: block;
    color: #888;
    text-align: right;
}

/* Column 4: College and Schools */

div.homepage-columns div.column.nth-child-4 a {
    font-weight: bold;
}

/* Mercer Homepage ****************************************************}}}*** */

/* Promotions
***********************************************************************{{{*** */

ul.promotions {
    margin: 0;
    padding: 0;
}

ul.promotions li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Promotions *********************************************************}}}*** */

/* Miscellaneous
***********************************************************************{{{*** */

div.did-you-know {
    background: #f6e7de url(/templates/images/did-you-know.jpg) no-repeat;
    color: #2d343a; /* originally 3e454b */
    font-family: Times, Times New Roman, serif;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    margin: 0;
    padding: 74px 10px 10px;
    width: 180px;
}

/* Special class used on the History page */

.years {
    font-family: Times, Times New Roman, serif;
    color: #CB5307;
    font-size: 110%;
    font-size: 1.1rem;
    line-height: 130%;
    line-height: 1.3rem;
    font-weight : bold;
}

.pullquote-right {
    color: #002740;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-size: 1rem;
    font-weight: bold;
    line-height: 175%;
    line-height: 1.75rem;
    margin: 10px 0 10px 15px;
    padding: 5px;
    width: 150px;
}

.pullquote-left  {
    color: #002740;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-size: 1rem;
    font-weight: bold;
    line-height: 160%;
    line-height: 1.6rem;
    margin: 10px 0 10px 15px;
    padding: 5px;
    width: 150px;
}

.single-caption p {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 14px;
    line-height: 1.4rem;
    margin: 2px 0px 5px 0px;
    text-align: left;
}

.single-caption a,
.single-caption a:visited {
    color: #326da5;
    text-decoration: none;
}

.single-caption a:hover  { color: #0066FF; }
.single-caption a:active { color: #0033cc; }

/* These must be equally applicable to an img or div tag, for captions */
.photo-left          { margin: 5px 10px 5px  5px; float: left;  }
.photo-left-caption  { margin: 5px 10px 5px  5px; float: left;  }
.photo-right         { margin: 5px  5px 5px 10px; float: right; }
.photo-right-caption { margin: 5px  5px 5px 10px; float: right; }

div.img-caption-wrapper div.caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    line-height : 14px;
    line-height: 1.4rem;
    font-weight : normal;
    margin: 2px 0px 5px 0px;
    color: #666;
    text-align: left;
}

.photo p {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: left;
    color: #666;
}

.bartype,
div.campus-life-campus-links h4 {
    background-color: #CB5307;
    color: #fff;
    padding: 5px;
    font-size: 95%;
    font-size: 1rem;
    letter-spacing: 2px;
    letter-spacing: 0.2rem;
    text-align: center;
    line-height: 160%;
    line-height: 1.6rem;
}

#l_container ul.promotions,
#r_container ul.promotions {
    list-style: none;
    margin: 10px 0 10px 0;
}

#l_container ul.promotions li,
#r_container ul.promotions li {
    margin: 5px auto 5px auto;
    padding: 0;
}

.top {
    text-align: center;
}

.share  { margin:   0  0  0   550px; } /* share button positioning two column */
.share3 { margin: 20px 0 20px  20px; } /* share button positioning three column */

.rule-special-blue {
    border-bottom: 1px #e5ebf1 solid;
    width:95%;
    margin: 0 0 20px 5px;
    padding: 0;
}

/* Photo teasers on the Homepage */

.teaser {
    margin: 0 0 5px 0;
}

/* Special class on the A to Z page */

.alha_bigletter {
    color: #CB5307 ;
    font-size: 130%;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 140%;
    line-height: 1.4rem;
}

/* black Intro Text */

.introtext {
    font-size: 110%;
    font-size: 1.1rem;
    line-height: 130%;
    line-height: 1.3rem;
    color: #000;
    padding: 0px;
    margin: 0px;
}

.introtext p {
    margin: 0px 0px 10px 0px;
}

.introtext a:link {
    color: #326da5;
    text-decoration: none;
}
.introtext a:visited { color : #326da5; }
.introtext a:hover { color: #0066FF; }
.introtext a:active { color: #0033cc; }

.video-center{
    margin: 10px 10px 10px 0px;
}

.box {
    padding: 10px 10px 10px 10px;
    margin:20px;
    width: 450px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    font-size: 0.85rem;
    line-height: 155%;
    line-height: 1.55rem;
    font-weight : normal;
    color: #002740;
    border: 1px solid #CB5307;
    background-color: #FFF8D4;
    float:right;
}

.box h4 {
    font-size: 120%;
    font-size: 1.2rem;
    line-height: 150%;
    line-height: 1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #CB5307;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}


/* Miscellaneous ******************************************************}}}*** */

/* Authoring/Read-Only Helper
***********************************************************************{{{*** */
#authoring_reminder_wrapper {
    background: #e43c69 url(/templates/images/authoring_reminder_background.png) repeat-x;
    border-bottom: 1px solid #fff;
    height: 50px;
}
#authoring_reminder {
    background: url(/templates/images/alert-stop.png) no-repeat 0 1px;
    color: #fff;
    font-size: 18px;
    height: 50px;
    line-height: 25px;
    margin: 0 auto;
    padding: 0 0 0 60px;
    text-shadow: 1px 1px 1px #000;
    width: 900px;
}
#authoring_reminder a:link,
#authoring_reminder a:visited,
#authoring_reminder a:hover {
    color: #ff0;
}
/* Authoring/Read-Only Helper *****************************************}}}*** */

/* Login Helper Bar
***********************************************************************{{{*** */
#login_helper_wrapper {
    background: #27b781 url(/templates/images/login_helper_background.png) repeat-x;
    border-bottom: 1px solid #fff;
    height: 30px;
}
#login_helper {
    background: url(/templates/images/kgpg_key1_kopete.png) no-repeat 0 1px;
    color: #fff;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 60px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #555;
    width: 900px;
}
/* Login Helper Bar ***************************************************}}}*** */

/* Simple Forms
 **********************************************************************{{{*** */
.CS_Form_Form table table {
    border-collapse: collapse;
    border: none;
}

.CS_Form_Form table table td {
    padding-bottom: 1rem;
}

.CS_Form_Form table table td td {
    padding-bottom: 0.5rem;
}

.CS_Form_Form table table tr:last-of-type > td {
    padding-bottom: 0rem;
}

.CS_Form_Form .cs_dlgLabelBold {
    font-weight: bold;
}

.CS_Form_Form label.multicheckbox {
    margin-left: 0.5rem;
}

.CS_Form_Form td.CS_Form_Baseline,
.CS_Form_Form td.CS_Form_Required {
    padding-right: 1rem;
    vertical-align: top;
}

.CS_Form_Form .cs_TabContent {
    border-bottom: 1px solid black;
}
/* Simple Forms *******************************************************}}}*** */

/* Clear Floated Elements
***********************************************************************{{{*** */
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/* Clear Floated Elements *********************************************}}}*** */

/*
 * Swiper Slider
 * http://www.idangero.us/sliders/swiper/
 */

.swiper-wrapper {
    position: relative;
}

.swiper-slide,
.swiper-slide a,
.swiper-slide img {
    display: block;
    height: auto;
    max-width: 100%;
}

.swiper-pagination.swiper-pagination.swiper-pagination {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 1em;
    bottom: 10px;
    left: auto;
    margin: 0;
    padding: 5px 0 5px 5px;
    position: absolute;
    right: 10px;
    width: auto;
    z-index: 20;
}

.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.75);
    border-radius: 1em;
    border-style: solid;
    border-width: 1px;
    background-color: #555;
    background-color: rgba(85, 85, 85, 0.5);
    cursor: pointer;
    display: inline-block;
    height: 1em;
    margin-right: 5px;
    opacity: 0.8;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition:         background-color 0.1s ease-in-out;
    width: 1em;
}

.swiper-pagination-bullet-active.swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    background-color: #fff;
}

.swiper-dynamic-links {
    text-align: center;
}

.swiper-dynamic-links a {
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    color: #333;
    background: #eee;
}