@import '-extras/reset.css';
@import '-extras/fancybox.css';
@import '-extras/flexslider.css';

@font-face
{
    font-family: "Pictos";
    src: url('-fonts/pictos-web.eot');
    src: url('-fonts/pictos-web.eot?#iefix') format('eot'),url('-fonts/pictos-web.woff') format('woff'), url('-fonts/pictos-web.ttf') format('truetype'), url('-fonts/pictos-web.svg') format('svg');
}

@font-face
{
    font-family: "Brisa";
    src: url('-fonts/brisa.eot');
    src: url('-fonts/brisa.eot?#iefix') format('eot'),url('-fonts/brisa.woff') format('woff'), url('-fonts/brisa.ttf') format('truetype');
}

body
{
    background: #FFF;
    color: #333;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
}

a
{
    color: #AD0000;
    text-decoration: none;
}

    a:visited
    {
        color: #AD0000;
        text-decoration: none;
    }

    a:hover, a:active, a:focus
    {
        color: #000;
    }

h1
{
    padding: 15px 10px 10px 0;
    font-size: 24px;
    line-height: 28px;
}

h2
{
    padding: 10px 10px 10px 0;
    font-size: 19px;
    line-height: 23px;
}

    h2.script
    {
        padding-bottom: 5px;
        font-size: 32px;
        font-family: Brisa;
        line-height: 37px;
    }

h3
{
    padding: 10px 10px 10px 0;
    font-size: 16px;
    line-height: 20px;
}

h4
{
    padding: 10px 10px 10px 0;
    font-size: 14px;
    line-height: 18px;
}

h5
{
    padding: 5px 10px 5px 0;
    font-size: 13px;
    line-height: 17px;
}

h6
{
    padding: 5px 10px 5px 0;
    font-size: 11px;
    line-height: 15px;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: 600;
}

p
{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}

dl
{
    margin: 0 0 8px 28px;
    font-size: 13px;
    line-height: 18px;
}

    dl.no-indent
    {
        margin-left: 0;
    }

dt
{
    margin-top: 8px;
    font-weight: 600;
}

dd
{
    margin: 3px 0;
}

blockquote
{
    margin: 20px 30px;
    padding-left: 15px;
    border-left: 1px solid #AD0000;
}

    blockquote p
    {
        font-size: 13px;
        line-height: 18px;
    }

        blockquote p.author
        {
            margin-bottom: 15px;
            border-left: 0;
            color: #AD0000;
            font-size: 30px;
            font-family: Brisa;
            line-height: 35px;
        }

        blockquote p.author-info
        {
            margin-top: -20px;
            color: #666;
        }

sup, sub, .sup, .sub
{
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 10px;
    line-height: 18px;
}

sup, .sup
{
    bottom: 1ex;
}

sub, .sub
{
    top: .5ex;
}

cite, .cite, em, .italic
{
    font-style: italic;
}

strong, .bold
{
    font-weight: 600;
}

abbr, .abbr, acronym, .acronym, dfn, .dfn
{
    border-bottom: 1px dotted #666;
    cursor: help;
}

hr
{
    clear: both;
    margin: 25px auto;
    width: 50%;
    height: 1px;
    border: 0;
    background: #DDD;
    background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(50%, #000000), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top left, #ffffff,#000000,#ffffff);
    background: -moz-linear-gradient(top left, #ffffff,#000000,#ffffff);
    background: -o-linear-gradient(top left, #ffffff,#000000,#ffffff);
    background: linear-gradient(top left, #ffffff,#000000,#ffffff);
}

@media screen and (max-width: 650px)
{
    hr
    {
        width: 75%;
    }
}

table
{
    margin: 10px 0;
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    table th, table td
    {
        padding: 10px 10px 9px;
        text-align: left;
        line-height: 18px;
    }

    table th
    {
        padding-top: 9px;
        vertical-align: middle;
        font-weight: 600;
    }

    table td
    {
        border-top: 1px solid #DDD;
        vertical-align: top;
    }

    table.bordered
    {
        border: 1px solid #DDD;
        border-collapse: separate;
    }

        table.bordered th + th, table.bordered td + td, table.bordered th + td
        {
            border-left: 1px solid #DDD;
        }

    table.zebra-striped tbody tr:nth-child(odd) td, table.zebra-striped tbody tr:nth-child(odd) th
    {
        background-color: #F9F9F9;
    }

    table.condensed th, table.condensed td
    {
        padding: 5px 5px 4px;
    }

    table.staff td
    {
        padding: 0;
        border-top: none;
    }

        table.staff td img
        {
            float: left;
        }

@media screen and (max-width: 650px)
{
    table.staff td img
    {
        width: 130px;
    }
}

table.staff td ul
{
    float: left;
    margin: 70px 0 0 10px !important;
    width: 150px;
    list-style-type: none !important;
}

@media screen and (max-width: 650px)
{
    table.staff td ul
    {
        float: none;
        width: 130px;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    table.staff td ul
    {
        float: none;
    }
}

table.staff td li
{
    margin-bottom: 3px !important;
}

.portalMessage, .message
{
    margin: 15px 0;
    padding: 12px 10px 10px;
    border-left: 5px solid #CCC;
    background: #F7F7F7;
    font-size: 13px;
    line-height: 18px;
}

    .portalMessage a, .message a
    {
        border-bottom: 1px solid #000;
        color: #000;
    }

        .portalMessage a:visited, .message a:visited
        {
            border-bottom: 1px solid #000;
            color: #000;
        }

        .portalMessage a:hover, .portalMessage a:active, .portalMessage a:focus, .message a:hover, .message a:active, .message a:focus
        {
            color: #333;
        }

    .portalMessage.info, .message.info
    {
        display: none;
    }

    .portalMessage.notice, .message.notice
    {
        border-left-color: #E5B53A;
        background: #FBF4E2;
        background: rgba(229,181,58,0.15);
    }

    .portalMessage.success, .message.success
    {
        border-left-color: #B1B579;
        background: #F3F4EB;
        background: rgba(177,181,121,0.15);
    }

    .portalMessage.error, .message.error
    {
        border-left-color: #A20000;
        background: #F6E6E6;
        background: rgba(162,0,0,0.1);
    }

fieldset
{
    border: 1px solid #DDD;
}

#content fieldset
{
    margin: 10px 0;
}

legend
{
    margin: 0 10px;
    padding: 0 5px;
    color: #333;
    font-weight: 600;
    font-size: 15px;
}

.field, .formControls
{
    margin: 10px 0 15px;
}

fieldset .field
{
    margin: 10px 15px 15px;
}

.field label, .label
{
    display: block;
    padding-bottom: 3px;
    width: auto;
    font-size: 15px;
    line-height: 18px;
}

.field.error
{
    border-left: none;
    background: none;
}

    .field.error input, .field.error select, .field.error textarea, .field.error input:focus, .field.error select:focus, .field.error textarea:focus
    {
        border: 1px solid #AD0000;
    }

.form-help
{
    display: block;
    color: #BFBFBF;
    font-size: 13px;
    line-height: 18px;
}

input:-moz-placeholder, ::-webkit-input-placeholder, .placeholder
{
    color: #BFBFBF;
}

input, button, textarea
{
    -webkit-border-radius: 0;
    font-size: 13px;
    -webkit-appearance: none;
}

    input[type="text"], input[type="email"], input[type="search"], input[type="password"]
    {
        padding: 4px 6px;
        width: 250px;
        outline: 0;
        border: 1px solid #CCC;
        -webkit-box-shadow: inset 0 0 6px 0 #ddd;
        -moz-box-shadow: inset 0 0 6px 0 #ddd;
        box-shadow: inset 0 0 6px 0 #ddd;
        color: #333;
    }

        input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus
        {
            border-color: #BFBFBF;
            -webkit-box-shadow: inset 0 0 4px 0 #bfbfbf;
            -moz-box-shadow: inset 0 0 4px 0 #bfbfbf;
            box-shadow: inset 0 0 4px 0 #bfbfbf;
        }

    input[type="checkbox"], input[type="radio"]
    {
        width: auto;
        height: auto;
        border: none;
        line-height: normal;
    }

    input[type="checkbox"]
    {
        -webkit-appearance: checkbox;
    }

    input[type="radio"]
    {
        -webkit-appearance: radio;
    }

    input[type="file"]
    {
        padding: initial;
        border: initial;
        background-color: #FFF;
        line-height: initial;
    }

        input[type="file"]:focus, input[type="checkbox"]:focus
        {
            height: 27px;
            *height: auto;
            outline: 1px dotted #666;
            line-height: 27px;
        }

textarea
{
    padding: 4px 6px;
    width: 90%;
    outline: 0;
    line-height: 18px;
    border: 1px solid #CCC;
    -webkit-box-shadow: inset 0 0 6px 0 #ddd;
    -moz-box-shadow: inset 0 0 6px 0 #ddd;
    box-shadow: inset 0 0 6px 0 #ddd;
    color: #333;
    resize: vertical;
}

    textarea:focus
    {
        border-color: #BFBFBF;
        -webkit-box-shadow: inset 0 0 4px 0 #bfbfbf;
        -moz-box-shadow: inset 0 0 4px 0 #bfbfbf;
        box-shadow: inset 0 0 4px 0 #bfbfbf;
    }

select
{
    padding: initial;
    width: 250px;
    height: 19px;
    border: 1px solid #CCC;
    color: #808080;
    font-size: 13px;
    line-height: 19px;
}

    select[multiple]
    {
        height: inherit;
        *height: auto;
        background-color: #FFF;
    }

    select:focus
    {
        outline: 1px dotted #666;
    }

    .disabled, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]
    {
        border-color: #DDD;
        background-color: #F5F5F5;
        cursor: not-allowed;
    }

#page input[type="submit"], #campaign-container input[type="submit"], #page button, a.btn, #login input[type="submit"]
{
    padding: 8px 12px;
    outline: 0;
    border: 1px solid #900;
    background: #C00;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #cc0000));
    background: -webkit-linear-gradient(top, #e60000,#cc0000);
    background: -moz-linear-gradient(top, #e60000,#cc0000);
    background: -o-linear-gradient(top, #e60000,#cc0000);
    background: linear-gradient(top, #e60000,#cc0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E60000', endColorstr='#CC0000', GradientType=0);
    -webkit-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    text-shadow: 0 -1px 0 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

a.btn
{
    display: inline-block;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#page input[type="reset"], a.reset
{
    margin-left: 8px;
    padding: 8px 12px;
    outline: 0;
    border: 1px solid #9d9b9b;
    background: #CCC;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #cbcbcb));
    background: -webkit-linear-gradient(top, #e2e2e2,#cbcbcb);
    background: -moz-linear-gradient(top, #e2e2e2,#cbcbcb);
    background: -o-linear-gradient(top, #e2e2e2,#cbcbcb);
    background: linear-gradient(top, #e2e2e2,#cbcbcb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#CBCBCB', GradientType=0);
    -webkit-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    color: #666;
    text-shadow: 0 -1px 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    text-shadow: 0 -1px 0 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

    #go:active, #page input[type="submit"]:active, #campaign-container input[type="submit"]:active, #page input[type="reset"]:active, #page button:active, .btn:active
    {
        position: relative;
        top: 1px;
    }

#payment-method ul li a
{
    display: block;
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #C2D1D3;
    background: #F6F8F8;
    background: rgba(194,209,211,0.15);
    color: #333;
    text-align: center;
    font-size: 24px;
}

    #payment-method ul li a:visited
    {
        display: block;
        margin: 10px 0;
        padding: 20px;
        border: 1px solid #C2D1D3;
        background: #F6F8F8;
        background: rgba(194,209,211,0.15);
        color: #333;
        text-align: center;
        font-size: 24px;
    }

    #payment-method ul li a:hover, #payment-method ul li a:active, #payment-method ul li a:focus
    {
        background: #DDE4E5;
        background: rgba(194,209,211,0.5);
    }

.icon
{
    font-weight: normal;
    font-size: 15px;
    font-family: Pictos;
    line-height: 5px;
}

.btn .icon
{
    margin-right: 8px;
}

.register:before
{
    content: "2";
}

.request-info:before
{
    content: "i";
}

.left-arrow:before
{
    content: "[";
}

.right-arrow:before
{
    content: "]";
}

.ask-question:before
{
    content: "?";
}

.download-file:before
{
    content: "~";
}

.contact-us:before
{
    content: "w";
}

.ArchetypesMultiSelectionValue label, .ArchetypesSelectionWidget span label
{
    float: left;
    margin-left: 3px;
    font-size: 13px;
    cursor: pointer;
}

.ArchetypesSelectionWidget span label
{
    float: none;
}

.ArchetypesMultiSelectionValue input, .ArchetypesSelectionWidget span input
{
    float: left;
    cursor: pointer;
}

img, .map
{
    display: block;
    margin: 15px 0;
    padding: 1%;
    max-width: 98%;
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}

.left-image, .image-left
{
    float: left;
    margin: 10px 10px 10px 0;
}

.right-image, .image-right
{
    float: right;
    margin: 10px 0 10px 10px;
}

a img:hover
{
    border-color: #999;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}

#logo img, #logo a img:hover, .plain, a img.plain:hover
{
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#logo img
{
    margin: 0;
    padding: 0;
}

.video, .video-placeholder
{
    max-width: 100%;
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}

.video
{
    margin-bottom: 10px;
}

.video-placeholder
{
    margin-bottom: 0;
}

#header
{
    position: relative;
    z-index: 1;
    background: #FFF;
    -webkit-box-shadow: 0 1px 1px #999;
    -moz-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
}

#logo
{
    float: left;
    background-size: 150px 36px;
}

@media screen and (max-width: 740px)
{
    #logo
    {
        margin: 10px 0 4px;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #logo
    {
        margin: 10px 0 8px;
    }
}

@media (min-width: 951px)
{
    #logo
    {
        margin: 25px 0 16px;
    }
}

@media screen and (max-width: 740px)
{
    #toggle-navigation
    {
        position: absolute;
        top: 13px;
        right: 5px;
        display: block !important;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #toggle-navigation
    {
        display: none;
    }
}

@media (min-width: 951px)
{
    #toggle-navigation
    {
        display: none;
    }
}

@media screen and (max-width: 740px)
{
    #navigation
    {
        position: absolute;
        top: 53px;
        right: 0;
        display: none;
        background: #FFF;
        -webkit-box-shadow: -1px 1px 3px #999;
        -moz-box-shadow: -1px 1px 3px #999;
        box-shadow: -1px 1px 3px #999;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #navigation
    {
        float: right;
        margin-top: 5px;
    }
}

@media (min-width: 951px)
{
    #navigation
    {
        float: right;
        margin-top: 35px;
    }
}

@media screen and (max-width: 740px)
{
    #navigation li
    {
        float: none;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #navigation li
    {
        float: left;
    }
}

@media (min-width: 951px)
{
    #navigation li
    {
        float: left;
    }
}

#navigation li a
{
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

    #navigation li a:visited
    {
        display: block;
        color: #333;
        font-weight: 600;
        font-size: 14px;
    }

    #navigation li a:hover, #navigation li a:active, #navigation li a:focus
    {
        color: #AD0000;
    }

@media screen and (max-width: 740px)
{
    #navigation li a
    {
        padding: 10px;
        text-align: right;
        line-height: 10px;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #navigation li a
    {
        padding: 20px 8px 10px;
        background: #FFF;
        text-align: center;
        line-height: 10px;
    }
}

@media (min-width: 951px)
{
    #navigation li a
    {
        display: block;
        padding: 20px 13px 16px;
        width: auto;
        background: #fff url(../img/li-border.png) no-repeat bottom right;
    }
}

#navigation li.current a
{
    color: #AD0000;
}

@media (min-width: 951px)
{
    #navigation li.current a
    {
        background: #fff url(../img/li-current.png) no-repeat bottom right;
    }
}

@media screen and (max-width: 650px)
{
    #navigation li:last-child a
    {
        padding-right: 10px;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #navigation li:last-child a
    {
        padding-right: 0;
        background: #FFF;
    }
}

@media (min-width: 951px)
{
    #navigation li:last-child a
    {
        padding-right: 13px;
        background: #FFF;
    }
}

#body
{
    position: relative;
    z-index: 0;
    padding: 15px 0;
    width: 100%;
    background: #f2f2f2 url(../img/background.png) repeat;
}

#area-name
{
    float: left;
    color: #333;
    text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
    text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
    font-weight: 600;
}

@media screen and (max-width: 650px)
{
    #area-name
    {
        float: none;
        margin-top: 0;
        padding: 0;
        text-align: center;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #area-name
    {
        margin-top: 2px;
        padding: 0;
        font-size: 24px;
    }
}

@media (min-width: 951px)
{
    #area-name
    {
        margin-top: 2px;
        padding: 0;
        font-size: 24px;
    }
}

#area-name a
{
    color: #333;
    text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
    text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
    font-weight: 600;
}

    #area-name a:visited, #area-name a:hover, #area-name a:focus, #area-name a:active
    {
        color: #333;
        text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
        text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
        font-weight: 600;
    }

@media screen and (max-width: 740px)
{
    #area-name span
    {
        display: none;
    }
}

@media screen and (max-width: 650px)
{
    #site-info
    {
        float: none;
        margin: 10px auto 0;
        width: 200px;
    }
}

#site-info ul li
{
    float: left;
    margin: 5px 15px 0 0;
}

@media screen and (max-width: 650px)
{
    #site-info ul li
    {
        display: none;
    }
}

#site-info ul li:last-child
{
    margin: 0;
}

@media screen and (max-width: 650px)
{
    #site-info ul li:last-child
    {
        display: block;
    }
}

#site-info ul li a
{
    color: #666;
    text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
    text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
    font-size: 12px;
    line-height: 18px;
}

    #site-info ul li a:visited
    {
        color: #666;
        text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
        text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
        font-size: 12px;
        line-height: 18px;
    }

    #site-info ul li a.important, #site-info ul li a:hover, #site-info ul li a:active, #site-info ul li a:focus
    {
        color: #AD0000;
    }

#search-form fieldset
{
    border: 0;
}

#search-form label
{
    display: none;
}

#search
{
    padding: 0 5px;
    width: 100px;
    height: 25px;
    outline: 0;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    cursor: pointer;
}

    #search:focus
    {
        border-color: #BFBFBF;
    }

@media screen and (max-width: 650px)
{
    #search
    {
        width: 150px;
    }
}

#go
{
    margin-left: 5px;
    width: 29px;
    height: 27px;
    outline: 0;
    border: 0;
    background: #ad0000 url(../img/search.png) no-repeat;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    color: #FFF;
    vertical-align: top;
    text-indent: -9999px;
    text-transform: capitalize;
    cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3)
{
    #go
    {
        background-image: url(../img/search.png);
        background-size: 29px 27px;
    }
}

#back-to-top
{
    position: fixed;
    top: 3px;
    right: 3px;
    z-index: 15;
    display: none;
    width: 25px;
    height: 25px;
    background: transparent url(../img/back-to-top.png) no-repeat;
    text-indent: -99999px;
}

#line-callout
{
    float: right;
}

@media screen and (max-width: 650px)
{
    #line-callout
    {
        margin-top: 8px;
    }

        #line-callout h2
        {
            font-size: 14px;
        }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #line-callout
    {
        margin-top: 10px;
    }
}

@media (min-width: 951px)
{
    #line-callout
    {
        margin-top: 25px;
    }
}

#home h3
{
    margin-bottom: 10px;
    color: #333;
    text-shadow: 0 1px 0 #FFF;
    font-size: 21px;
    line-height: 26px;
}

    #home h3 a
    {
        margin-bottom: 10px;
        color: #333;
        text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
        text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
        text-shadow: 0 1px 0 #FFF;
        font-size: 21px;
        line-height: 26px;
    }

        #home h3 a:visited, #home h3 a:hover, #home h3 a:focus, #home h3 a:active
        {
            margin-bottom: 10px;
            color: #333;
            text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
            text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
            font-size: 21px;
            line-height: 26px;
        }

#home img, #home a img:hover
{
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#home .flex-container
{
    margin: 15px 0 35px;
}

#content .flex-container
{
    margin: 15px 0 30px;
}

.flexslider
{
    border: 0;
    background: transparent;
}

#home .slides li
{
    -webkit-box-shadow: 0 0 1px #999;
    -moz-box-shadow: 0 0 1px #999;
    box-shadow: 0 0 1px #999;
}

    #home .slides li img, #home .slides li a img:hover
    {
        margin: 0;
        padding: 0;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

#content .slides li img
{
    float: none;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.flex-direction-nav
{
    display: none;
}

    .flex-direction-nav li a
    {
        margin-top: -30px;
    }

    .flex-direction-nav li .next
    {
        right: 15px;
        background-position: -52px 0;
    }

    .flex-direction-nav li .prev
    {
        left: 15px;
    }

.flex-caption
{
    bottom: -10px;
    padding: 2.1%;
}

    .flex-caption p
    {
        margin: 0;
        color: #FFF;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3),0 -1px 0 0 rgba(0,0,0,0.3);
        text-shadow: 0 -1px 0 0 rgba(0,0,0,0.3),0 -1px 0 0 rgba(0,0,0,0.3);
    }

    .flex-caption a
    {
        color: #DDD;
    }

        .flex-caption a:visited
        {
            color: #DDD;
        }

        .flex-caption a:hover, .flex-caption a:active, .flex-caption a:focus
        {
            color: #FFF;
        }

#promo-container
{
    margin: 20px 0 0;
}

.promo
{
    border-right: 1px solid #CCC;
    border-left: 1px solid #F5F5F5;
}

    .promo p
    {
        text-shadow: 0 1px 0 #fff,0 1px 0 0 #fff;
        text-shadow: 0 1px 0 0 #fff,0 1px 0 0 #fff;
    }

    .promo img
    {
        position: relative;
        z-index: 0;
        max-width: 100%;
        border: 0;
    }

        .promo img.left-image
        {
            float: left;
        }

        .promo img.right-image
        {
            float: right;
        }

@media screen and (max-width: 650px)
{
    .promo
    {
        float: none;
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        height: auto;
        border: 0;
        border-top: 1px solid #F5F5F5;
        border-bottom: 1px solid #CCC;
    }

        .promo:first-child
        {
            border-top: 0;
        }

        .promo:last-child
        {
            border-bottom: 0;
        }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    .promo
    {
        float: left;
        padding: 0 2%;
        width: 30%;
        height: 250px;
    }

        .promo:first-child
        {
            padding-left: 0;
            border-left: 0;
        }

        .promo:last-child
        {
            padding-right: 0;
            border-right: 0;
        }
}

@media (min-width: 951px)
{
    .promo
    {
        float: left;
        padding: 0 20px;
        width: 292px;
        height: 225px;
    }

        .promo:first-child
        {
            padding-left: 0;
            border-left: 0;
        }

        .promo:last-child
        {
            padding-right: 0;
            border-right: 0;
        }
}

#calendar-icon-svg
{
    width: 90px;
    height: 90px;
}

.caption
{
    position: relative;
    left: 0;
    z-index: 1;
    background: #000;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    font-weight: 600;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
}

@media screen and (max-width: 650px)
{
    .caption
    {
        bottom: 40px;
        padding: 2% 4%;
        width: 92%;
        font-size: 12px;
        line-height: 22px;
    }

        .caption span
        {
            font-size: 16px;
        }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    .caption
    {
        bottom: 32px;
        padding: 2% 4%;
        width: 92%;
        font-size: 12px;
        line-height: 22px;
    }

        .caption span
        {
            font-size: 16px;
        }
}

@media (min-width: 951px)
{
    .caption
    {
        bottom: 32px;
        padding: 4px 8px;
        width: 276px;
        font-size: 16px;
        line-height: 22px;
    }

        .caption span
        {
            font-size: 22px;
        }
}

#ticker
{
    margin: 0 auto 5px;
    padding: 10px;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px 1px #999;
    -moz-box-shadow: 0 0 1px 1px #999;
    box-shadow: 0 0 1px 1px #999;
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #ticker
    {
        margin-top: 20px;
    }
}

@media (min-width: 951px)
{
    #ticker
    {
        margin-top: 20px;
    }
}

#ticker-inner
{
    max-width: 100%;
}

#ticker p
{
    margin: 0;
}

#ticker h4
{
    padding: 0 0 5px 0;
}

#ticker ul
{
    float: right;
}

@media screen and (max-width: 650px)
{
    #ticker ul
    {
        display: none;
    }
}

#ticker ul li:last-child
{
    margin-top: 10px;
}

#ticker ul li a
{
    padding: 0 4px 2px;
    outline: 0;
    border: 1px solid #900;
    background: #C00;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(100%, #cc0000));
    background: -webkit-linear-gradient(top, #e60000,#cc0000);
    background: -moz-linear-gradient(top, #e60000,#cc0000);
    background: -o-linear-gradient(top, #e60000,#cc0000);
    background: linear-gradient(top, #e60000,#cc0000);
    -webkit-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 6px 0 rgba(255,255,255,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E60000', endColorstr='#CC0000', GradientType=0);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    text-shadow: 0 -1px 0 0 rgba(51,51,51,0.3),0 -1px 0 0 rgba(51,51,51,0.3);
    font-weight: 600;
    font-size: 10px;
    font-family: Pictos;
    cursor: pointer;
}

#page
{
    margin: 15px auto 5px;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px 1px #999;
    -moz-box-shadow: 0 0 1px 1px #999;
    box-shadow: 0 0 1px 1px #999;
}

@media (min-width: 951px)
{
    #page
    {
        width: 960px;
    }
}

#campaign
{
    background: #f2f2f2 url(../img/background.png) repeat;
}

#content ul, #campaign-content ul
{
    margin: 0 0 8px 45px;
    list-style-type: square;
}

    #content ul.no-indent, #campaign-content ul.no-indent
    {
        margin-left: 15px;
    }

    #content ul.page-navigation, #campaign-content ul.page-navigation
    {
        display: block;
        float: left;
        margin: 20px 0 8px;
        width: 100%;
        list-style-type: none;
    }

        #content ul.page-navigation li, #campaign-content ul.page-navigation li
        {
            display: block;
            float: left;
            margin-bottom: 20px;
        }

            #content ul.page-navigation li a, #campaign-content ul.page-navigation li a
            {
                padding: 10px 8px;
                border-right: 1px solid #F1F1F1;
                border-bottom: 1px solid #DDD;
                background: #F7F7F7;
                color: #333;
            }

                #content ul.page-navigation li a:visited, #campaign-content ul.page-navigation li a:visited
                {
                    padding: 10px 8px;
                    border-right: 1px solid #F1F1F1;
                    border-bottom: 1px solid #DDD;
                    background: #F7F7F7;
                    color: #333;
                }

                #content ul.page-navigation li a:hover, #content ul.page-navigation li a:focus, #content ul.page-navigation li a:active, #campaign-content ul.page-navigation li a:hover, #campaign-content ul.page-navigation li a:focus, #campaign-content ul.page-navigation li a:active
                {
                    background: #F1F1F1;
                }

            #content ul.page-navigation li:last-child a, #campaign-content ul.page-navigation li:last-child a
            {
                border-right: none;
            }

                #content ul.page-navigation li:last-child a:visited, #campaign-content ul.page-navigation li:last-child a:visited
                {
                    border-right: none;
                }

    #content ul.gallery, #content ul.video-gallery, #campaign-content ul.gallery, #campaign-content ul.video-gallery
    {
        margin: 0 0 15px -8px;
        list-style-type: none;
    }

        #content ul.gallery li, #campaign-content ul.gallery li
        {
            display: inline;
            float: left;
            margin: 0 0 -20px 8px;
        }

        #content ul.video-gallery li, #campaign-content ul.video-gallery li
        {
            display: inline;
            float: left;
            margin: 0 0 -20px 8px;
            margin-top: -60px;
            position: relative;
        }

            #content ul.video-gallery li img, #campaign-content ul.video-gallery li img
            {
                position: relative;
            }

            #content ul.video-gallery li a:hover img, #content ul.video-gallery li a.current-video img, #campaign-content ul.video-gallery li a:hover img, #campaign-content ul.video-gallery li a.current-video img
            {
                border-color: #999;
                -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
                -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
                box-shadow: 0 1px 4px rgba(0,0,0,0.25);
            }

            #content ul.video-gallery li .play-video, #campaign-content ul.video-gallery li .play-video
            {
                top: 115px;
                left: 75px;
                z-index: 5;
                float: none;
                margin: 0;
                padding: 0;
                border: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                opacity: 0.75;
            }

            #content ul.video-gallery li:hover .play-video, #content ul.video-gallery li a.current-video .play-video, #campaign-content ul.video-gallery li:hover .play-video, #campaign-content ul.video-gallery li a.current-video .play-video
            {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                opacity: 0.9;
            }

    #content ul.courses, #content ul.rooms, #campaign-content ul.courses, #campaign-content ul.rooms
    {
        margin: 10px 0 10px -15px !important;
        list-style-type: none;
    }

        #content ul.courses li, #campaign-content ul.courses li
        {
            display: block;
            float: left;
            padding: 10px 15px;
            width: 190px;
            border: 2px solid #F2F2F2;
            border-left: 0;
            text-align: center;
        }

            #content ul.courses li .btn, #campaign-content ul.courses li .btn
            {
                margin-top: 10px;
            }

            #content ul.courses li.extra, #campaign-content ul.courses li.extra
            {
                padding-bottom: 25px;
            }

        #content ul.rooms li, #campaign-content ul.rooms li
        {
            display: block;
            float: left;
            padding: 10px 15px;
            width: 190px;
            border: 2px solid #F2F2F2;
            border-left: 0;
            text-align: left;
            height: 125px;
        }

    #content ul.toggle-tabs, #campaign-content ul.toggle-tabs
    {
        margin-left: 0;
        list-style-type: none;
    }

        #content ul.toggle-tabs .tab, #campaign-content ul.toggle-tabs .tab
        {
            padding: 10px;
            border-bottom: 1px solid #DDD;
            background: #F7F7F7;
            font-weight: 600;
            font-size: 15px;
            line-height: 20px;
            cursor: pointer;
        }

            #content ul.toggle-tabs .tab img.arrow, #campaign-content ul.toggle-tabs .tab img.arrow
            {
                float: right;
                margin: 0;
                padding: 0;
                border: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        #content ul.toggle-tabs .text, #campaign-content ul.toggle-tabs .text
        {
            display: none;
            margin: 10px 0 20px;
        }

#content ol, #campaign-content ol
{
    margin: 0 0 8px 45px;
    list-style-type: decimal;
}

    #content ol.no-indent, #campaign-content ol.no-indent
    {
        margin-left: 15px;
    }

#content li, #campaign-content li
{
    margin: 3px 0 10px;
    font-size: 14px;
    line-height: 19px;
}

#content .slides, #content .flex-control-nav, #content .flex-direction-nav, #campaign-content .slides, #campaign-content .flex-control-nav, #campaign-content .flex-direction-nav
{
    margin: 0;
    list-style-type: none;
}

#content
{
    padding: 0 15px 4px;
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #content
    {
        float: right;
        width: 70.5%;
        border-left: 2px solid #F2F2F2;
    }
}

@media (min-width: 951px)
{
    #content
    {
        float: right;
        width: 685px;
        border-left: 2px solid #F2F2F2;
    }
}

#campaign-content
{
    margin: 5px auto;
    background: #FFF;
    -webkit-box-shadow: 0 0 1px #999;
    -moz-box-shadow: 0 0 1px #999;
    box-shadow: 0 0 1px #999;
    padding: 0 15px;
}

#information
{
    float: left;
    padding-right: 20px;
    width: 610px;
    border-right: 2px solid #F2F2F2;
}

@media screen and (max-width: 650px)
{
    #information
    {
        float: none;
        padding-right: 0;
        width: auto;
        border-right: 0;
        border-bottom: 2px solid #F2F2F2;
    }
}

#form-embed
{
    float: right;
    margin-top: 15px;
    width: 278px;
}

@media screen and (max-width: 650px)
{
    #form-embed
    {
        float: none;
        width: auto;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #form-embed
    {
        float: none;
        width: auto;
    }
}

#small-print
{
    margin-top: 20px;
}

    #small-print p
    {
        font-size: 11px;
        line-height: 16px;
    }

@media screen and (max-width: 650px)
{
    #sidebar
    {
        padding-bottom: 15px;
        border-top: 2px solid #F2F2F2;
    }
}

@media screen and (min-width: 651px) and (max-width: 950px)
{
    #sidebar
    {
        float: left;
        width: 24%;
    }
}

@media (min-width: 951px)
{
    #sidebar
    {
        float: left;
        width: 243px;
    }
}

#subnavigation ul li a
{
    display: block;
    color: #333;
}

    #subnavigation ul li a:visited
    {
        display: block;
        color: #333;
    }

    #subnavigation ul li a:hover, #subnavigation ul li a:active, #subnavigation ul li a:focus
    {
        color: #AD0000;
    }

#subnavigation ul li.has-children > a
{
    border-bottom: 1px solid #F2F2F2;
}

#subnavigation ul li.has-children ul li a.current, #subnavigation ul li.has-children ul li a.in-path
{
    margin-left: -2px;
}

#subnavigation ul.basement li a
{
    padding: 10px;
    border-top: 1px solid #F2F2F2;
    font-size: 14px;
    line-height: 19px;
}

#subnavigation ul.basement li:first-child a
{
    border-top: none;
}

#subnavigation ul.basement li a.current, #subnavigation ul.basement li a.in-path
{
    border-left: 2px solid #AD0000;
    color: #333;
    font-weight: 600;
}

#subnavigation ul.first-floor, #subnavigation ul.second-floor, #subnavigation ul.third-floor
{
    margin: 10px 0 10px 13px;
    border-left: 2px solid #F2F2F2;
}

    #subnavigation ul.first-floor li a, #subnavigation ul.second-floor li a, #subnavigation ul.third-floor li a
    {
        padding: 6px;
        border-top: 0;
        font-size: 12px;
        line-height: 17px;
    }

#ad-block
{
    display: none;
    margin: 15px auto 10px;
    padding: 5px 10px;
    width: 80%;
    border: 1px solid #F1F1F1;
    background: #F9F9F9;
}

@media (min-width: 951px)
{
    #ad-block
    {
        width: 200px;
    }
}

.ad h2 a
{
    color: #333;
}

    .ad h2 a:visited
    {
        color: #333;
    }

    .ad h2 a:hover, .ad h2 a:active, .ad h2 a:focus
    {
        color: #AD0000;
    }

.ad img
{
    margin: 0 0 5px -5px !important;
    padding: 4px;
    max-width: 100%;
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}

#footer
{
    position: relative;
    z-index: 1;
    padding: 14px 0;
    background: #FFF;
    -webkit-box-shadow: 0 -1px 1px #999;
    -moz-box-shadow: 0 -1px 1px #999;
    box-shadow: 0 -1px 1px #999;
    font-size: 12px;
}

    #footer p
    {
        margin-top: 0;
        color: #666;
        text-align: right;
        font-size: 12px;
    }

@media screen and (max-width: 650px)
{
    #footer p
    {
        text-align: center;
        font-size: 11px;
    }
}

#footer a
{
    color: #666;
}

    #footer a:visited
    {
        color: #666;
    }

    #footer a:hover, #footer a:active, #footer a:focus
    {
        color: #000;
    }

#footer ul.footer-nav
{
    float: left;
}

    #footer ul.footer-nav li
    {
        margin-bottom: 10px;
    }

@media screen and (max-width: 650px)
{
    #footer ul.footer-nav
    {
        float: left;
        margin: 0 0 25px 5%;
    }
}

#footer ul.inner
{
    margin-left: 14px;
}

@media screen and (max-width: 650px)
{
    #footer ul.inner
    {
        float: right;
        margin-right: 5%;
        margin-left: 0;
    }
}

@media screen and (max-width: 650px)
{
    #footer .right
    {
        float: none;
        clear: both;
    }
}

#csymbol
{
    font-family: Helvetica,Arial,sans-serif;
}

#social
{
    float: right;
    height: 32px;
}

    #social li
    {
        float: left;
        margin-right: 5px;
    }

        #social li:last-child
        {
            margin-right: 0;
        }

        #social li a
        {
            display: block;
            width: 32px;
            height: 32px;
            background: #fff url(../img/social.png) no-repeat;
            text-indent: -9999px;
        }

@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3)
{
    #social li a
    {
        background-image: url(../img/social@2x.png);
        background-size: 32px 32px;
    }
}

#social li#email-icon a
{
    background-position: 0 0;
}

    #social li#email-icon a:visited
    {
        background-position: 0 0;
    }

    #social li#email-icon a:hover, #social li#email-icon a:focus, #social li#email-icon a:active
    {
        background-position: 0 -32px;
    }

#social li#facebook-icon a
{
    background-position: -32px 0;
}

    #social li#facebook-icon a:visited
    {
        background-position: -32px 0;
    }

    #social li#facebook-icon a:hover, #social li#facebook-icon a:active, #social li#facebook-icon a:focus
    {
        background-position: -32px -32px;
    }

#social li#flickr-icon a
{
    background-position: -64px 0;
}

    #social li#flickr-icon a:visited
    {
        background-position: -64px 0;
    }

    #social li#flickr-icon a:hover, #social li#flickr-icon a:active, #social li#flickr-icon a:focus
    {
        background-position: -64px -32px;
    }

#social li#linkedin-icon a
{
    background-position: -96px 0;
}

    #social li#linkedin-icon a:visited
    {
        background-position: -96px 0;
    }

    #social li#linkedin-icon a:hover, #social li#linkedin-icon a:active, #social li#linkedin-icon a:focus
    {
        background-position: -96px -32px;
    }

#social li#rss-icon a
{
    background-position: -128px 0;
}

    #social li#rss-icon a:visited
    {
        background-position: -128px 0;
    }

    #social li#rss-icon a:hover, #social li#rss-icon a:active, #social li#rss-icon a:focus
    {
        background-position: -128px -32px;
    }

#social li#twitter-icon a
{
    background-position: -160px 0;
}

    #social li#twitter-icon a:visited
    {
        background-position: -160px 0;
    }

    #social li#twitter-icon a:hover, #social li#twitter-icon a:active, #social li#twitter-icon a:focus
    {
        background-position: -160px -32px;
    }

#social li#youtube-icon a
{
    background-position: -192px 0;
}

    #social li#youtube-icon a:visited
    {
        background-position: -192px 0;
    }

    #social li#youtube-icon a:hover, #social li#youtube-icon a:active, #social li#youtube-icon a:focus
    {
        background-position: -192px -32px;
    }

@media screen and (max-width: 650px)
{
    #social
    {
        float: none;
        margin: 25px auto 10px;
        width: 255px;
    }
}

.grid
{
    margin: 0 auto;
    padding: 10px;
    max-width: 670px;
}

.row
{
    clear: both;
    overflow: hidden;
    margin: 0 0 0 -2.899%;
    max-width: 690px;
    width: auto;
    list-style: none;
}

    .row p
    {
        margin: 0;
    }

[class^="column-"]
{
    float: left;
    margin: 0 2.899% 0 0;
}

.row [class^="column-"]
{
    margin: 0 0 0 2.899%;
}

.column-1
{
    width: 17.101%;
}

.column-2
{
    width: 37.101%;
}

.column-3
{
    width: 57.101%;
}

.column-4
{
    width: 77.101%;
}

.column-5
{
    margin: 0;
    width: 97.101%;
}

.container
{
    margin: 0 auto;
    width: 96%;
}

@media (min-width: 951px)
{
    .container
    {
        width: 960px;
    }
}

.hidden
{
    display: none;
}

.round
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.round-tl
{
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}

.round-tr
{
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.round-bl
{
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.round-br
{
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.shadow
{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

.group, .page-navigation, .gallery, .video-gallery, .row, .courses, .rooms, #content img, .ArchetypesMultiSelectionValue
{
    zoom: 1;
}

    .group:before, .group:after, .page-navigation:before, .page-navigation:after, .gallery:before, .gallery:after, .video-gallery:before, .video-gallery:after, .row:before, .row:after, .courses:before, .courses:after, .rooms:before, .rooms:after, #content img:before, #content img:after, .ArchetypesMultiSelectionValue:before, .ArchetypesMultiSelectionValue:after
    {
        display: table;
        content: "";
    }

    .group:after, .page-navigation:after, .gallery:after, .video-gallery:after, .row:after, .courses:after, .rooms:after, #content img:after, .ArchetypesMultiSelectionValue:after
    {
        clear: both;
    }

.left-callout, .right-callout, .full-callout
{
    padding: 0 10px;
    background: #F6F8F8;
    background: rgba(194,209,211,0.15);
}

.left-callout
{
    float: left;
    margin: 10px 10px 10px 0;
    width: 35%;
    border-right: 1px solid #C2D1D3;
}

.right-callout
{
    float: right;
    margin: 10px 0 10px 10px;
    width: 35%;
    border-left: 1px solid #C2D1D3;
}

@media screen and (max-width: 650px)
{
    .left-callout, .right-callout
    {
        float: none;
        margin: 10px auto;
        width: 90%;
        border: 1px solid #C2D1D3;
    }
}

.full-callout
{
    margin: 10px 0;
    border: 1px solid #C2D1D3;
}

div.tag, p.tag
{
    display: block;
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #C2D1D3;
    background: #F6F8F8;
    background: rgba(194,209,211,0.15);
    color: #333;
    text-align: center;
    font-size: 24px;
}

.align-left
{
    text-align: left;
}

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

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

.align-justify
{
    text-align: justify;
}

.underline
{
    text-decoration: underline;
}

.strike
{
    text-decoration: line-through;
}

.overline
{
    text-decoration: overline;
}

.upper
{
    text-transform: uppercase;
}

.lower
{
    text-transform: lowercase;
}

.subtitle
{
    margin-top: -5px;
    padding-top: 0;
    color: #5B6F7B;
    font-weight: normal;
}

    .subtitle a
    {
        color: #333;
    }

        .subtitle a:visited
        {
            color: #333;
        }

        .subtitle a:hover, .subtitle a:focus, .subtitle a:active
        {
            color: #5B6F7B;
        }

.mini-subtitle
{
    color: #666;
    font-size: 13px;
}

.fine-print
{
    color: #666;
    font-style: italic;
}

.purple
{
    color: #56004E;
}

.brick
{
    color: #8A2529;
}

.orange
{
    color: #E36F1E;
}

.lite-orange
{
    color: #F8981D;
}

.brown
{
    color: #764200;
}

.tan
{
    color: #CEAA7A;
}

.yellow
{
    color: #F6E7A1;
}

.gold
{
    color: #E5b53A;
}

.mustard
{
    color: #C49F06;
}

.olive
{
    color: #B1B579;
}

.green
{
    color: #4F6E18;
}

.dark-green
{
    color: #00703C;
}

.dark-blue
{
    color: #004963;
}

.blue
{
    color: #00788A;
}

.slate
{
    color: #5B6F7B;
}

.lite-slate
{
    color: #C2D1D3;
}