/*-----------------------------------------------Grey Box Method - Layout CSS----------------------------------------------- */

html, body { 
    /*background: #eee url('../img/bodybg.png') repeat-x ; */ /*border-top: 5px solid #384c92; */
    
    color: #333; /*font-size: 13px;*/
    font-size: 100%;
    height: 100%;
}

#docbody {
    font: 0.825em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    line-height: 1.625em;
}

    #docbody strong {
        font-weight: bold;
    }

#main {
    overflow: auto;
    padding-bottom: 300px;
}

.wrapper { /* oldposition: relative;  min-height: 100%;  height: auto !important;   height: 100%;    margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
    min-height: 100%;
}

.footer {
    clear: both;
    height: 250px;
    background: #384c92;
    margin: 0 auto;
    position: relative; /* new bit below */
    margin-top: -250px;
}
/*Opera Fix*/

body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
    /;
}
/* anchors----------------------------------------------- */

a {
    color: #000;
    font-weight: bold; /*text-decoration: none; */
}

    a:hover {
        color: #666;
    }
/* 960 grid system container background----------------------------------------------- */

.container_12, .container_16 { /*background: #fff; */
}
/* headings----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .3em;
}
/*h2 {font-size: 1.825em; font-family: Segoe UI Light, 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Sans-Serif; margin-top:1em;} */

h2 {
    font-size: 1.825em;
    font-family: 'Century Gothic', CenturyGothic, 'AppleGothic Regular', AppleGothic, sans-serif;
    margin-top: 1em;
    font-weight: bold;
}
/* h2 {font-size: 1.625em; font-family:  Charcoal, Impact, sans-serif;margin-top:1em; font-weight: bold;  } */ /* h3 {font-size: 1.75em; font-family: Georgia, Times New Roman, Sans-Serif; letter-spacing: 0px;  }*/ /* h3 {color: #384c92; font-size: 1.5em; font-family: Segoe UI Light, 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Sans-Serif; letter-spacing: 0px;  }*/ /* h3 {font-size: 1.5em; font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; letter-spacing: 0px; font-weight: bold; } */

h3 {
    font-size: 1.5em;
    font-family: 'Century Gothic', CenturyGothic, 'AppleGothic Regular', AppleGothic, Futura, sans-serif;
    letter-spacing: 0px;
    font-weight: bold;
}
/*h3 {font-size: 1.625em; text-transform: uppercase;  }*/

h4 {
    font-size: 1.25em;
    text-transform: uppercase;
}

h5 {
    margin-top: 10px;
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
    text-transform: uppercase;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none;
        font-weight: normal;
    }

h1 a {
    font-weight: normal;
}
/* branding----------------------------------------------- */

#branding h1, #branding h2 {
    position: absolute;
    left: -9999px;
}

#branding .siteName {
    background: url('//d32ls05cbovo06.cloudfront.net/css/images/logo.gif') no-repeat;
    height: 100px;
}

#branding .siteTagline {
    background: url('//d32ls05cbovo06.cloudfront.net/css/images/title.gif') no-repeat;
    height: 100px;
}

#branding {
    text-align: left;
    background: #384c92;
}

.branding {
    background: #384c92;
}
/* page heading----------------------------------------------- */

h2#page-heading {
    padding: .5em;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
}
/* gallery ------------------------------*/

.gallery {
    margin: 0;
    padding: 0;
}

    .gallery .photo {
        margin: 0 10px 20px 10px;
        padding: 10px 0 1px 0;
        font-size: 0.75em;
        line-height: 1.25em;
        list-style: none;
        width: 200px;
        float: left;
        text-align: center;
    }

    .gallery .alpha {
        margin-left: 0;
    }

    .gallery .omega {
        margin-right: 0;
    }

    .gallery .photo img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
/* boxes----------------------------------------------- */

.box {
    background: #ddd;
    margin-bottom: 20px;
    padding: 10px 10px 1px 10px;
    font-size: 11px;
}

    .box h2 {
        font-size: 1em;
        font-weight: normal;
        text-transform: uppercase;
        font-family: Helvetica, Arial, Sans-Serif;
        color: #fff;
        background: #333;
        margin: -10px -10px 0 -10px;
        padding: 6px 12px;
    }

        .box h2 a, .box h2 a.visible {
            color: #fff;
            background: #333 url("//d32ls05cbovo06.cloudfront.net/css/images/switch_minus.gif") 97% 50% no-repeat;
            display: block;
            padding: 6px 12px;
            margin: -6px -12px;
            border: none;
        }

.grid_4 .box h2 a {
    background-position: 97% 50%;
}

.grid_5 .box h2 a {
    background-position: 98% 50%;
}

.grid_12 .box h2 a {
    background-position: 99% 50%;
}

.box h2 a.hidden, .box h2 a.hidden:hover {
    background-image: url("//d32ls05cbovo06.cloudfront.net/css/images/switch_plus.gif");
}

.box h2 a:hover {
    background-color: #111;
}

.block {
    padding-top: 10px;
}

div.sidebar {
    float: right;
}

.homepage {
    font-size: 0.75em;
}

    .homepage h2 {
        color: #384c92; /*    font-weight: bold; */
    }

.alert, .alert a {
    color: #990000;
    font-weight: bold;
}
/* paragraphs, quotes and lists----------------------------------------------- */

p {
    margin-bottom: 1em;
}

blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2em;
    padding-left: 1em;
    border-left: 4px solid #ccc;
}

    blockquote cite {
        font-size: .9em;
    }

ul, ol {
    padding-top: 0;
}
/* menus----------------------------------------------- */

.menu li {
    list-style-type: none;
    margin: 0;
}

    .menu li a {
        display: block;
        padding: 4px 10px;
        border-bottom: 1px solid #ccc;
        text-decoration: none;
    }

    .menu li.current {
        background: #ccc;
    }

    .menu li a.current {
        color: #666;
    }

    .menu li a:hover {
        background: #eee;
    }

    .menu li a:active {
        background: #ccc;
    }
/* submenus----------------------------------------------- */

ul.menu ul {
    list-style: none;
    margin: 0;
}

    ul.menu ul li a {
        padding-left: 30px;
    }
/* section menus----------------------------------------------- */

ul.section {
    border-top: 0;
    margin-bottom: 0;
}

    ul.section li {
        text-transform: uppercase;
    }

        ul.section li a {
            background: #bbb;
        }

            ul.section li a:hover {
                background: #aaa;
            }

            ul.section li a:active {
                color: #fff;
                background: #666;
            }

        ul.section li li a {
            background: #ddd;
            border-bottom: 1px solid #eee;
        }

            ul.section li li a:hover {
                background: #ccc;
            }

            ul.section li li a:active {
                color: #000;
                background: #fff;
            }

    ul.section ul li {
        text-transform: none;
    }

    ul.section ul.current li a {
        background: #eee;
        border-bottom: 1px solid #fff;
    }

        ul.section ul.current li a:hover {
            background: #ddd;
        }

        ul.section ul.current li a:active {
            background: #fff;
        }

    ul.section li a.current {
        color: #fff;
        background: #666;
    }

        ul.section li a.current:hover {
            background: #555;
        }

        ul.section li a.current:active {
            background: #444;
        }

    ul.section li a.active {
        background: #fff;
        cursor: default;
    }

    ul.section li.current > a.active, ul.section li.current > a.active:hover {
        color: #fff;
        background: #666;
        cursor: default;
    }
/* breadcrumb */

#breadcrumb {
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    overflow: auto;
    font-size: 0.6875em;
    font-weight: bold;
}

    #breadcrumb ul {
        padding: 0 1em 1em 0;
    }

    #breadcrumb li {
        list-style-type: none;
        margin: 0;
        float: left;
        color: #aaa;
    }
        /* padding - ???, left, height, ??? */

        #breadcrumb li a {
            padding: 0 16px 3px 0;
            background: transparent url('/css/images/breadcrumb.png') no-repeat right center;
        }
/* wizard step */

.wizardsteps {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: auto;
    font-weight: bold;
}

    .wizardsteps li {
        margin: 0;
        float: left;
        color: #aaa; /*list-style-image: url('/css/images/breadcrumb.png'); */
        list-style: decimal;
        padding: 0px 26px 0px 0;
    }

        .wizardsteps li.currentWizardStep {
            color: Black;
        }
/* table----------------------------------------------- */

table { /*width:100%;*/ /*border:1px solid #bbb;*/
    border: 0px;
    margin-bottom: 10px;
}

.ruled {
    border-bottom: 1px solid #ccc;
}

.chkChoice input {
    margin-right: 0.5em;
    vertical-align: bottom;
    position: relative;
    top: -4px;
    width: 13px;
    height: 13px;
    *overflow: hidden;
}

.chkChoice label {
}

col.colC {
    width: 8em;
}

th, td {
    padding: .2em 1em;
    text-align: left;
}

thead th { /*border-bottom:2px solid #888;*/
    background: #bbb;
    padding: .4em 1em .2em;
}

    thead th.table-head {
        font-size: 1em;
        font-weight: normal;
        text-transform: uppercase;
        color: #fff;
        background: #555; /*border:1px solid #555;*/
    }

tbody th, tbody td { /* border-top:1px solid #bbb; */ /* border-bottom:1px solid #bbb;*/
    background: #eee;
}

tbody tr.odd th, tbody tr.odd td {
    background: #fff;
}

tfoot th, tfoot td {
    border-top: 2px solid #666;
    background: #eee;
}

tfoot tr.total th, tfoot tr.total td {
    border-top: 6px double #666;
}

tfoot tr.total th {
    text-transform: uppercase;
}

th.currency, td.currency {
    text-align: right;
}
/* forms----------------------------------------------- */

form {
    overflow: hidden;
}

fieldset { /*border:1px solid #bbb;*/
    padding: 5px;
    position: relative; /*background:#e9e9e9;*/
    margin-bottom: 10px;
}

legend {
    font-size: 1.1em;
    padding: .4em .8em;
    background: #fff;
    border: 1px solid #bbb;
}

fieldset.login p {
    margin-bottom: 1em;
    margin-top: 0pt;
}

fieldset p label {
    width: 98%;
}

fieldset p input {
    width: 98%;
}

fieldset p select {
    width: 99%;
}

fieldset.login p label {
    float: left;
    line-height: 2em;
    margin-right: 3%;
    text-align: right;
    width: 32%;
}

fieldset.login p input {
    width: 120px;
}

fieldset.login input.button {
    margin-left: 35%;
}

fieldset.login div.right {
    margin-left: 35%;
}

    fieldset.login div.right input {
        margin-right: 5px;
        margin-bottom: 0.5em;
        margin-top: 0pt;
    }

form p.notice {
    font-weight: bold;
}

input.search.text {
    width: 66%;
}

input.search.button {
    width: 28%;
    margin-left: 2%;
}

 articles----------------------------------------------- */

.articles {
    padding: 0;
}

#articles {
    padding-top: 0;
}

.article {
    border-top: 1px solid #ccc;
    padding-top: .5em;
    margin-left: 0;
}

.subpage {
    margin-left: 0;
}

ul.articles li.article {
    list-style: none;
}

.box .article {
    border-top: 3px solid #fff;
    padding: 13px 10px 0 10px;
}

.article h2 a, .event h2 a {
    font-size: 1.5em;
    font-weight: normal;
}

.article h3 a, .event h3 a {
    font-weight: normal;
}

.article a:hover, .event a:hover {
    text-decoration: underline;
}

.first {
    border-top: none;
}

.article h4, .event h4 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.article a.image, .event a.image {
    float: left;
    margin: 3px 10px 3px 0;
    padding: 4px;
    border: 1px solid #bbb;
    background: #fff;
}

    .article a.image:hover, .event a.image:hover {
        border: 1px solid #666;
    }

    .article a.image img, .event a.image img {
        float: left;
    }

p.meta, p.meta {
    color: #666;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: .3em 0;
    margin-bottom: .8em;
}

.article p.event_summary, .event p.event_summary {
    min-height: 70px;
}

.feature {
    border-bottom: 3px solid #999;
}

.article {
    clear: both;
}
/* site information----------------------------------------------- */

#site_info {
    color: #abc; /*background:#666; */ /*padding-bottom:0px; */
    font-size: 0.65em;
    text-align: center;
}

    #site_info a {
        color: #fff;
    }

        #site_info a:hover {
            color: #000;
        }

    #site_info p {
        margin-bottom: 0px;
    }
/* AJAX sliding shelf----------------------------------------------- */

#loading {
    float: right;
    margin-right: 14px;
    margin-top: -2px;
}

.block {
    padding-bottom: 1px;
}
/* Accordian----------------------------------------------- */

.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size: 1.1em;
    font-weight: normal;
}

.element h4 {
    margin: 0;
    padding: 4px;
    line-height: 1.2em;
}

.element p {
    margin: 0;
    padding: 4px;
}

.float-right {
    padding: 10px 20px;
    float: right;
}

#accordian-block {
    padding-bottom: 10px;
}
/* Mootools Kwicks----------------------------------------------- */

#kwick-box {
    padding: 0;
    overflow: hidden;
}

    #kwick-box h2 {
        margin: 0;
    }

#kwick {
    position: relative;
}

    #kwick .kwicks {
        display: block;
        background: #999;
        height: 120px;
        list-style: none;
        margin: 0;
        overflow: hidden;
    }

    #kwick li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #kwick .kwick {
        display: block;
        cursor: pointer;
        overflow: hidden;
        height: 100px;
        width: 215px;
        padding: 10px;
        background: #fff;
    }

        #kwick .kwick span {
            color: #fff;
        }

    #kwick .one {
        background: #666;
    }

    #kwick .two {
        background: #777;
    }

    #kwick .three {
        background: #888;
    }

    #kwick .four {
        background: #999;
    }
/* --------------------------------------------------------------    =EVENTS-------------------------------------------------------------- */ /*div.event_main {    float: left;    width: 495px;    padding-right: 15px; } */

div.event_calendar {
    margin-left: auto;
    margin-right: auto;
    width: 220px;
}

div.event_main h2 {
    font-size: 22px;
}

div.event_nav {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    font-size: 11px;
    padding: 3px 0;
    position: relative;
    float: left;
    width: 100%;
}

    div.event_nav p {
        font-size: 11px;
        float: left;
        margin: 0;
    }

    div.event_nav a.next_month {
        position: absolute;
        right: 0px;
        top: 4px;
    }

    div.event_nav a.previous_month {
        position: absolute;
        right: 65px;
        top: 4px;
    }
/*div.event_sidebar {    width: 220px;    float: left;} */

div.event_sidebar h5 {
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #ccc;
}

h5 a.previous_month span, h5 a.next_month span {
    display: none;
}

h5 a.previous_month, h5 a.next_month {
    width: 9px;
    display: block;
    float: left;
    height: 13px;
    margin-right: 4px;
    background-position: top left;
    background-repeat: no-repeat;
}

h5 a.previous_month {
    background-image: url(//d32ls05cbovo06.cloudfront.net/css/images/arrow_left.gif);
}

h5 a.next_month {
    background-image: url(//d32ls05cbovo06.cloudfront.net/css/images/arrow_right.gif);
}

table.sm_calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 200px;
    font-size: 11px;
}

    table.sm_calendar th, table.sm_calendar td {
        padding: 2px;
        border: 1px solid #e7e7e7;
        text-align: center;
    }

abbr {
    font-size: 10px;
}

table.sm_calendar td.eventDay {
    background-color: #c6364a;
    color: white;
    font-weight: bold;
    position: relative !important;
}

div.events_today {
    position: absolute;
    background: #fff;
    color: #000;
    border: 1px solid #444;
    z-index: 99999;
    width: 200px;
    text-align: left;
    padding: 10px;
    display: none;
}

    div.events_today h6 {
        margin: 0 0 5px 0;
        font-size: 14px;
        background: url(images/calendar-day.png) left center no-repeat;
        padding: 1px 0 1px 18px;
    }

table.sm_calendar th {
    font-weight: bold;
}

p.ical_export {
    padding: 10px 0;
    font-size: 12px;
}

    p.ical_export a {
        background: url(images/calendar-day.png) left center no-repeat;
        padding: 1px 0 1px 18px;
    }

ul.events_list {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.events_list li {
        clear: both;
        margin: 0;
        padding: 15px 0 0 0;
        float: left;
        list-style: none;
        width: 100%;
    }

        ul.events_list li p.event_date_cal {
            width: 40px;
            margin: 0 15px 0 0;
            text-align: center;
            border: 1px solid #999;
            float: left;
            -moz-box-shadow: 0px 0px 3px #c1c1c1;
        }

span.event_date_cal_day {
    display: block;
    background: #ccc;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
}

span.event_date_cal_month {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.events_list li h3 {
    margin: 0;
    font-size: 18px;
}

ul.events_list li p {
    font-size: 12px;
}

p.event_name {
    line-height: normal;
    margin-bottom: 0.5em;
}
/* tooltip */

div.tooltip {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    background: rgba(0,0,0,0.5);
    color: #fff;
    z-index: 99999;
    width: 190px;
    text-align: left;
    padding: 5px;
    display: none;
    margin-top: 20px;
}

    div.tooltip ul {
        margin-bottom: 0;
    }

    div.tooltip li {
        margin-left: 15px;
    }
/* ----------- NEWS LIST ------------- */

ul.news_list li {
    margin-left: 0;
    list-style-type: none;
}
/* ------------ MEDIA --------------- */

.media {
    list-style-type: none;
}

    .media li.file {
        margin: 0 0 10px 0;
        padding: 0 0 10px 20px; /* top right bottom left */
        background: #eee url('/umbraco/images/umbraco/docpic.gif') no-repeat left top;
        list-style-type: none;
    }
/* Site Map */

#site_map {
    font-size: 0.625em; /*background: #ccc; */
}

    #site_map li {
        list-style: none; /*color: #cde; */
    }

    #site_map ul.toplevel {
        padding: 0 20px 10px 0;
        float: left;
        margin: 20px 20px 0px 0px; /* top right bottom left */
        padding-bottom: 0px;
    }

        #site_map ul.toplevel li a {
            color: #fff;
            text-decoration: none;
        }

            #site_map ul.toplevel li a:hover {
                text-decoration: underline;
            }

        #site_map ul.toplevel li {
            font-size: 1.25em;
            margin: 0;
        }
            /* sub-items */

            #site_map ul.toplevel li ul li {
                font-size: 0.75em;
            }

                #site_map ul.toplevel li ul li a {
                    color: #cde;
                    font-weight: bold;
                }

div.toolbox {
    padding-top: 20px;
    float: right;
    color: #abc;
}

.toolbox input {
    width: 100px;
}

.toolbox img {
    padding-left: 10px;
}

.toolbox p {
    font-size: 0.9em;
    padding-bottom: 10px;
    text-align: right;
    margin: 0px;
}

div.toolbox ul {
    float: right;
    list-style-type: none;
    font-size: 0.9em;
    padding-top: 15px;
}

    div.toolbox ul li {
        float: left;
        margin-left: 20px;
    }

    div.toolbox ul a {
        color: #abc;
        cursor: pointer !important;
        font-weight: normal;
    }

        div.toolbox ul a:hover {
            color: #fff;
            font-weight: normal;
        }

.error {
    color: Red;
}

/**umb_name:Box*/
.box {
}