/* ---------------------------------------------------------------------------------
   Title:	XXX screen styles
   Author: xxx.xxx@bluearcgroup.com
   Based on HTML5 ✰ Boilerplate - Detailed information about this CSS: h5bp.com/css
   --------------------------------------------------------------------------------- */


/* =============================================================================
   NORMALISE
   ========================================================================== */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

[hidden] {
    display: none;
}

/* Base */
html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background-color: #fff;
    color: #595959;
    margin: 0;
    font: 62.5%/1.231 Arial, Helvetica, sans-serif;
}
/* 10px */
body, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}
/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

/* Links */
.wrap-content a {
    color: #1c3f95;
    text-decoration: none;
}

    .wrap-content a:visited {
        color: #1c3f95;
    }

    .wrap-content a:hover {
        text-decoration: underline;
    }

    .wrap-content a:focus {
        outline: thin dotted;
    }

    .wrap-content a:hover, .wrap-content a:active {
        outline: 0;
    }

/* Typography */
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

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

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

small {
    font-size: 85%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Lists */
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 15px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0 10px 0 0;
}

/* Embedded content */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

/* Figures */
figure {
    margin: 0;
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*td { vertical-align: bottom; }*/
td {
    vertical-align: top;
}

/* Forms */
form {
    margin: 0;
}

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

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
    *overflow: visible;
}

table button, table input {
    *overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
}

@font-face {
    font-family: 'webfont';
    src: url('../fonts/futura-webfont.eot');
    src: url('../fonts/futura-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-webfont.woff') format('woff'), url('../fonts/futura-webfont.ttf') format('truetype'), url('../fonts/futura-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =============================================================================
   TYPICAL CONTENT ELEMENTS
   ========================================================================== */

/* Headers */
h1, h2, h3, h4, h5, h6 {
    font-size: 2.6em; /* 36px */
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 .5em;
    line-height: 1.3;
    color: #414141;
    text-transform: uppercase;
}

h2 {
    font-size: 1.7em; /* 24px */
    margin-bottom: .5em;
    text-transform: capitalize;
    color: #1c3f94;
}

h3, h4, h5, h6 {
    font-size: 1.5em; /* 21px */
    margin-bottom: .5em;
    text-transform: capitalize;
}

    h1 small, h2 small, h3 small, h3 small, h5 small, h6 small {
        color: #7e7e7e;
    }

aside.panel h3 {
    text-transform: uppercase;
}

.poll h3 {
    border-bottom: solid 1px #CBCBCB;
}

h4, h5, h6 {
    font-size: 1.28em;
}
/* 18px */
/* Margins */
p, ul, ol, dl, table {
    margin-bottom: 1em;
}

    table table, table p {
        margin: 0;
    }
/* Lists */
ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}
    /* Nested */
    ul ul, ul ol, ol ol, ol ul {
        margin: .75em 0 .75em 2em;
    }

ul ul {
    list-style: circle;
}

ol ol {
    list-style: lower-alpha;
}

    ol ol ol {
        list-style: lower-roman;
    }


/* =============================================================================
   SITE STRUCTURE
   ========================================================================== */

/* [WRAPPER]
-------------------------------------------------------*/
#wrap {
    background: #EEEEEE;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#wrap-content, #sub-footer {
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
}

/* [HEADER]
-------------------------------------------------------*/
/*header {
    font-size: 1.4em; 
    position: relative;
    padding-left: 160px;
    width: 820px;
    padding-top: 1.5em;
    z-index: 4;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
}

*/
img#logo {
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.home img#logo {
    width: 133px;
}

#account {
    text-align: right;
    width: 610px;
    float: left;
    position: relative;
    z-index: 2;
}

    #account li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
    }

        #account li a:link, #account li > span {
            padding: .9em 0.5em;
            color: #1c3f95;
            display: block;
            position: relative;
        }

        #account li span {
            color: #414141;
        }

        #account li.user > a:link {
            display: inline-block;
            zoom: 1;
            *display: inline;
            padding: .9em 1.5em .9em 0.5em;
        }

        #account li.user > a:after, #account li.user > a .after {
            content: '>';
            after: '>';
            text-indent: -10000px;
            width: 9px;
            text-align: left;
            height: 5px;
            position: absolute;
            right: .5em;
            top: 50%;
            margin-top: -2px;
            display: block;
            background: url(../img/template/profile-arrow.png) no-repeat 0 0;
        }

        #account li.user:hover {
            background: #F4F4F4;
        }

        #account li.login a {
            background: url(../img/template/login-btn_bg.png) repeat-x 0 0;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            color: #414141;
            margin-right: 1em;
            padding: .9em;
        }

            #account li.login a:hover {
                background: #EAE1C8;
                text-decoration: none;
            }

        /* Sub-menu */

        #account li ul {
            position: absolute;
            top: -99999em;
            z-index: 9;
            background: #F4F4F4;
            margin: 0;
            right: 0;
            width: 160px;
            -webkit-box-shadow: 0px 3px 2px -2px #ccc;
            box-shadow: 0px 3px 2px -2px #ccc;
            text-align: left;
        }

        /* Drop Down Menu Positioning *
					/* 2nd tier */
        #account li:hover ul {
            top: 100%;
            z-index: 999;
            zoom: 1;
            right: 0;
        }

        #account li ul li {
            width: 100%;
        }

        #account li.user ul li a:link {
            padding: .9em 15px;
            color: #1c3f95;
            display: block;
        }

        #account li ul ul {
            position: relative;
            border-top: solid 1px #E0E0E0;
            border-bottom: solid 1px #E0E0E0;
            top: 0;
            margin: 0 15px;
            width: auto;
            padding: 0.5em 0 0.5em 0.5em;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        #account li:hover ul ul {
            top: 0;
        }

        #account li.user ul ul a:link {
            padding: .2em 0;
            color: #1c3f95;
            width: 100%;
            display: block;
        }


.search {
    background: #EEEEEE;
    border: 1px solid #DFDFDF;
    border-top: solid 1px #B3B3B3;
    border-bottom: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 6px 6px 6px 12px;
    width: 177px;
    margin-bottom: 1em;
}

    .search input.txt-input {
        background: none repeat scroll 0 0 transparent;
        border: none;
        float: left;
        height: 18px;
        margin: 5px 0;
        padding: 0;
        width: 80%;
    }

    .search input[type="text"]:focus {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .search input.btn-submit {
        float: right;
        height: 18px;
        padding: 5px;
        width: 18px;
    }

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
#wrap-content {
    font-size: 1.4em; /* 14px */
    overflow: hidden;
    padding-bottom: 2.5em;
}

p#breadcrumbs {
    padding-top: 1.1em;
    padding-bottom: 1.1em;
    border-bottom: solid 1px #DEDEDE;
    margin: 0 0 2em 9.3em;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
}
/* Main Content */
#content-main {
    width: 100%;
    float: left;
}

.hero-unit {
    border-bottom: solid 1px #E0E0E0;
    width: 100%;
    margin-bottom: 1em;
}

    .hero-unit h1 {
        margin: 0;
    }

#content-main .hero-unit {
    border-bottom: none;
    margin-bottom: 0;
}

.sidebar #content-main {
    width: 745px;
    margin-left: 35px;
}

.sidebar.panel #content-main {
    width: 500px;
    margin-right: 15px;
    margin-left: 35px;
}

.panel #content-main {
    width: 735px;
    margin-right: 15px;
}

/* Sidebar */

.sidebar #sidebar {
    width: 200px;
    float: left;
}


/* Secondary Content */
#content-aside {
    width: 230px;
    float: left;
}

aside.panel {
    margin-bottom: 1em;
    overflow: hidden;
}

.white, .grey, .menu {
    background: #fff;
    padding: 1.3em;
}

.additional {
    padding-bottom: 0 !important;
    background: #fff;
    margin: 0 0 1em 0;
}

.shadow {
    -webkit-box-shadow: 0px 2px 3px -2px #000 !important;
    box-shadow: 0px 2px 3px -3px #000 !important;
}

.grey {
    background: #DEDEDE;
}

.menu {
    padding: 0;
    border-top: solid 5px #1C3F95;
    padding-top: 20px;
}

    .menu h3 {
        color: #1c3f95;
        padding: 0 20px 0.2em;
    }

.panel .add {
    background: #ccc;
    width: 195px;
    margin: 1.5em -1.3em 0;
    padding: 0 1.3em;
    overflow: hidden;
}


/* [FOOTER]
-------------------------------------------------------*/

#sub-footer {
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #595959;
}

    #sub-footer h3 {
        color: #1c3f95;
        font-family: 'webfont', Arial, Helvetica, sans-serif;
        font-size: 1.14em;
        font-weight: normal;
        text-transform: uppercase;
    }

    #sub-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sub-footer li {
        padding-bottom: 0.3em;
    }

        #sub-footer li a {
            color: #595959;
        }

    #sub-footer p {
        margin: 0 0 .3em 0;
        padding: 0;
    }
/*
footer {
    border-top: solid 1px #E9E9E9;
    clear: both;
    font-size: 1.4em; 
    color: #959090;
}

    footer a:link, footer a:active, footer a:visited {
        color: #959090;
    }

    footer a:hover {
        color: #414141;
        text-decoration: none;
    }

    footer p {
        float: left;
        margin: 1em 0;
    }

    footer nav {
        float: right;
        margin: 1em 0;
    }

        footer nav ul li {
            display: inline-block;
            *display: inline;
            zoom: 1;
            position: relative;
            margin-left: 1em;
        }

*/
/* =============================================================================
   MAIN CONTENT COMPONENTS
   ========================================================================== */

/* [HELPER CLASSES]
-------------------------------------------------------*/
/* For image replacement */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

    .ir br {
        display: none;
    }

/* Hide from screenreaders and browsers: h5bp.com/u */
.hide-fully {
    display: none !important;
    visibility: hidden;
}

/* Hide visually, but screenreader available: h5bp.com/v */
.hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /* Same as .hide but keyboard focusable: h5bp.com/p */
    .hide.focusable:active, .hide.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/* Hide completely but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* Margins */
.margin-on {
    margin-bottom: 1.83em;
}

.margin-med {
    margin-bottom: 0.91em;
}

.margin-off {
    margin-bottom: 0;
}

/* Text alignment */
.txt-center {
    text-align: center;
}

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

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

/* Vertical aligment */
.v-btm {
    vertical-align: bottom;
}

.v-mdle {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

/* Font size */
.txt-sml {
    font-size: .91em;
}
/* 11px */
.txt-lrge {
    font-size: 1.08em;
}
/* 13px */

/* Document Download link */
a[title="Link opens in a new window"] img {
    vertical-align: middle;
}

.col {
    float: left;
}

#for-sections .col {
    width: 313px;
    margin-left: 1.4em;
    background: #fff;
}

#aboutNews .col {
    width: 293px;
    padding-right: 20px;
}

#for-sections .col:first-child {
    margin-left: 0;
}

.one {
    width: 220px;
}

.two {
    width: 316px;
}

.notify {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    position: relative;
}

.no-cssanimations .notify {
    width: 100%;
    display: none;
    visibility: visible;
    opacity: 1;
}

.notify .text {
    padding: 1em 2em 1em 1em;
    position: relative;
    background: #fff;
    margin-bottom: 1.5em;
}

.notify p {
    font-size: 1.07em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    color: #c2262e;
}

.notify strong, .alert a {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: normal;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
}

.notify a {
    position: absolute;
    right: 1em;
    color: #c2262e;
    top: 1em;
}

.notify time {
    color: #7e7e7e;
    margin: 0 .5em;
}

.fade-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.fade-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.2s, opacity 0.2s linear;
    -moz-transition: visibility 0s 0.2s, opacity 0.2s linear;
    -o-transition: visibility 0s 0.2s, opacity 0.2s linear;
    transition: visibility 0s 0.2s, opacity 0.2s linear;
}



/* [FEEDBACK]
-------------------------------------------------------*/
/* --SMALL FEEDBACK-- */
.feedback {
    padding: .41em 10px .41em 30px !important;
    font-size: 11px !important;
    background-repeat: no-repeat;
    background-position: 8px 55%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
    /* Error */
    .feedback.error {
        color: #ae0000 !important;
        background-color: #fbeeee;
        background-image: url("../img/icons/feedback/error.gif");
    }
    /* Success */
    .feedback.success {
        color: #5a730f !important;
        background-color: #f3f8e6;
        background-image: url("../img/icons/feedback/success.gif");
    }
    /* Info */
    .feedback.info {
        color: #0b3a70 !important;
        background-color: #f3f7fc;
        background-image: url("../img/icons/feedback/info.gif");
    }
    /* Alert */
    .feedback.alert {
        color: #9d6101 !important;
        background-color: #fbf9cc;
        background-image: url("../img/icons/feedback/alert.gif");
    }
    /* Child Elements */
    .feedback p {
        margin: 0;
        font-weight: bold;
    }

    .feedback ul {
        margin: .6em 0 0 1.2em;
        list-style: disc;
        font-size: .86em;
    }

        .feedback ul li {
            background: none;
            padding-left: 0;
            list-style: disc;
        }

    .feedback a:link, .feedback a:visited {
        text-decoration: underline;
    }

    .feedback a:hover, .feedback a:focus {
        text-decoration: none;
    }

    .feedback.error a:link, .feedback.error a:visited, .feedback.error h1, .feedback.error h2, .feedback.error h3 {
        color: #ae0000;
    }

    .feedback.success a:link, .feedback.success a:visited, .feedback.success h1, .feedback.success h2, .feedback.success h3 {
        color: #5a730f;
    }

    .feedback.info a:link, .feedback.info a:visited, .feedback.info h1, .feedback.info h2, .feedback.info h3 {
        color: #0b3a70;
    }

    .feedback.alert a:link, .feedback.alert a:visited, .feedback.alert h1, .feedback.alert h2, .feedback.alert h3 {
        color: #9d6101;
    }

/* [GENERIC STRUCTURED LIST]
-------------------------------------------------------*/
.structured-list {
    margin: 0 0 1.5em;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    border-top: 1px solid #DEDEDE;
}

    .structured-list li {
        margin-top: 10px;
        border-bottom: 1px solid #DEDEDE;
        float: left;
        width: 100%;
    }

        .structured-list li.img img {
            float: left;
            margin-right: 1em;
        }

/* [ENTRY]
-------------------------------------------------------*/
#entry {
    width: 100%;
    background: #DEDEDE;
    overflow: hidden;
    margin-bottom: 1.5em;
}

#slider {
    position: relative;
    width: 665px;
    height: 461px;
    float: left;
}

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

    #slider .carousel {
        list-style: none;
        position: relative;
        width: 665px;
        height: 461px;
        float: left;
        z-index: 1;
        overflow: hidden;
    }

        #slider .carousel li {
            width: 665px;
            height: 461px;
            position: relative;
        }

.tmp-text, .slides-text {
    display: none;
}

#slider .text {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 275px;
    height: 175px;
    padding: 25px 20px 20px 20px;
    background: #1C3F95;
    z-index: 1;
    display: block;
}

    #slider .text h1 {
        font-size: 1.5em;
        color: #fff;
        text-transform: none;
        margin-top: 0;
    }

    #slider .text a:link, #slider .text a:visited, #slider .text a:active {
        color: #d2d9ea;
        text-decoration: underline;
        position: relative;
        padding-right: 15px;
    }

    #slider .text a:after,
    #slider .text a .after {
        content: '>';
        after: '>';
        text-indent: -10000px;
        width: 7px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
        display: inline-block;
        z-index: 1;
        background: url(../img/template/arrow-sprite.png) no-repeat -13px -33px;
    }

#slider .nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
    width: 94px;
    height: 40px;
    background: #D6D6D6;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    #slider .nav li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        border-left: solid 1px #C0C0C0;
    }

        #slider .nav li:first-child {
            border: none;
        }

    #slider .nav a {
        padding: 12px 18px;
        display: block;
    }

        #slider .nav a:hover {
            background: url(../img/template/carousel-next_bg.png) repeat-x 0 0;
        }

    #slider .nav #prev span {
        width: 10px;
        height: 16px;
        background: url(../img/template/arrow-sprite.png) no-repeat 0px -1px;
        text-indent: -10000px;
        display: block;
    }

    #slider .nav #next span {
        width: 10px;
        height: 16px;
        background: url(../img/template/arrow-sprite.png) no-repeat -12px -1px;
        text-indent: -10000px;
        display: block;
    }

#welcome {
    float: left;
    width: 280px;
    padding: 1.8em 1.2em 0;
}

    #welcome h1 {
        font-size: 1.71em;
        text-transform: none;
        margin: 0;
    }

    #welcome p {
        font-family: 'webfont', Arial, Helvetica, sans-serif;
        font-size: 1.42em;
        color: #414141;
        margin: .5em 0;
    }

#login p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.07em;
}

#welcome hr {
    margin: 1.5em 0;
    *margin: 1.0em 0;
}

#login {
    width: 100%;
    display: block;
}

/* [For Sections]
-------------------------------------------------------*/
#for-sections {
    width: 100%;
    border-bottom: solid 1px #DEDEDE;
    overflow: hidden;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

    #for-sections h1 {
        font-size: 1.8em;
        margin-top: 0.5em;
        padding: 0 20px;
    }

    #for-sections ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.14em;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    #for-sections li {
        border-top: solid 1px #E5E5E5;
        border-bottom: solid 1px #fff;
        background: url(../img/template/sub-menu_bg.png) repeat-x 0 0;
    }

        #for-sections li a:link, #for-sections li a:active, #for-sections li a:visited {
            padding: 14px 20px;
            display: block;
            color: #1c3f95;
            position: relative;
        }

        #for-sections li a:after,
        #for-sections li a .after {
            content: '>';
            after: '>';
            text-indent: -10000px;
            width: 8px;
            height: 14px;
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -7px;
            display: block;
            z-index: 1;
            background: url(../img/template/arrow-sprite.png) no-repeat -13px -76px;
        }


        #for-sections li:hover {
            border-bottom: solid 1px #1C3F95;
        }

        #for-sections li a:hover {
            background: #1C3F95;
            text-decoration: none;
            color: #fff;
        }

            #for-sections li a:hover:after,
            #for-sections li a:hover .after {
                content: '>';
                after: '>';
                text-indent: -10000px;
                width: 8px;
                height: 14px;
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -7px;
                display: block;
                z-index: 1;
                background: url(../img/template/arrow-sprite.png) no-repeat -13px -61px;
            }
/* [About/News]
-------------------------------------------------------*/
#aboutNews {
    width: 100%;
}

.about ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #DEDEDE;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    font-size: 1.28em;
}

    .about ul li {
        border-bottom: solid 1px #DEDEDE;
    }

        .about ul li a:link, .about ul li a:active, .about ul li a:visited {
            padding: 14px 0;
            display: block;
            color: #1c3f95;
            position: relative;
        }

.about li a:after,
.about li a .after {
    content: '>';
    after: '>';
    text-indent: -10000px;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    display: block;
    z-index: 1;
    background: url(../img/template/arrow-sprite.png) no-repeat -13px -46px;
}

#aboutNews #news {
    float: left;
    border-left: solid 1px #DEDEDE;
    padding-left: 1.5em;
    width: 645px;
}

#aboutNews h2, .articles h2 {
    text-transform: none;
}

#news h2, .articles h2 {
    float: left;
}

#news > a, .articles > a {
    float: right;
    padding: .5em 0;
}

#news .news-articles {
    float: left;
    width: 100%;
    margin-top: 0.5em;
}

    #news .news-articles article {
        float: left;
        width: 200px;
        margin-right: 1em;
    }

.news-articles article h3 {
    font-size: 1.07em;
    font-family: Arial, Helvetica, sans-serif;
    color: #1C3F95;
    font-weight: bold;
    margin-bottom: 0.1em;
}

    .news-articles article h3 a:hover {
        text-decoration: none;
        border-bottom: solid 1px #C4CBDC;
    }

.news-articles article small {
    color: #7e7e7e;
    font-size: 1em;
}

.news-articles article p {
    font-size: 1.07em;
    margin-top: 0.5em;
}

#news article a, #news > a, .articles > a, .pages .text > a {
    padding-right: 15px;
    position: relative;
}

    #news article a:after,
    #news > a:after,
    #news article a .after,
    #news > a .after,
    #news article a:after,
    #news > a:after,
    .articles > a:after,
    .articles > a .after,
    .pages .text > a:after,
    .pages .text > a .after {
        /*content: '>';*/
        after: '>';
        text-indent: -10000px;
        width: 7px;
        height: 12px;
        position: absolute;
        margin-top: -6px;
        right: 0;
        top: 50%;
        display: inline-block;
        z-index: 1;
        *display: inline;
        background: url(../img/template/arrow-sprite.png) no-repeat -12px -104px;
    }


/* [QUICKLINKS]
-------------------------------------------------------*/
.quicklinks {
    background: #fff;
    padding: 1em 1em .5em 1em;
    margin-bottom: 1.5em;
}

#content-aside .quicklinks {
    background: none;
    padding: 0;
}

.quicklinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
}

#content-aside .quicklinks ul {
    font-weight: normal;
    border-top: solid 2px #CBCBCB;
}

.quicklinks li {
    border-top: solid 1px #CBCBCB;
}

#content-aside .quicklinks li {
    border-top: none;
    border-bottom: solid 1px #CBCBCB;
}

.quicklinks ul li a:link, .quicklinks ul li a:active, .quicklinks ul li a:visited {
    padding: 0.5em 0;
    display: block;
    color: #1c3f95;
    position: relative;
}

.quicklinks ul li a:hover {
    text-decoration: none;
}

.quicklinks li a:after,
.quicklinks li a .after {
    content: '>';
    after: '>';
    text-indent: -10000px;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    display: block;
    z-index: 1;
    background: url(../img/template/arrow-sprite.png) no-repeat -13px -46px;
}

#content-aside .quicklinks li a:after, #content-aside .quicklinks li a .after {
    display: none;
}

/* [LANDING PAGES]
-------------------------------------------------------*/
.landing .pages {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .landing .pages li {
        width: 230px;
        float: left;
        display: block;
        min-height: 100%;
        margin-left: 1.4em;
        margin-bottom: 1em;
    }

.landing.alt .pages li {
    width: 237px;
}

.landing .pages li.first {
    margin-left: 0.5em;
}

.landing .pages .img {
    width: 230px;
    height: 215px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

    .landing .pages .img img {
        position: relative;
        z-index: 1;
    }

    .landing .pages .img span, .landing .pages .img div {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        height: 80px;
        background: rgba(28,63,149, 0.85);
        padding: 1em 1.5em 0.7em 1em;
        transition: all .4s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
    }

.no-rgba .landing .pages .img span, .no-rgba .landing .pages .img div {
    background: #1C3F95;
}

.landing .pages .img a:hover span, .landing .pages .img a:hover div,
.landing .pages .img:hover span, .landing .pages .img:hover div {
    height: 100px;
}

.landing .pages .img h2 {
    margin: 0;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.14em;
    width: 195px;
    float: left;
}


/* [Styled Table]
-------------------------------------------------------*/
.styled {
    margin-bottom: 2em;
}

    .styled th, .styled td {
        padding: .8em 0.5em;
    }

    .styled tr th {
        background: #1C3F95;
        color: #fff;
        font-family: 'webfont', Arial, Helvetica, sans-serif;
        font-size: 1em;
        text-transform: uppercase;
        font-weight: normal;
        text-align: left;
    }

    .styled tr.odd td {
        background-color: #fff;
    }

    .styled tr:hover td {
        background: #DBDEE6;
    }

.date {
    width: 85px;
}

.event {
    min-width: 30%;
    max-width: 45%;
}

    .event a {
        font-weight: bold;
    }

.location {
    width: 70px;
}

.category {
    width: 210px;
}

.link {
    width: 130px;
}

/* [Gallery]
-------------------------------------------------------*/

#gallery {
    width: 730px;
    position: relative;
    margin-top: 1.5em;
    background: #fff;
}

    #gallery .carousel {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    #gallery img {
        margin-bottom: 95px;
    }

    #gallery .text {
        padding: 1.5em;
        background: #fff;
        width: 94.5%;
    }

        #gallery .text h2 {
            color: #1c3f95;
        }
/*
.nav {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 550px;
    width: 97%;
    z-index: 999;
    background: rgba(31,31,31,0.6);
    padding: .8em;
    height: 72px;
}*/

.no-rgba .nav {
    background: url(../img/template/gallery-thumbs-bg.png) repeat 0 0;
}

.nav .prev, .nav .next {
    position: absolute;
    top: .8em;
    height: 72px;
    width: 19px;
}

.nav .prev {
    left: 1.3em;
}

.nav .next {
    right: 1.3em;
}

    .nav .prev span, .nav .next span {
        width: 19px;
        height: 28px;
        margin-top: 23px;
    }

.nav .prev span {
    background: url(../img/template/arrow-sprite.png) no-repeat 0 -116px;
}

.nav .next span {
    background: url(../img/template/arrow-sprite.png) no-repeat 0 -143px;
}
/*
.nav ul {
    position: absolute;
    list-style: none;
    margin: 0;
    left: 55px;
    top: .8em;
    padding: 0;
}
.nav li {
    float: left;
    margin-right: 10px;
}*/

/* [MICROFORMATS]
-------------------------------------------------------*/
/* hCard */
.vcard {
    margin-bottom: 1.83em;
}

    .vcard h5 {
        margin-bottom: .2em;
    }

    .vcard p {
        margin-bottom: .3em;
    }

        .vcard p.tel {
            margin-bottom: 0;
        }

        .vcard p.adr span {
            display: block;
        }

            .vcard p.adr span.region,
            .vcard p.adr span.postal-code {
                display: inline;
            }

/* [GOOGLE MAP]
-------------------------------------------------------*/
/* 
	There's 3 sizes of map available in IgnitionSuite, we determine the best sizes according to the design then
	update in the .NET solution web config. So declare your 3 sizes below:
*/
.map-wrapper {
    width: 300px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.83em;
}
    /* Small Map */
    .map-wrapper.sml {
        width: 200px;
        height: 150px;
    }
    /* Large Map */
    .map-wrapper.lrge {
        width: 500px;
        height: 400px;
    }

/* [CMS MODULES]
-------------------------------------------------------*/
/* --Search Results-- */
#search-results h3 {
    margin-bottom: .4em;
}

    #search-results h3 a img {
        margin-right: 5px;
        vertical-align: middle;
    }

#search-results p {
    margin: 0;
}

    #search-results p em {
        background-color: #ffff99;
        font-style: normal;
    }

/* --Image Library-- */
#img-lib {
    margin-left: 0;
    list-style: none;
    width: 672px;
}

    #img-lib li {
        float: left;
        width: 168px;
        position: relative;
    }
        /* Separator - clears a row */
        #img-lib li.separator {
            width: 672px;
            height: 5px;
            clear: both;
            display: block;
            float: none;
            line-height: 0;
            font-size: 0;
            overflow: hidden;
        }
    /* Caption */
    #img-lib p {
        padding: .41em .83em;
        text-align: center;
        margin: 0;
    }
    /* Thumbnail */
    #img-lib div {
        text-align: center;
        width: 168px;
        height: 130px;
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
    }

        #img-lib div * {
            vertical-align: middle;
        }

        #img-lib div a img {
            border: 2px solid #CECECE;
            max-width: 130px;
            max-height: 110px;
        }

        #img-lib div a:hover img, #img-lib div a:focus img {
            border-color: #CD5A13;
            box-shadow: 1px 1px 5px #666;
            -moz-box-shadow: 1px 1px 5px #666;
            -webkit-box-shadow: 1px 1px 5px #666;
        }

/* --Doc Library-- */
#doc-lib li {
    margin-bottom: .8em;
}

#doc-lib img {
    vertical-align: middle;
    margin-right: .2em;
}

#doc-lib a {
    font-weight: bold;
}

#doc-lib em {
    display: block;
    padding: .16em 0 0 1.66em;
}


/* =============================================================================
   Forms
   ========================================================================== */

/* [STANDARD FORM]
-------------------------------------------------------*/
.formWrap {
    margin: 2em 0;
    overflow: hidden;
    background: #fff;
    padding: 1.3em;
}

.form-row.alt {
    overflow: hidden;
    width: auto;
    float: none;
}

    .form-row.alt.grey {
        background: #EEEEEE;
        padding: 1em 1.5em;
    }

/* Visible Legend */
legend {
    font-size: 1.5em; /* 21px */
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 0 .6em 0;
    color: #414141;
}
/* Row */
.form-row {
    float: left;
    padding-bottom: 1em;
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding-left: 10px;
}

    /* Labels */
    .form-row label,
    .form-row .form-lbl {
        width: 6em;
        float: left;
        margin: 0;
        display: block;
        text-align: right;
        font-family: 'webfont', Arial, Helvetica, sans-serif;
        font-size: 1.07em;
        text-transform: uppercase;
        margin-right: 1em;
        padding: .6em 0;
    }

.wide .form-row label,
.wide .form-row .form-lbl,
.wide .form-row label:hover {
    width: 14em;
    cursor: default;
}

.poll .form-row .form-lbl {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    width: 100%;
    text-transform: none;
}

.poll .form-row label {
    text-transform: none;
}
/* Inputs */
.txt-input, textarea {
    width: 20em;
    background: #EEEEEE;
    border: 1px solid #DFDFDF;
    border-top: solid 1px #B3B3B3;
    border-bottom: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.07em;
    font-weight: bold;
    color: #a49f9f;
    padding: 0.6em 0.6em;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

    .txt-input.sml {
        width: 5.3em;
    }

    .txt-input.med {
        width: 10em;
    }

#sidebar .txt-input {
    width: 9.5em;
}

#sidebar select {
    width: 9.5em;
}

#content-aside .txt-input {
    width: 11.5em;
}

#content-aside select {
    width: 11.5em;
}

textarea {
    height: 8.3em;
}

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border-top: solid 1px rgba(48,148,249, 0.7);
        -webkit-box-shadow: inset 0px 0px 6px -2px #007eff;
        -moz-box-shadow: inset 0px 0px 6px -2px #007eff;
        box-shadow: inset 0px 0px 6px -2px #007eff;
        outline: none;
    }
/* Column [used for multiple inputs] */
.form-column {
    margin-left: 15.5em;
}

.poll .form-column {
    margin-left: 0;
}

.form-column label,
.form-row.inline label {
    width: auto !important;
    float: none;
    margin: 0;
    display: inline-block;
}

.form-row.alt.grey .form-column label {
    width: 10em;
    text-align: left;
    float: left;
    font-size: 1em;
    padding: 0.7em 0;
    display: block;
}

.form-column ul {
    margin: 0;
    list-style: none;
    padding: 0;
    float: left;
}

.form-column li {
    margin-bottom: .5em;
}

.form-row li label, .form-row li input,
.form-row.inline label, .form-row.inline input {
    vertical-align: middle;
}

.form-row.alt.inline label {
    margin: 0 .5em 0 1em;
    text-transform: none;
}

.form-row.alt.grey .form-column li .txt-input {
    background: #fff;
    width: 21em;
}

.form-row.alt .form-column li select {
    background-color: #fff !important;
}

.form-row.alt .form-lbl {
    width: auto;
    text-transform: none;
    padding: 0.7em 0;
}

.form-row.alt .form-column {
    margin: 0;
}

/* Submit */
.submit {
    width: 100%;
    clear: both;
    margin-bottom: 1em;
    overflow: hidden;
}

.formWrap .submit {
    margin-bottom: 0;
    margin-top: 1.5em;
}

.terms .submit {
    margin: 0;
}

#sidebar .submit {
    margin-bottom: 0;
}

.submit .btn-submit, .submit .btn-submit-alt, .submit .btn-submit-sml, .download .btn-submit-alt {
    background: url(../img/template/submit-btn_bg.png) repeat-x 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}

    .submit .btn-submit-sml input {
        padding: 0.3em 1em 0.3em 1em;
        text-transform: none;
        font-size: 1em;
    }

.submit.right .btn-submit, .submit.right .btn-submit-alt {
    float: right;
}

.submit .btn-submit:hover, .submit .btn-submit-alt:hover {
    background: #B89E49;
}

.submit .btn-submit:after,
.submit .btn-submit .after {
    content: '>';
    after: '>';
    text-indent: -10000px;
    width: 10px;
    height: 14px;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -7px;
    display: block;
    z-index: 1;
    background: url(../img/template/arrow-sprite.png) no-repeat -12px -61px;
}

.submit input, .download a {
    background: none;
    border: none;
    color: #fff;
    padding: 0.6em 2em 0.6em 1em;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    font-size: 1.14em;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.submit .btn-submit-alt input, .download a {
    padding-right: 1em;
}

.download a {
    display: block;
}

    .download a:hover {
        text-decoration: none;
    }


/* [OTHER FORMS]
-------------------------------------------------------*/

/* Member login */
#login .form-row {
    padding-bottom: 0.6em;
}

    #login .form-row .txt-input {
        width: 17em;
    }

#login .form-column {
    margin-left: 0;
}

    #login .form-column ul {
        margin: 0;
        padding: 0;
        font-size: 0.92em;
        width: 100%;
    }

    /*#login .form-column li {
        width: 50%;
        float: left;
    }*/

    #login .form-column label {
        color: #595959;
        text-transform: none;
        text-align: left;
    }

    #login .form-column li input {
    }

#login .submit {
    overflow: hidden;
    margin: 0.5em 0 0 0;
}

#login .btn-submit {
    float: left;
    margin-right: 2em;
}

#login .submit p {
    margin-top: 0;
}

.submit.alt, .total.alt {
    margin-left: 4em;
}

.total {
    border-top: solid 1px #CDCDCD;
    margin-top: 1.5em;
    padding-right: 5em;
    text-align: right;
}

.terms {
    padding: 0;
    background: none;
}

    .terms label {
        float: none;
        display: inline;
        font-size: 1em;
        margin: 0;
        padding: 0;
        text-align: left;
        text-transform: none;
        width: auto;
    }

.tnc {
    overflow: auto;
    height: 120px;
    background: #fff;
    padding: 1.5em;
    margin-bottom: 1.5em;
    border: 1px solid #DFDFDF;
    border-top: solid 1px #B3B3B3;
    border-bottom: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Footer Enewsletter */
#sub-footer .form-row {
    padding-bottom: 0.4em;
}

#sub-footer .txt-input {
    width: 19.5em;
}

#sub-footer .form-column {
    margin-left: 0;
}

    #sub-footer .form-column li {
        width: 45%;
        float: left;
    }

        #sub-footer .form-column li:first-child {
            margin-right: 7%;
        }

    #sub-footer .form-column .txt-input {
        width: 8.5em;
    }

#sub-footer .submit {
    margin-top: 0.5em;
}

/* Filter by */

.filter {
    background: #fff;
    padding: .5em 1em;
    overflow: hidden;
    margin: 0 0 1.5em;
    float: left;
    width: 96%;
}

    .filter .form-row {
        padding: 0;
    }

    .filter label {
        width: 5em;
        font-family: "webfont", Arial, Helvetica, sans-serif;
        font-size: 1.14em;
        line-height: 2em;
        padding: 0;
        text-transform: none;
    }

    .filter .form-column {
        margin-left: 0;
    }

/* Reviews Module */
#review-content fieldset.first {
    padding-bottom: .66em;
}

#review-content fieldset legend {
    margin-bottom: .3em;
}

/* [VALIDATION]
-------------------------------------------------------*/
/* Mandatory Field Indicators */
.form-row label img, .form-lbl img, .req {
    margin: 0 .2em .3em .2em;
}
/* Highlight Error Inputs */
.txt-input.validation-error,
.validation-error {
    background-color: #f7d9d9;
    border-color: #ae0000;
    color: #ae0000;
}
/* Character Count */
.char-count em {
    font-style: normal;
    font-weight: bold;
    margin-right: .2em;
}
/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    background-color: #f0dddd;
}


/* =============================================================================
   NAVIGATION
   ========================================================================== */

/* [NAV - MAIN]
-------------------------------------------------------*/

#nav-main {
    width: 100%;
    z-index: 1;
    text-align: right;
    letter-spacing: -4px;
}

    #nav-main li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        position: relative;
        letter-spacing: normal;
        background: #fff;
    }

        #nav-main li a {
            display: inline-block;
            zoom: 1;
            *display: inline;
            padding: 1.0em 0.5em 1.4em 0.5em;
            font-size: 1.14em;
            text-transform: uppercase;
            color: #414141;
            z-index: 1;
            position: relative;
            text-decoration: none;
        }

        #nav-main li:hover a, #nav-main li.active a {
            color: #1c3f95;
        }

        #nav-main li:hover a {
            background: #F4F4F4;
        }

    /* Sub-menu */

    #nav-main ul {
        position: absolute;
        top: -9999em;
        z-index: 1;
        background: #F4F4F4;
        margin: 0;
        -webkit-box-shadow: 0px 3px 2px -2px #ccc;
        box-shadow: 0px 3px 2px -2px #ccc;
        text-align: left;
    }

        /* Drop Down Menu Positioning *
/* 2nd tier */
        /* Training > AOA 21 */
        #nav-main ul li ul {
            transition-property: all;
            transition-delay: 0.3s;
            transition-duration: 0.5s;
            transition-timing-function: linear;
            -webkit-backface-visibility: hidden;
        }

    #nav-main li:hover ul {
        top: 100%;
        z-index: 1;
        zoom: 1;
        left: 0;
    }
        /* 3rd tier */
        #nav-main li:hover ul ul {
            top: -999em;
        }

        #nav-main li:hover ul li:hover ul {
            left: 104%;
            *left: 100%;
            top: 0;
            transition-property: all;
            transition-delay: 0.3s;
            transition-duration: 0s;
            transition-timing-function: linear;
            -webkit-backface-visibility: hidden;
        }

    #nav-main li ul li ul, #nav-main {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
    }
        /* 4th tier */
        #nav-main li:hover ul li:hover ul ul {
            top: -999em;
        }

        #nav-main li:hover ul li:hover ul li:hover ul {
            left: 104%;
            *left: 100%;
            top: 0;
        }

        #nav-main li ul li, #nav-main li ul ul li {
            display: block;
            *display: block;
            zoom: 1;
            background: #f4f4f4;
        }

        #nav-main ul a {
            min-width: 120px;
            width: 100%;
            padding: .5em .5em .5em 0;
            text-indent: .5em;
            white-space: nowrap;
            color: #414141 !important;
            font-size: 14px;
            text-transform: capitalize;
        }

        #nav-main ul li:hover > a, #nav-main ul ul li:hover > a {
            background: #fff;
        }

        #nav-main ul li:hover a {
            color: #1c3f95 !important;
        }

/* [SIDEBAR MENU]
-------------------------------------------------------*/

.menu nav ul {
    margin: 0;
    padding: 0;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    font-size: 1.14em;
}

.menu nav li {
    border-top: solid 1px #EEEEEE;
}

    .menu nav li a:link, .menu nav li a:active, .menu nav li a:visited {
        padding: 0.7em 20px;
        display: block;
        position: relative;
        color: #414141;
    }

    .menu nav li a:hover {
        color: #1C3F95;
        text-decoration: none;
    }

    .menu nav li.active a {
        background: #1C3F95;
        color: #FFF;
        text-decoration: none;
    }

        .menu nav li.active a:after,
        .menu nav li.active .after {
            content: '>';
            after: '>';
            text-indent: -10000px;
            width: 10px;
            height: 14px;
            position: absolute;
            right: 0.8em;
            top: 50%;
            margin-top: -7px;
            display: block;
            z-index: 1;
            background: url(../img/template/arrow-sprite.png) no-repeat -12px -61px;
        }

.menu nav ul ul {
    background: #fff;
    font-size: 1em;
}

    .menu nav ul ul ul {
        border-top: solid 1px #EEEEEE;
        padding: .3em 0;
        padding-left: 20px;
        list-style: none;
    }

        .menu nav ul ul ul li {
            border-top: none;
        }

            .menu nav ul ul ul li a:link, .menu nav ul ul ul li a:active, .menu nav ul ul ul li a:visited {
                padding: 0.2em 20px;
                display: block;
                position: relative;
                color: #414141;
            }

            .menu nav ul ul ul li a:hover {
                color: #1c3f95;
            }

            .menu nav ul ul ul li.active a:after,
            .menu nav ul ul ul li.active a .after {
                background: none;
            }

            .menu nav ul ul ul li a:before,
            .menu nav ul ul ul li a .before {
                content: '<';
                before: '<';
                text-indent: -10000px;
                width: 7px;
                height: 12px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -6px;
                display: block;
                z-index: 1;
                background: url(../img/template/arrow-sprite.png) no-repeat -12px -91px;
            }

            .menu nav ul ul ul li a:hover:before,
            .menu nav ul ul ul li a:hover .before {
                content: '<';
                before: '<';
                text-indent: -10000px;
                width: 7px;
                height: 12px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -6px;
                display: block;
                z-index: 1;
                background: url(../img/template/arrow-sprite.png) no-repeat -12px -104px;
            }

/* [PAGINATION]
-------------------------------------------------------*/
.pagination {
    text-align: right;
    margin: 0 0 .5em;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    clear: both;
    font-family: 'webfont', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #7e7e7e;
}

    .pagination ul {
        padding: 0;
        margin: 0;
        he;
    }

    .pagination li {
        display: inline;
        margin-right: .35em;
        background: none;
        padding: 0;
    }
    /* Prev and Next */
    .pagination .prev, .pagination .next {
        position: relative;
    }

    .pagination .prev {
        padding-left: 1em;
    }

    .pagination .next {
        padding-right: 1em;
    }

    .pagination .prev:before, .pagination .prev .before {
        content: '<';
        before: '<';
        text-indent: -10000px;
        text-align: left;
        width: 7px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        display: block;
        z-index: 1;
        background: url(../img/template/arrow-sprite.png) no-repeat -3px -18px;
    }

    .pagination .prev a:before, .pagination .prev a .before {
        content: '<';
        before: '<';
        text-indent: -10000px;
        text-align: left;
        width: 7px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        display: block;
        z-index: 1;
        background: #EEEEEE url(../img/template/arrow-sprite.png) no-repeat -3px -46px;
    }

    .pagination .next:before, .pagination .next .before {
        content: '>';
        before: '>';
        text-indent: -10000px;
        text-align: left;
        width: 7px;
        height: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        display: block;
        z-index: 1;
        background: url(../img/template/arrow-sprite.png) no-repeat -13px -18px;
    }

    .pagination .next a:before, .pagination .next a .before {
        content: '>';
        before: '>';
        text-indent: -10000px;
        text-align: left;
        width: 7px;
        height: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        display: block;
        z-index: 1;
        background: #EEEEEE url(../img/template/arrow-sprite.png) no-repeat -13px -46px;
    }
    /* Page Count */
    .pagination .page-count {
        margin: 0;
        position: absolute;
        left: 0;
        top: 5px;
        font-weight: bold;
    }
    /* Page Links and Active State */
    .pagination a:link,
    .pagination a:visited,
    .pagination .active {
        padding: .25em .46em;
    }

    .pagination a:hover,
    .pagination a:focus,
    .pagination .active {
        background-color: #fff;
        text-decoration: none;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    .pagination .prev a:hover,
    .pagination .prev a:focus,
    .pagination .next a:hover,
    .pagination .next a:focus {
        background: none;
        text-decoration: underline;
    }

    .pagination .prev a, .pagination .next a {
        padding: .25em 0;
    }

    .pagination .sf_pagerNumeric {
        display: inline-block;
    }

.sortable {
    float: left;
    margin-top: -6px;
    text-align: left;
    text-transform: none;
    background-color: none;
}

.pagination .sortable .focus.hover.active {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    background-color: transparent;
}

.pagination .feed a, .pagination .feed a:visited {
    color: #7e7e7e;
    text-transform: none;
    background: none;
}

    .pagination .feed a:hover {
        text-decoration: underline;
        background: none;
    }

/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span {
    background-image: url("../img/template/uniform-sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.selector, div.checker, div.radio {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as :focus to remove browser styles */
}

    div.selector:focus, div.checker:focus, div.radio:focus {
        outline: 0;
    }

    div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker * {
        margin: 0;
        padding: 0;
    }

        /* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
        div.checker input,
        input[type="search"],
        input[type="search"]:active {
            -moz-appearance: none;
            -webkit-appearance: none;
        }

/* Select */
div.selector {
    background-position: 0 -217px;
    line-height: 39px;
    height: 39px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right -2px;
        height: 39px;
        line-height: 39px;
        padding-right: 25px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector.fixedWidth {
        width: 190px;
    }

        div.selector.fixedWidth span {
            width: 155px;
        }

    div.selector select {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        height: 39px;
        top: 0px;
        *top: 15px;
        left: 0px;
        width: 100%;
    }

    div.selector.active {
        background-position: 0 0;
    }

        div.selector.active span {
            background-position: right 0;
        }

    div.selector.hover, div.selector.focus {
        background-position: 0 -260px;
    }

        div.selector.hover span, div.selector.focus span {
            background-position: right -45px;
        }

        div.selector.hover.active, div.selector.focus.active {
            background-position: 0 -260px;
        }

            div.selector.hover.active span, div.selector.focus.active span {
                background-position: right -45px;
            }

    div.selector.disabled, div.selector.disabled.active {
        background-position: 0 -389px;
    }

        div.selector.disabled span, div.selector.disabled.active span {
            background-position: right -174px;
        }

/* Checkbox */
div.checker {
    position: relative;
}

    div.checker, div.checker span, div.checker input {
        width: 19px;
        height: 19px;
    }

        div.checker span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: 0 -431px;
        }

            div.checker span.checked {
                background-position: -76px -431px;
            }

        div.checker input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

        div.checker.active span {
            background-position: -19px -431px;
        }

            div.checker.active span.checked {
                background-position: -95px -431px;
            }

        div.checker.hover span, div.checker.focus span {
            background-position: -38px -431px;
        }

            div.checker.hover span.checked, div.checker.focus span.checked {
                background-position: -114px -431px;
            }

        div.checker.hover.active span, div.checker.focus.active span {
            background-position: -57px -431px;
        }

            div.checker.hover.active span.checked, div.checker.focus.active span.checked {
                background-position: -133px -431px;
            }

        div.checker.disabled, div.checker.disabled.active {
            background-position: -152px -431px;
        }

            div.checker.disabled span.checked, div.checker.disabled.active span.checked {
                background-position: -171px -431px;
            }

/* Radio */
div.radio {
    position: relative;
}

    div.radio, div.radio span, div.radio input {
        width: 18px;
        height: 18px;
    }

        div.radio span {
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
            background-position: 0 -450px;
        }

            div.radio span.checked {
                background-position: -72px -450px;
            }

        div.radio input {
            opacity: 0;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            border: none;
            background: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            zoom: 1;
            text-align: center;
        }

        div.radio.active span {
            background-position: -18px -450px;
        }

            div.radio.active span.checked {
                background-position: -90px -450px;
            }

        div.radio.hover span, div.radio.focus span {
            background-position: -36px -450px;
        }

            div.radio.hover span.checked, div.radio.focus span.checked {
                background-position: -108px -450px;
            }

        div.radio.hover.active span, div.radio.focus.active span {
            background-position: -54px -450px;
        }

            div.radio.hover.active span.checked, div.radio.focus.active span.checked {
                background-position: -126px -450px;
            }

        div.radio.disabled span, div.radio.disabled.active span {
            background-position: -144px -450px;
        }

            div.radio.disabled span.checked, div.radio.disabled.active span.checked {
                background-position: -162px -450px;
            }


/* PRESENTATION */

/* Select */
div.selector {
    font-size: 15px;
}

    div.selector span {
        color: #595959;
        text-shadow: 0 1px 0 white;
    }

    div.selector select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        border: none;
    }

    div.selector.disabled span, div.selector.disabled.active span {
        color: #bbb;
    }

/* Checker */
div.checker {
    margin-right: 5px;
}

/* Radio */
div.radio {
    margin-right: 3px;
}

/* select smaller */
div.selector.smaller, div.selector.smaller span {
    background-image: url("../img/template/uniform-sprite_sml.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

/* Select smaller */
div.selector.smaller {
    background-position: 0 -192px;
    line-height: 33px;
    height: 33px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}

    div.selector.smaller span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        background-position: right -2px;
        height: 33px;
        line-height: 33px;
        padding-right: 25px;
        cursor: pointer;
        width: 100%;
        display: block;
    }

    div.selector.smaller.fixedWidth {
        width: 190px;
    }

        div.selector.smaller.fixedWidth span {
            width: 155px;
        }

    div.selector.smaller select {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        height: 33px;
        top: 0px;
        *top: 15px;
        left: 0px;
        width: 100%;
    }

    div.selector.smaller.active {
        background-position: 0 0;
    }

        div.selector.smaller.active span {
            background-position: right 0;
        }

    div.selector.smaller.hover, div.selector.smaller.focus {
        background-position: 0 -229px;
    }

        div.selector.smaller.hover span, div.selector.smaller.focus span {
            background-position: right -39px;
        }

        div.selector.smaller.hover.active, div.selector.smaller.focus.active {
            background-position: 0 -268px;
        }

            div.selector.smaller.hover.active span, div.selector.smaller.focus.active span {
                background-position: right -78px;
            }

    div.selector.smaller.disabled, div.selector.smaller.disabled.active {
        background-position: 0 -389px;
    }

        div.selector.smaller.disabled span, div.selector.smaller.disabled.active span {
            background-position: right -174px;
        }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

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

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

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

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

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

    header, #wrap-content, p#breadcrumbs, footer, #sub-footer, #wrap, .sidebar #content-main, .panel #content-main, .sidebar.panel #content-main {
        width: 100% !important;
        padding: 0;
        margin: 0;
        float: left;
        clear: left;
    }


    #welcome {
        float: none;
        padding: 0;
        width: 100%;
    }

    header > a[title]:after {
        content: "" attr(title) "";
        float: left;
        display: block;
        clear: left;
        margin-bottom: 2em;
    }

    p.feedback {
        padding: 0 !important;
    }

    .landing .pages li {
        display: inline;
        float: none;
    }

    .landing .pages .img {
        height: auto;
        overflow: auto;
    }

        .landing .pages .img span {
            position: static;
        }

    img#logo {
        position: static;
        width: 100px;
        float: left;
    }

    #account, .search, #nav-main, #slider, #login, .sidebar #sidebar, #content-aside, .filter, .notify, #sub-footer {
        display: none !important;
    }
}

.mobile-only {
    display: none;
}

ul.board-directors {
    padding: 0;
}

.board-directors li {
    display: inline-block;
    list-style: none;
    width: 48%;
    padding-bottom: 3em;
}

h2 + ul.board-directors {
    margin-top: 1.5em;
}

table.events {
    width: 100%;
    border-collapse: collapse;
}

table.board-committees td:not(.noBottom-padding) {
    padding-bottom: 78px;
}

table.board-committees td:nth-of-type(1) {
    width: 30%;
}

table.board-committees td:nth-of-type(2) {
    width: 25%;
}

table.aoa-residents, table.board-committees {
    width: 110%;
}

table.state-branches {
    width: 110%;
}

    table.state-branches td:nth-of-type(1) {
        width: 30%;
    }

    table.state-branches td:nth-of-type(2) {
        width: 25%;
    }

    table.state-branches td:nth-of-type(3) {
        width: 0;
    }

ul.branches {
    padding: 0;
    margin: 0;
    width: 110%;
}

.branches li {
    display: inline-block;
    list-style: none;
    width: 30%;
    padding-bottom: 3em;
    vertical-align: top;
}

table.events td:nth-of-type(1) {
    width: 13%;
}

table.events td:nth-of-type(2) {
    width: 29%;
}

table.events td:nth-of-type(3) {
    width: 20%;
}

table.events td:nth-of-type(4) {
    width: 20%;
}