/*
Theme Name: State of Hawaii Template
Theme URI: 
Author: HIC
Author URI: 
Description: Main template for the State of Hawaii Government websites.
Version: 1.0.79
License: 
License URI:
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700') screen;
@import url('onepcssgrid.css') screen;
@import url('print.css') print;

/**********************************************************************
=RESET
**********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.buttons button, #buttons button {
    display: block;
    clear: both;
    margin: 0 0 15px;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */

.last-col {
    margin-right: 0;
}

#page, #footer, .statewide-banner {
    margin: 0 auto;
    text-align: left;
    max-width: 1200px;
}

/**********************************************************************
=GLOBAL
**********************************************************************/
* { /* quick reset */
    margin: 0;
}

body {
    font: 400 1em/1.4em 'Open Sans', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    color: #333;
    background-image: none !important;
}

a {
    color: #0B7482;
    font-style: normal;
    text-decoration: none;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.content a, .primary-content a, .primary a {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.ui-tabs-hide {
    display: none;
}

br.clear {
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSansSemibold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #444;
    font-weight: bold;
    line-height: 1.4em;
}


h1 {
    font-size: 1.5em;
    text-transform: uppercase;
}

h2 {
    font-size: 1.4em;
    text-transform: uppercase;
}

h3 {
    font-size: 1.3em;
    text-transform: uppercase;
}

.sidebar h3 {
    text-transform: none;
    font-weight: normal;
}

.aside h3 {
    margin-bottom: 0;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
    border-bottom: 1px solid #eee;
}

h6 {
    font-size: 1.1em;
}


html.ie8 h1,
html.ie8 h2,
html.ie8 h3,
html.ie8 h4,
html.ie8 h5,
html.ie8 h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.primary-content h3 {
    color: #58585B;
    font-weight: bold;
    padding: 0.5em 0 0.25em;
    text-transform: uppercase;
}


.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
    clear: none;
    display: inline;
    float: left;
    margin-bottom: 1em;
    margin-right: 1.05264%;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.one-col {
    width: 7.36842%;
}

.two-col {
    width: 15.78947%;
}

.three-col {
    width: 24.21052%;
}

.four-col {
    width: 32.63157%;
}

.five-col {
    width: 41.05263%;
}

.six-col {
    width: 49.47368%;
}

.seven-col {
    width: 57.89473%;
}

.eight-col {
    width: 66.31578%;
}

.nine-col {
    width: 74.73684%;
}

.ten-col {
    width: 83.15789%;
}

.eleven-col {
    width: 91.57894%;
}

.twelve-col {
    width: 100%;
    margin-right: 0;
}

.last-col {
    margin-right: 0;
}

.screen-reader {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

#left-area {
    padding: 0 10px 10px 0;
    width: 645px;
    float: left;
}

.fullwidth #left-area {
    width: 100%;
}

.aside-right {
    background: none repeat scroll 0 0 #F2F0E8;
    border: 1px solid #BC9A74;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 248px;
}

.post {
    padding: 15px 0 10px 0;
}

.post-thumbnail {
    display: block;
    float: left;
    position: relative;
    margin-right: 35px;
    margin-top: 6px;
    margin-bottom: 20px;
}

.post-thumb {
    margin-top: 7px;
    margin-left: 7px;
}

span.post-overlay {
    background: url(images/post-overlay.png) no-repeat;
    display: block;
    height: 200px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 200px;
}

s
/* h2 { padding: 0.25em 0; } */
h2.title {
    padding: 0.5em 0 0.25em;
}

h2.title a {
    font-family: 'OpenSansSemibold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #58585B;
    font-weight: bold;
    padding: 0.25em 0;
    text-transform: uppercase;
}

#middle_wrapper .pagetitle {
    border-bottom: 1px solid #CCCCCC;
    color: #58585B;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

h2.title a:hover {
    color: #000;
}

h3.post-title {
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    margin: .5em 0 .5em 0;
    color: #58585B;
}

    h3.post-title a {
        color: #58585B;
    }

        h3.post-title a:hover {
            text-decoration: none;
            color: #056777;
        }

p.description a {
    color: #6e6e6e;
}

.post p.meta-info {
    padding-bottom: 9px;
    padding-top: 9px;
    font-family: 'Kreon', Arial, sans-serif;
    font-weight: lighter;
    font-size: 15px;
    color: #333;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 11px;
}

    .post p.meta-info a, p.description a {
        color: #333;
        text-decoration: none;
    }

        .post p.meta-info a:hover,
        p.description a:hover {
            color: #111;
        }

a.read-more,
.reply-container a,
#commentform input#submit {
    border: 1px solid #ccc;
    color: #fff !important;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    padding: .5em 1em;
    text-decoration: none;
    display: block;
    background: #248893;
    margin-top: 1em;
}


.subheading {
    color: #6C5132;
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
}

.heading {
    color: #6C5132;
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 0.25em;
}

p,
ol,
ul,
dl,
address,
div.post {
    font-size: 1em; /* 16 / 16 = 1 */
    font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

p,
ol,
ul,
dl,
address {
    margin-bottom: 1.3em;
}

html.ie8 p,
html.ie8 ol,
html.ie8 ul,
html.ie8 dl,
html.ie8 address {
    font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p, div.post {
    hyphens: auto;
    text-align: left;
    line-height: 1.5em;
}

li ul,
li ol {
    margin: 0;
    line-height: 1.5em;
    font-size: 1em; /* 16 / 16 = 1 */
}



#main ul li {
    margin: 0 0 .75em 0;
    list-style: disc;
}

#sidebar ul li {
    margin: 0 2em 0.75em;
    line-height: 1.5em;
    list-style-type: disc;
}

    #sidebar ul li ul li ul li {
        margin: 0 2em 0.75em;
        list-style-type: square;
        line-height: 1.5em;
    }

    #sidebar ul li ul li {
        list-style-type: circle;
    }

#sidebar h3 {
    padding: .5em 0;
}

.second-row h3 {
    padding: .5em 0;
}

.group:before,
.group:after,
ul.media-gallery:after,
.statewide-header:before,
.statewide-header:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.group:after {
    clear: both;
}

/*** Vendor-Specific ***/

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(95,42,135, .7);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.clearfix {
    zoom: 1;
    clear: both;
}

::-webkit-selection {
    background: rgba(1,95,115,.8);
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: rgba(1,95,115,.8);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(1,95,115,.8);
    color: #fff;
    text-shadow: none;
}

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

::-webkit-input-placeholder {
    font-size: .875em;
    line-height: 1.4;
}

input:-moz-placeholder {
    font-size: .875em;
    line-height: 1.4;
}

html.ie7 img,
html.iem7 img {
    -ms-interpolation-mode: bicubic;
}

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

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

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


/*** Spotlight ***/
.spotlight {
    padding: 1em 0;
}

    .spotlight h3,
    .spotlight h4 {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        color: #58585B;
        margin-bottom: .5em;
        font-size: 1em;
        padding: 0;
    }

    .spotlight ul {
        list-style-position: inside;
        margin: 0 0 1em 0;
        padding: 0;
    }

        .spotlight ul li {
            list-style-type: square;
            list-style-position: inside;
            display: inline-block;
            width: 100%;
            clear: both;
            padding: 0;
            margin: 0;
        }

            .spotlight ul li a {
                padding: .4em 0;
                display: block;
            }

                .spotlight ul li a:hover {
                    background: rgba(0,0,0,.05);
                }

/*** jQuery Datepicker ***/


/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1em;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #ccc;
    background: #fff;
    color: #222;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
}

    .ui-widget-content a {
        color: #222;
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc;
    color: #222;
    font-weight: normal;
}

    .ui-widget-header a {
        color: #222;
        text-decoration: none;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #ececec;
        color: #555;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background: #dadada;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: #d4d4d4;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}


/*** Icons ***/

/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 100%;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        background: rgba(255,255,255,.7);
        padding: .2em 1em;
        border-radius: .3em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .3em;
    }

    .ui-datepicker .ui-datepicker-next {
        right: .3em;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        font-weight: normal;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        font-weight: normal;
        cursor: pointer;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        color: #297484;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


.displace {
    position: absolute;
    left: -9999px;
    margin-left: -9999px;
}


/*** Captions ***/

div.post .new-post .aligncenter, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin-bottom: 10px;
}

    .wp-caption.alignleft {
        margin: 0px 10px 10px 0px;
    }

    .wp-caption.alignright {
        margin: 0px 0px 10px 10px;
    }

    .wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 10px;
        margin: 0;
    }

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

img.alignleft {
    display: inline;
    float: left;
    margin: 5px 15px 5px 0;
}

img.alignright {
    display: inline;
    float: right;
    margin: 5px 0 5px 15px;
}

img.alignnone {
    margin: 5px 15px 15px 0;
    display: block;
}

img.aligncenter {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*** wp-calendar ***/

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 240px;
}

    #wp-calendar a {
        display: block;
        text-decoration: none;
        font-weight: bold;
    }

        #wp-calendar a:hover {
            text-decoration: underline;
        }

    #wp-calendar caption {
        text-decoration: none;
        font: bold 13px Arial, Sans-Serif;
    }

    #wp-calendar td {
        padding: 3px 5px;
        color: #9f9f9f;
    }

        #wp-calendar td#today {
            color: #ffffff;
        }

    #wp-calendar th {
        font-style: normal;
        text-transform: capitalize;
        padding: 3px 5px;
    }

    #wp-calendar #prev a, #wp-calendar #next a {
        font-size: 9pt;
    }

    #wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
    }

    #wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
    }

#accordian p {
    padding: 10px;
    margin: 0;
}

    #accordian p.first {
        display: block;
        padding: 10px;
        margin: 0;
    }

#accordian h6 {
    background: #b4b4b4;
    color: #fff !important;
    display: block;
    height: 35px;
    padding: 10px;
    border-bottom: 1px solid #F0F0F0;
}

#accordian {
    background: #ddd;
    border: 1px solid #F0F0F0;
}

#dc_jqaccordion_widget-%ID%-item ul a:hover {
    background: #ececec;
    color: #26486e;
}

#dc_jqaccordion_widget-2-item ul,
#dc_jqaccordion_widget-2-item ul li {
    list-style: none outside none !important;
}

/*Add markers to nav widget clean style*/
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent.active::before {
    content: "\25BC" !important;
    display: inline !important;
}

/* Parent links only */
.dcjq-accordion ul a.dcjq-parent::before {
    content: "\25BA" !important;
    display: inline !important;
}

#dc_jqaccordion_widget-2-item li.current_page_item a {
    color: #2AA306;
}

#dc_jqaccordion_widget-3-item ul,
#dc_jqaccordion_widget-3-item ul li {
    border: medium none;
    list-style: none outside none !important;
    margin: 0;
    padding: 0;
}

.ui-icon-triangle-1-e {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #333;
    display: inline-block;
    height: 0;
    margin-left: 12px;
    vertical-align: middle;
    width: 0;
}

.ui-icon-triangle-1-s {
    border-bottom: 5px solid #333;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    margin-left: 12px;
    vertical-align: middle;
    width: 0;
}

/**********************************************************************
=BODY
**********************************************************************/
body ul.skip {
    text-indent: -130%;
    overflow: hidden;
    white-space: nowrap;
    display: inline;
    float: left;
    min-height: inherit;
    position: absolute;
    left: -200%;
}

#backgroundCover {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    /* background: #CD9763; */
    width: 100%;
    height: 100%;
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    z-index: -9999999;
}

/**********************************************************************
=MAINTENANCE
**********************************************************************/

.maintenance_mode #wpadminbar {
    background-color: #C3333D !important;
    background-image: -ms-linear-gradient(bottom,#C3333D,#C3333D 5px) !important;
    background-image: -moz-linear-gradient(bottom,#C3333D,#C3333D 5px) !important;
    background-image: -o-linear-gradient(bottom,#C3333D,#C3333D 5px) !important;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#C3333D ),to(#C3333D)) !important;
    background-image: -webkit-linear-gradient(bottom,#C3333D,#C3333D 5px) !important;
    background-image: linear-gradient(bottom,#C3333D,#C3333D 5px) !important;
}


/**********************************************************************
=SLIVER
**********************************************************************/

.statewide-header {
    font-size: 12px;
    color: #fff;
    background: #3a597a;
    overflow-x: hidden;
    height: 30px;
    border-bottom: 1px solid #eee;
}

    .statewide-header img {
        height: 22px;
    }

    .statewide-header a, .statewide-header a:hover .statewide-header a:visited {
        color: #fff;
    }

.statewide-banner {
    padding: 0;
    color: #fff;
}

    .statewide-banner a {
        color: #fff;
        color: rgba(255,255,255,.8) !important;
        cursor: pointer;
    }

.statewide-banner-left {
    float: left;
    padding-left: .5em;
    position: relative;
    top: 6px;
}

#font-resize {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 30em;
    padding: 0 0 0 2.5em;
    line-height: 1em;
    margin-top: .5em;
    background: url(images/design/sliver/resize.png) center left no-repeat;
}


    #font-resize ul {
        position: relative;
        margin: 0 0 0 1em;
        padding: 0;
        display: inline-block;
    }

    #font-resize li.fontResizer {
        float: left;
        list-style: none;
        position: relative;
        font-size: 1.1em;
        padding-top: 4px;
        margin-bottom: 0;
    }

.statewide-banner-right {
    float: right;
    padding: 0.19em 0.1em 0.1em 2em;
    position: relative;
    margin-top: .5em;
    text-align: right;
    font-size: 1.2em;
    background: url(images/design/sliver/globe.png) center left no-repeat;
}

    .statewide-banner-right a {
        padding-left: .25em;
    }


.statewide-banner #hawaii-home {
    padding-right: 1.5em;
}

#hawaii-home a {
    text-indent: -9999em;
    width: 145px;
    height: 30px;
    display: inline-block;
    background: url(images/design/sliver/hawaii.png) center left no-repeat;
}

/**********************************************************************
=Wrapper
**********************************************************************/

#main .main-content {
    padding: 0 2%;
}

/* .inner-main, */
#footer-widgets,
.inner-footer,
/* #main .inner-main.second, */
.inner-main-full,
#main .inner-main-full.second {
    /*
  padding: 1em 4%;
  width: 92%;
  overflow-x: hidden;
*/
    margin: 0 2%;
}

/* RT140505
#middle_wrapper {position: relative;}
*/

#home_content_wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}





/**********************************************************************
=HEADER
**********************************************************************/
#header {
    padding: 0px;
    position: relative;
    background: none repeat scroll 0 0;
    z-index: 2; /* fix for ie7 menu dropdowns ~ corey */
}

    #header .inner-header {
        padding: 1em 36px .25em 36px;
        overflow: hidden;
    }

    #header h1.title {
        margin: 0 0 .45em 0;
        font-size: 1em;
        line-height: 1.2em;
        text-align: left;
        display: block;
        color: #000;
        text-transform: none;
    }

        #header h1.title a {
            color: #fff;
            font-size: 1em;
            margin: 0 0 .5em 0;
            padding: 0;
            font-weight: normal;
        }


        #header h1.title abbr {
            font-weight: 100;
        }

    #header .seven-col.banner {
        width: 70%;
    }

        #header .seven-col.banner h1 {
            margin-right: 5%;
            margin-bottom: .5em;
        }

    #header .tagline {
        margin-bottom: .25em;
        font-size: .8em;
        font-weight: normal;
        line-height: 1.2;
        color: #fff;
        font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        text-align: left;
        margin: 0;
        padding: 1em .65em 0 .35em;
        text-transform: none;
    }

#header-branding {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    float: none;
    position: relative;
    width: 100%;
}

#header .logo img {
    height: auto;
    padding-top: 3%;
    vertical-align: top;
    width: 100%;
}

#header p.usa-search {
    font-size: .8em;
    text-align: center;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

#nav_toggle {
    display: none;
    float: left;
    width: 40px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    margin: 10px 5px 0 0;
    background: #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}

    #nav_toggle i {
        color: #FFF;
        font-size: 16px;
    }

.title_tagline {
    float: left;
    padding-top: 3%;
    max-width: 65%;
}

/**********************************************************************
=Search
**********************************************************************/

form.search-form input#search-input {
    border: 2px solid #2BABCC; /*CC Search input border color*/
}

#header form.search-form input#search-submit {
    background: url("images/design/icons/icon-sprite.png") no-repeat scroll 0 -175px #2BABCC;
}

#header form.search-form #search-submit:hover, #header form.search-form #search-submit:focus {
    background: #308b98 url(images/design/icons/icon-sprite.png) 0px -175px no-repeat;
}
/*CC Search button hover color*/

form.search-form {
    white-space: nowrap;
}

    form.search-form label {
        text-indent: -9999em;
        display: inline-block;
        position: absolute;
        left: -200%;
    }

form.search-form {
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

/*
form.search-form input#search-input {
  -webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
	background: #fff;
	background: rgba(255,255,255,.8);
	-webkit-appearance: none;
	border-radius: 1em 0 0 1em;
	outline: none;
	font-size: .9em;
	border: 2px solid #2BABCC;
	height: 26px;
	display: inline-block;
	margin: 0;
	float: none;
	padding: 0 .3em;
	width:70%;
}

form.search-form #search-input:focus {border-color: #829C46;}

#header form.search-form input#search-submit {
  -webkit-transition-property: all;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-in-out;
  float: none; 
  background: #2BABCC url(images/design/icons/icon-sprite.png) 0px -175px no-repeat; 
  border: none;
  display: inline-block;
  width: 3em;
  height: 30px;
  margin: 0;
  text-indent: -9999em;
  border-radius: 0 1em 1em 0;
}
*/
#header form.search-form #search-submit:hover, #header form.search-form #search-submit:focus {
    background: #829C46 url(images/design/icons/icon-sprite.png) 0px -175px no-repeat;
}



#header_search button, #main_search button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #C0C0C0;
    border-color: #999999;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 30px;
    width: 20%;
    color: #ffffff;
}

/*** Search Results Form ***/

form.search-results input[type="radio"] {
    margin: 1em .5em 0 0;
}

form.search-results input[type="search"] {
    width: 70%;
}

form.search-results label.radio {
    margin-right: 1.5em;
}


/*** Search Pagination ***/
#search_ul {
    margin: 2em 0;
    padding: 0;
}

    #search_ul li {
        margin-bottom: .5em;
        padding-bottom: 0em;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

        #search_ul li:last-child {
            border-bottom: none;
        }

        #search_ul li a {
            font-weight: bold;
        }

a.search_pagination {
    background: #2BABCC;
    color: #fff;
    border-radius: .3em;
    padding: .5em 1em;
    display: inline-block;
    text-decoration: none;
    opacity: .9;
    margin-bottom: 1em;
}

    a.search_pagination:hover, a.search_pagination:focus {
        opacity: 1;
    }


#et-social-icons a {
    color: #939598 !important;
    font-size: 1.7em;
    margin: 0 1%;
}

    #et-social-icons a:hover {
        text-decoration: none;
    }

.social-media-link-text, .search-button-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#header #search_toggle {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: none;
    float: right;
    height: 30px;
    line-height: 32px;
    margin: 10px 0 0;
    text-align: center;
    width: 40px;
}

    #header #search_toggle i {
        color: #FFFFFF;
        font-size: 16px;
    }

#header_search, #main_search .main_search_box {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

#main_search {
    margin-bottom: 20px;
}

    #header_search label, #main_search label {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #AAAAAA;
        height: 30px;
        left: 0;
        line-height: 34px;
        position: absolute;
    }

#header_search label {
    margin-left: 7px;
}

#main_search label {
    margin-left: 40px;
}

#header_search input[type="text"], #main_search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    box-shadow: 0 0 4px #CCCCCC inset;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 1.2em;
    height: 30px;
    line-height: 30px;
    padding: 0 2%;
    position: relative;
    width: 74%;
}

    #header_search input[type="text"]:before, #main_search input[type="text"]:before {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        height: 100%;
        margin-left: -2%;
        position: absolute;
        width: 100%;
        z-index: -9999;
    }

#header_search img {
    display: block;
    height: auto;
    margin: 40px auto 0;
    width: 120px;
}

/**** Search page ****/
#main_search form span {
    margin-right: 20px;
}

#main_search form {
    margin-bottom: 30px;
}

#main_search ul {
    padding-left: 0;
}

#main_search li {
    margin-top: 5px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#page .primary-content #main_search ul li, #page .inner-main-full #main_search ul li {
    list-style: none;
}

#main_search li a {
    display: block;
    font-weight: bold;
    font-size: 1.1em;
}


/**********************************************************************
=NAVIGATION
**********************************************************************/
#navigation .grid-container:before, #navigation .grid-container:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#navigation .grid-container {
    min-height: 40px;
    line-height: 40px;
    /*  overflow: hidden; */
}

#navigation ul {
    margin-bottom: 0;
}

#navigation li ul {
    padding: 0;
    z-index: 1;
    list-style: none;
}

#navigation ul > li {
    float: left;
    position: relative;
}

#navigation ul li {
    margin: 0 !important;
}

    #navigation ul li a {
        display: inline-block;
        padding: 0 10px;
        color: #FFF !important;
        text-decoration: none;
        font-weight: bold;
    }

        #navigation ul li a.sf-with-ul {
            position: relative;
            padding-right: 30px;
        }

            #navigation ul li a.sf-with-ul:after {
                content: "";
                position: absolute;
                top: 50%;
                margin-top: -3px;
                right: 9px;
                border-top: 6px solid #FFF;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
            }

    #navigation ul li.sfHover a:after {
        margin-top: -9px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid #FFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }


    #navigation ul li.current_page_item > a, #navigation ul li.current_page_ancestor > a, #navigation ul li.current_page_parent > a {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }

#navigation .children, #navigation .sub-menu {
    position: absolute;
    display: none;
}

#navigation div > ul > li > .children, #navigation div > ul > li > .sub-menu {
    border-top: 2px solid #FFF;
}

#navigation .children li, #navigation .sub-menu li {
    float: none;
    border-bottom: 1px solid #FFF;
}

    #navigation .children li a, #navigation .sub-menu li a {
        padding: 10px 10px;
    }

    #navigation .children li.sf-with-ul > a, #navigation .sub-menu li.sf-with-ul > a {
        position: relative;
    }

        #navigation .children li.sf-with-ul > a:after, #navigation .sub-menu li.sf-with-ul > a:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -6px;
            right: 9px;
            border-top: 6px solid transparent;
            border-left: 6px solid #FFF;
            border-bottom: 6px solid transparent;
        }

    #navigation .children li a, #navigation .sub-menu li a {
        min-width: 200px;
        padding-right: 30px;
    }

#navigation .children .children, #navigation .sub-menu .sub-menu {
    position: absolute;
    top: 0px;
    left: 240px;
    border-left: 2px solid #FFF;
}

/* IE7 FIXES FOR NAVIGATION */

.ie7 #navigation .children, .ie7 #navigation .sub-menu {
    left: 0;
    top: 40px;
}

    .ie7 #navigation .children .children, .ie7 #navigation .sub-menu .sub-menu {
        top: auto;
        left: auto;
    }

.ie7 .ie7_arrow {
    display: block !important;
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -3px;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 0;
    height: 0;
    background: #F00;
}

.ie7 .sfHover .ie7_arrow {
    margin-top: -9px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.ie7 #navigation .children .ie7_arrow, .ie7 #navigation .sub-menu .ie7_arrow {
    border-top: 6px solid transparent;
    border-left: 6px solid #FFF;
    border-bottom: 6px solid transparent;
}

#navigation ul {
    padding-left: 30px;
}
/* ************************ */

/**********************************************************************
=NAV
**********************************************************************/
/**********************************************************************

nav {
	width: 100%;
	height: 40px;
	background: #4D76A4;
}

nav .menu {
	padding: 0 2%;
}

/* All */
/**********************************************************************
nav a { 
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	background: #4D76A4;
	text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	-ms-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	-o-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	white-space: nowrap;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
}

/* All */
/**********************************************************************
nav a:hover { 
	background: #324D6B;
	color: #FFF;
	text-decoration: none;
}

nav .current_page_ancestor > a,
nav .current_page_ancestor:hover > a,
nav .current_page_item > a,
nav .current_page_item:hover > a {
  background: #6987A8;
}

/* Top Level */
/**********************************************************************
nav > .menu > ul > li { float: left; }
/* Top Level */
/**********************************************************************
nav > .menu > ul > li.current_page_item > a { background: #6987A8; }
/* Top Level */
/**********************************************************************
nav > .menu > ul > li.current_page_item > a:after { 
	position: absolute;
	margin-left: 50%;
	left: -6px;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
}

/* Top Level */
/**********************************************************************
nav > .menu > ul > li.current_page_ancestor > a:after { 
	position: absolute;
	margin-left: 50%;
	left: -6px;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
}

/* Top Level */
/**********************************************************************
nav > .menu > ul > li > a.parent { 
	position: relative;
	padding-right: 30px;
}

.no-js nav > .menu > ul > li:hover > .children {
	display: block !important;
}

/* Top Level */
/**********************************************************************
nav > .menu > ul > li > a.parent:before {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

nav > .menu > ul > li > a.drop:before {
	border-top: 0;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

/* Second Level */
/**********************************************************************
nav > .menu > ul > li > ul { 
	display: none;
	position: absolute;
	z-index: 99999;
	border-left: 3px solid #555;
}

/* All Below Top */
/**********************************************************************
nav > .menu > ul > li ul li:first-child a { 
	border-top: 1px solid #FFF;
}

nav > .menu > ul > li ul li {
	position: relative;
} 

/* All Below Top */
/**********************************************************************
nav > .menu > ul > li ul a { 
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

/* All Below Top */
/**********************************************************************
nav > .menu > ul > li ul li a.parent { 
	position: relative;
	padding-right: 30px;
}

.no-js nav > .menu > ul > li > ul li:hover > .children {
	display: block !important;
	position: relative !important;
}

/* All Below Top */
/**********************************************************************
nav > .menu > ul > li ul li a.parent:before { 
	position: absolute;
	right: 10px;
	margin-top: 50%;
	top: -6px;
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid #FFF;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* All Below Second Level */
/**********************************************************************
nav > .menu > ul > li > ul li ul { 
	display: none;
	position: absolute;
	top: 0;
	z-index: 9999;
	border-left: 3px solid #555;
}

/**********************************************************************
=MAIN
**********************************************************************/
#main {
    clear: both;
    margin: .5em 0 0 0;
}

/* RT140505
#home_main {padding: 20px 30px;}
*/

#main_body .form_description h2 {
    display: none;
}

p.description {
    padding-top: 10px;
    color: #929292;
    font-size: 20px;
    font-family: 'Kreon', Arial, sans-serif;
    font-weight: lighter;
}

#page {
    background: #fff;
    background: rgba(255,255,255,.96);
    padding: 0;
}

    /* NWH full width blog template 050613 */
    #page .primary-content ul li,
    #page .inner-main-full ul li {
        list-style-type: disc;
        line-height: 1.5em;
    }

    #page .primary-content ol li,
    #page .inner-main-full ol li {
        list-style-type: decimal;
        line-height: 1.5em;
    }

    #page .primary-content ul li ul li,
    #page .inner-main-full ul li ul li {
        list-style-type: circle;
    }

        #page .primary-content ul li ul li ul li,
        #page .inner-main-full ul li ul li ul li {
            list-style-type: square;
        }

li ul, li ol {
    padding-top: 0.5em;
}

ul li:last-child {
    border-bottom: none;
}

ol {
    list-style-position: outside;
    margin: 0 0 0 0.1em;
}

    ol li {
        list-style-type: decimal;
        border-bottom: none;
        list-style-position: outside;
        padding: 0 0 0 0;
        width: auto;
        float: none;
    }

dl, dd {
    margin-bottom: 1 em;
}

dt {
    font-weight: normal;
}

blockquote {
    font-style: italic;
    margin: 0 3em;
    line-height: 1.4em;
    padding: 0;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

abbr[title] {
    cursor: help;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    margin: 1.0em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(204,204,204);
}

ins {
    background-color: rgb(240,240,240);
    color: rgb(0,0,0);
    text-decoration: none;
}

mark {
    background-color: rgb(240,240,240);
    color: rgb(0,0,0);
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: .875em;
    line-height: 1.5;
}

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: 1em; /* 16 / 16 = 1 */
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/************ =links ***********/

a {
    color: #0B7482;
    font-style: normal;
    text-decoration: none;
    padding: 0;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

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

    a:focus {
        outline: thin dotted;
        color: rgb(0,0,0);
        text-decoration: none;
    }

    a:hover,
    a:active {
        color: #14A2D7;
        outline: 0;
        text-decoration: underline;
    }

    a.button {
        text-decoration: none;
    }

    a.read-more {
        clear: both;
    }

.more a {
    font-weight: bold;
}


/*** Read More ***/

a.view, a.readmore {
    background: url(images/design/icons/icon-sprite.png) 100% -238px no-repeat;
    display: inline-block;
    clear: both;
    padding: .3em 2.4em .3em 0;
    font-weight: bold;
    color: #58585B;
    text-align: left;
    float: none;
    font-size: 1em;
    display: inline-block;
    line-height: 1em;
}

    a.readmore:hover, a.readmore:active {
        text-decoration: underline;
        color: #056979;
        cursor: pointer;
    }

#sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a {
    text-decoration: none;
}


/*** Figures & Images ***/
img.wp-post-image {
    margin-bottom: 1em !important;
}

figure {
    margin-bottom: 1.5em;
}

    figure img, figure object, figure embed {
        margin-bottom: .75em;
        max-width: 100%;
    }

figcaption {
    display: block;
    font-weight: normal;
}

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

img#about-image {
    float: left;
    margin: 3px 8px 8px 0px;
}

img, object, iframe, embed, video {
    border: 0 none;
    max-width: 100%;
}

img {
     height: auto;
}

.fluid-width-video-wrapper {
    clear: both;
}

.service .thumb {
    background: url(images/thumb-bg.png) no-repeat;
    width: 242px;
    height: 127px;
    position: relative;
    margin-bottom: 10px;
}

.item-image {
    margin-top: 4px;
    margin-left: 4px;
}

span.more-icon {
    background: url(images/more-icon.png) no-repeat;
    position: absolute;
    display: block;
    height: 41px;
    left: 100px;
    top: 41px;
    width: 40px;
}

/*** Content area Image Styling ***/

#main .primary-content img,
.inner-main .primary-content img {
    padding: .2em;
    background: #fff;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.inner-main-full .primary-content img {
    padding: .2em;
    background: #fff;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
}


#main .ngg-left {
    margin: .25em 1em 1em 0;
}

#main .ngg-right {
    margin: .25em 0 1em 1em;
}


/*** Media Gallery Thumbnails ***/

ul.media-gallery {
    clear: both;
    width: 100%;
}

    ul.media-gallery li {
        width: 20%;
        height: 20%;
        display: block;
        float: left;
        margin: 0 4% 4% 0;
    }

        ul.media-gallery li img:hover, ul.media-gallery li img:active {
            -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
            bottom: 2px;
            position: relative;
        }

        ul.media-gallery li a {
            cursor: pointer;
        }

        ul.media-gallery li img {
            width: 100%;
            border: 5px solid #E6E7E8;
        }

/*** Tables ***/

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.4em;
    width: 100%;
    max-width: 100%;
    overflow: scroll;
    font-size: .875em; /* 14 / 16 = .875 */
}

th, td, caption {
    padding: 8px;
}

table th {
    background-color: #D9EDF7;
}

table th, table td {
    border: 1px solid #ddd;
}

table ul {
    margin-top: .3em;
    margin-bottom: .3em;
}

tbody tr {
    background-color: #fff;
}

    tbody tr:nth-child(even) {
        background-color: #f9f9f9;
    }

tfoot {
    font-style: italic;
}

caption {
    background-color: transparent;
}

/*** Forms ***/

form {
    margin: 0;
}

fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border-width: 0;
}

legend {
    margin: 0 0 1em 0;
    width: 100%;
    font-weight: bold;
    padding: 0;
    border-width: 0;
}

#page fieldset ul, #page .event-listing ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #page fieldset ul li, #page .event-listing ul li {
        list-style: none;
        margin: 0;
        padding: .5em 0;
        display: block;
    }

label {
    font-weight: normal;
    cursor: pointer;
}

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

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

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

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

    input[type="search"] {
        box-sizing: content-box;
    }

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

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

#wp-realtime-sitemap-menu ul code code, #wp-realtime-sitemap-menu ul code, #wp-realtime-sitemap-menu ul {
    font-family: 'Helvetica Neue',Arial,sans-serif !important;
    background: none !important;
}

/* Colors for form validity */
input:valid,
textarea:valid {
    /* Styles */
}

input:invalid,
textarea:invalid {
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    box-shadow: 0 0 2px rgb(255,0,0);
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: rgb(240,221,221);
}

/*** Search Results Form ***/

form.search-results input[type="radio"] {
    margin: 1em .5em 0 0;
}

form.search-results input[type="search"] {
    width: 70%;
}

form.search-results label.radio {
    margin-right: 1.5em;
}


/*** Search Pagination ***/
#search_ul {
    margin: 2em 0;
    padding: 0;
}

    #search_ul li {
        margin-bottom: .5em;
        padding-bottom: 0em;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

        #search_ul li:last-child {
            border-bottom: none;
        }

        #search_ul li a {
            font-weight: bold;
        }

a.search_pagination {
    background: #2BABCC;
    color: #fff;
    border-radius: .3em;
    padding: .5em 1em;
    display: inline-block;
    text-decoration: none;
    opacity: .9;
    margin-bottom: 1em;
}

    a.search_pagination:hover, a.search_pagination:focus {
        opacity: 1;
    }


/* Remove background for images */
img.noborder,
#main .icon {
    padding: 0em !important;
    background: none !important;
    border: 0px solid rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .2) !important;
}


/**********************************************************************
=COLOR THEME
**********************************************************************/
/******** Default ********/
.scheme_text_blue,
#scheme_color_blue #sidebar .widgettitle,
#scheme_color_blue .home_top_widget .widgettitle,
#scheme_color_blue .home_bottom_widget .widgettitle {
    color: #26486E;
}

.scheme_bg_blue,
#navigation .scheme_bg_blue .children,
.scheme_bg_blue .children a {
    background-color: #395878;
}

#scheme_color_blue #navigation ul li a:hover {
    background-color: #26486E !important;
}

#scheme_color_blue #page a,
#scheme_color_blue #page a:visited {
    color: #26486E; /* #LINK */
}

    #scheme_color_blue #page a:hover {
        color: #1383FF; /* #LINKHOVER */
    }

#scheme_color_blue #header h1.title a {
    color: #4D76A4; /* #TITLE */
}

#scheme_color_blue #search-input {
    border-color: #4D76A4 !important; /* #MAIN */
}

#scheme_color_blue #search-submit,
#scheme_color_blue #sidebar #searchform input[type="submit"],
#scheme_color_blue #header_search button,
#scheme_color_blue #main_search button {
    background-color: #4D76A4 !important; /* #MAIN */
}

#scheme_color_blue .top-feature {
    background-color: #4D76A4 !important; /* #FEATURED */
}

#scheme_color_blue .theme-default .nivo-controlNav a.active,
#scheme_color_blue #sidebar #searchform input[type="submit"]:hover,
#scheme_color_blue #header_search button:hover,
#scheme_color_blue #main_search button:hover {
    background: #365473 !important; /* #SECOUNDARY */
}

#scheme_color_blue #featured_buttons ul li a,
#scheme_color_blue #featured_buttons ul li a:visited {
    background: #4D76A4; /* #MAIN */
    color: #ffffff;
}

#scheme_color_blue #search-input:focus,
#scheme_color_blue #search-submit:hover {
    background-color: #365473 !important; /* #SECOUNDARY */
}

#scheme_color_blue #featured_buttons ul li a:hover {
    background: #365473;
    color: #ffffff; /* #SECOUNDARY */
}

#scheme_color_blue .top-feature ul li:hover,
#scheme_color_blue .read-more {
    background-color: #365473 !important; /* #SECOUNDARY */
}

#scheme_color_blue #navigation ul li a,
#scheme_color_blue #navigation ul li a:hover {
    color: #ffffff;
}

#scheme_color_blue #navigation .children li,
#scheme_color_blue #navigation .children li a,
#scheme_color_blue #navigation .sub-menu,
#scheme_color_blue #home_top_widgets .home_top_widget .date {
    background: #4D76A4; /* #MAIN */
}

#scheme_color_blue .mc-main .my-calendar-month {
    background: #4D76A4;
    background: -moz-linear-gradient(top, #4D76A4 1%, #365473 100%); /* #MAIN, #SECOUNDARY */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #4D76A4), color-stop(100%, #365473));
    background: -webkit-linear-gradient(top, #4D76A4 1%, #365473 100%);
    background: -o-linear-gradient(top, #4D76A4 1%, #365473 100%);
    background: -ms-linear-gradient(top, #4D76A4 1%, #365473 100%);
    background: linear-gradient(to bottom, #4D76A4 1%, #365473 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D76A4', endColorstr='#365473',GradientType=0 );
}

#scheme_color_blue #flex_controllers a.active, #flex_controllers a:hover {
    background-color: #26486E !important; /* #LINK */
}

#scheme_color_blue .accordion h6 a {
    color: #26486E !important; /* #LINK */
}

    #scheme_color_blue .accordion h6 a:hover {
        color: #1383FF !important; /* #LINKHOVER */
    }

#scheme_color_blue .widget h3.title {
    color: #365473 !important; /* #SECOUNDARY */
}

@media only screen and (max-width: 767px) {
    #scheme_color_blue .statewide-header {
        background-color: #365473 !important; /* #SECOUNDARY */
    }

    #scheme_color_blue #header .inner-header {
        background-color: #4D76A4 !important; /* #MAIN */
    }

    #scheme_color_blue #header .title a {
        color: #FFF !important;
    }

    #scheme_color_blue #navigation ul li {
        border-bottom: 1px solid #4D75A4; /* #MAIN */
    }
}
/******** Aina - Teal ********/
.scheme_text_teal,
#scheme_color_teal #sidebar .widgettitle,
#scheme_color_teal .home_top_widget .widgettitle,
#scheme_color_teal .home_bottom_widget .widgettitle {
    color: #0B7482;
}

.scheme_bg_teal,
#navigation .scheme_bg_teal .children,
.scheme_bg_teal .children a {
    background-color: #2F95A1;
}

#scheme_color_teal #navigation ul li a:hover {
    background-color: #0B7482 !important;
}

#scheme_color_teal #page a,
#scheme_color_teal #page a:visited {
    color: #0B7482;
}

    #scheme_color_teal #page a:hover {
        color: #14A2D7;
    }

#scheme_color_teal #header h1.title a {
    color: #2BABCC;
}

#scheme_color_teal #search-input {
    border-color: #2BA8B4 !important;
}

#scheme_color_teal #search-submit,
#scheme_color_teal #sidebar #searchform input[type="submit"],
#scheme_color_teal #header_search button,
#scheme_color_teal #main_search button {
    background-color: #2BA8B4 !important;
}

#scheme_color_teal .top-feature {
    background-color: #29AACB !important;
}

#scheme_color_teal .theme-default .nivo-controlNav a.active,
#scheme_color_teal #sidebar #searchform input[type="submit"]:hover,
#scheme_color_teal #header_search button:hover,
#scheme_color_teal #main_search button:hover {
    background: #308B98 !important;
}

#scheme_color_teal #featured_buttons ul li a,
#scheme_color_teal #featured_buttons ul li a:visited {
    background: #29aacb;
    color: #ffffff;
}

#scheme_color_teal #search-input:focus {
    border-color: #308B98 !important;
}

#scheme_color_teal #search-submit:hover {
    background-color: #308B98 !important;
}

#scheme_color_teal #featured_buttons ul li a:hover {
    background: #308B98;
    color: #ffffff;
}

#scheme_color_teal .top-feature ul li:hover,
#scheme_color_teal .read-more {
    background-color: #308B98 !important;
}

#scheme_color_teal #navigation ul li a,
#scheme_color_teal #navigation ul li a:hover {
    color: #ffffff;
}

#scheme_color_teal #navigation .children li,
#scheme_color_teal #navigation .children li a,
#scheme_color_teal #navigation .sub-menu,
#scheme_color_teal #home_top_widgets .home_top_widget .date {
    background: #2BA8B4;
}

#scheme_color_teal .mc-main .my-calendar-month {
    background: #2BA8B4;
    background: -moz-linear-gradient(top, #2BA8B4 1%, #308B98 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2BA8B4), color-stop(100%, #308B98));
    background: -webkit-linear-gradient(top, #2BA8B4 1%, #308B98 100%);
    background: -o-linear-gradient(top, #2BA8B4 1%, #308B98 100%);
    background: -ms-linear-gradient(top, #2BA8B4 1%, #308B98 100%);
    background: linear-gradient(to bottom, #2BA8B4 1%, #308B98 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2BA8B4', endColorstr='#308B98',GradientType=0 );
}

#scheme_color_teal #flex_controllers a.active, #flex_controllers a:hover {
    background-color: #26486E !important;
}

#scheme_color_teal .accordion h6 a {
    color: #0B7482 !important;
}

    #scheme_color_teal .accordion h6 a:hover {
        color: #14A2D7 !important;
    }

#scheme_color_teal .widget h3.title {
    color: #308B98 !important;
}

@media only screen and (max-width: 767px) {
    #scheme_color_teal .statewide-header {
        background-color: #308B98 !important;
    }

    #scheme_color_teal #header .inner-header {
        background-color: #2BA8B4 !important;
    }

    #scheme_color_teal #header .title a {
        color: #FFF !important;
    }

    #scheme_color_teal #navigation ul li {
        border-bottom: 1px solid #2BA8B4;
    }
}









/******** Sandy - Brown ********/
.scheme_text_brown,
#scheme_color_brown #sidebar .widgettitle,
#scheme_color_brown .home_top_widget .widgettitle,
#scheme_color_brown .home_bottom_widget .widgettitle {
    color: #55411C;
}

.scheme_bg_brown,
#navigation .scheme_bg_brown .children,
.scheme_bg_brown .children a {
    background-color: #705B35;
}

#scheme_color_brown #navigation ul li a:hover {
    background-color: #55411C !important;
}

#scheme_color_brown #page a,
#scheme_color_brown #page a:visited {
    color: #55411C;
}

    #scheme_color_brown #page a:hover {
        color: #aa8e4b;
    }

#scheme_color_brown #header h1.title a {
    color: #55411C;
}

#scheme_color_brown #search-input {
    border-color: #a88c5a !important;
}

#scheme_color_brown #search-submit,
#scheme_color_brown #sidebar #searchform input[type="submit"],
#scheme_color_brown #header_search button,
#scheme_color_brown #main_search button {
    background-color: #a88c5a !important;
}

#scheme_color_brown .top-feature {
    background-color: #a88c5a !important;
}

#scheme_color_brown .theme-default .nivo-controlNav a.active,
#scheme_color_brown #sidebar #searchform input[type="submit"]:hover,
#scheme_color_brown #header_search button:hover,
#scheme_color_brown #main_search button:hover {
    background: #5e4a25 !important;
}

#scheme_color_brown #featured_buttons ul li a,
#scheme_color_brown #featured_buttons ul li a:visited {
    background: #a88c5a;
    color: #ffffff;
}

#scheme_color_brown #search-input:focus {
    border-color: #5e4a25 !important;
}

#scheme_color_brown #search-submit:hover {
    background-color: #5e4a25 !important;
}

#scheme_color_brown #featured_buttons ul li a:hover {
    background: #5e4a25;
    color: #ffffff;
}

#scheme_color_brown .top-feature ul li:hover,
#scheme_color_brown .read-more {
    background-color: #5e4a25 !important;
}

#scheme_color_brown #navigation ul li a,
#scheme_color_brown #navigation ul li a:hover {
    color: #ffffff;
}

#scheme_color_brown #navigation .children li,
#scheme_color_brown #navigation .children li a,
#scheme_color_brown #navigation .sub-menu,
#scheme_color_brown #home_top_widgets .home_top_widget .date {
    background: #a88c5a;
}

#scheme_color_brown .mc-main .my-calendar-month {
    background: #a88c5a;
    background: -moz-linear-gradient(top, #a88c5a 1%, #5e4a25 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #a88c5a), color-stop(100%, #5e4a25));
    background: -webkit-linear-gradient(top, #a88c5a 1%, #5e4a25 100%);
    background: -o-linear-gradient(top, #a88c5a 1%, #5e4a25 100%);
    background: -ms-linear-gradient(top, #a88c5a 1%, #5e4a25 100%);
    background: linear-gradient(to bottom, #a88c5a 1%, #5e4a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a88c5a', endColorstr='#5e4a25',GradientType=0 );
}

#scheme_color_brown #flex_controllers a.active, #flex_controllers a:hover {
    background-color: #26486E !important;
}

#scheme_color_brown .accordion h6 a {
    color: #55411C !important;
}

    #scheme_color_brown .accordion h6 a:hover {
        color: #aa8e4b !important;
    }

#scheme_color_brown .widget h3.title {
    color: #5e4a25 !important;
}

@media only screen and (max-width: 767px) {
    #scheme_color_brown .statewide-header {
        background-color: #5e4a25 !important;
    }

    #scheme_color_brown #header .inner-header {
        background-color: #a88c5a !important;
    }

    #scheme_color_brown #header .title a {
        color: #FFF !important;
    }

    #scheme_color_brown #navigation ul li {
        border-bottom: 1px solid #a88c5a;
    }
}




/******** Makai - Green ********/
.scheme_text_green,
#scheme_color_green #sidebar .widgettitle,
#scheme_color_green .home_top_widget .widgettitle,
#scheme_color_green .home_bottom_widget .widgettitle {
    color: #2F591A;
}

.scheme_bg_green,
#navigation .scheme_bg_green .children,
.scheme_bg_green .children a {
    background-color: #2E7214;
}

#scheme_color_green #navigation ul li a:hover {
    background-color: #2F591A !important;
}

#scheme_color_green #page a,
#scheme_color_green #page a:visited {
    color: #2F591A;
}

    #scheme_color_green #page a:hover {
        color: #80C062;
    }

#scheme_color_green #header h1.title a {
    color: #2AA306;
}

#scheme_color_green #search-input {
    border-color: #2AA306 !important;
}

#scheme_color_green #search-submit,
#scheme_color_green #sidebar #searchform input[type="submit"],
#scheme_color_green #header_search button,
#scheme_color_green #main_search button {
    background-color: #2AA306 !important;
}

#scheme_color_green .top-feature {
    background-color: #2AA306 !important;
}

#scheme_color_green .theme-default .nivo-controlNav a.active,
#scheme_color_green #sidebar #searchform input[type="submit"]:hover,
#scheme_color_green #header_search button:hover,
#scheme_color_green #main_search button:hover {
    background: #2F591A !important;
}

#scheme_color_green #featured_buttons ul li a,
#scheme_color_green #featured_buttons ul li a:visited {
    background: #2AA306;
    color: #ffffff;
}

#scheme_color_green #search-input:focus {
    border-color: #2F591A !important;
}

#scheme_color_green #search-submit:hover {
    background-color: #2F591A !important;
}

#scheme_color_green #featured_buttons ul li a:hover {
    background: #2F591A;
    color: #ffffff;
}

#scheme_color_green .top-feature ul li:hover,
#scheme_color_green .read-more {
    background-color: #2F591A !important;
}

#scheme_color_green #navigation ul li a,
#scheme_color_green #navigation ul li a:hover {
    color: #ffffff;
}

#scheme_color_green #navigation .children li,
#scheme_color_green #navigation .children li a,
#scheme_color_green #navigation .sub-menu,
#scheme_color_green #home_top_widgets .home_top_widget .date {
    background: #2AA306;
}

#scheme_color_green .mc-main .my-calendar-month {
    background: #2AA306;
    background: -moz-linear-gradient(top, #2AA306 1%, #2F591A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2AA306), color-stop(100%, #2F591A));
    background: -webkit-linear-gradient(top, #2AA306 1%, #2F591A 100%);
    background: -o-linear-gradient(top, #2AA306 1%, #2F591A 100%);
    background: -ms-linear-gradient(top, #2AA306 1%, #2F591A 100%);
    background: linear-gradient(to bottom, #2AA306 1%, #2F591A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2AA306', endColorstr='#2F591A',GradientType=0 );
}

#scheme_color_green #flex_controllers a.active, #flex_controllers a:hover {
    background-color: #26486E !important;
}

#scheme_color_green .accordion h6 a {
    color: #2F591A !important;
}

    #scheme_color_green .accordion h6 a:hover {
        color: #80C062 !important;
    }

#scheme_color_green .widget h3.title {
    color: #2F591A !important;
}

@media only screen and (max-width: 767px) {
    #scheme_color_green .statewide-header {
        background-color: #2F591A !important;
    }

    #scheme_color_green #header .inner-header {
        /*background-color: #2AA306 !important;*/
        background-color: white !important;
    }

    #scheme_color_green #header .title a {
        color: #FFF !important;
    }

    #scheme_color_green #navigation ul li {
        border-bottom: 1px solid #2AA306;
    }
}

/*** Second Row ***/

/*** 
second-row, #home_top_widgets {
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
  background: #fff;
  padding: 1em 0;
}
***/
.second-row .content, #home_top_widgets .content {
    padding: 2%;
}

.second-row .four-col {
    margin-bottom: 0;
}

/*** Button row ***/

.button-row .content {
    opacity: .9;
}

    .button-row .content:active, .button-row .content:hover {
        opacity: 1;
    }



#container {
    text-align: left;
    margin: 0 auto;
    width: 960px;
    position: relative;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #fff url(images/header-shadow.png) repeat-x top;
}

p#slogan {
    display: none;
    float: left;
    font-size: 12.5px;
    color: #66929c;
    text-transform: uppercase;
    padding-top: 0px;
    margin-left: -143px;
    margin-top: 27px;
    font-family: 'Kreon', Arial, sans-serif;
}

#quote {
    text-align: center;
    width: 890px;
    margin: 0 auto;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 38px;
    padding-bottom: 25px;
}

#category-name p {
    color: #929292;
    font-family: Arial,sans-serif;
    font-size: .9em;
    font-weight: 200;
}

#category-name {
    width: 100%;
    background: none;
    margin: 0;
    padding-top: 5px;
    text-align: left;
}

#category-inner {
    padding: 0;
    background: none;
}

h1.category-title {
    color: #6C5132;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 28px;
    font-weight: normal;
}

#category-name-post {
    background: none;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 100%;
}

#content-area {
    padding: 45px 48px 60px;
}
/* #content {  padding: 15px 15px; background: #fff;} */

#services {
    margin-bottom: 40px;
}

.service {
    float: left;
    width: 244px;
    margin-right: 66px;
}

.last {
    margin-right: 0px;
}

.service h3.title {
    margin-bottom: 4px;
    margin-left: 5px;
}

h3.title {
    color: #58585B;
    font-weight: bold;
    padding: 0.5em 0 0.25em;
    text-transform: uppercase;
}

span.post-meta, #comment-wrap > #respond h3#reply-title:before {
    background: #DDE1E3;
    background: rgba(0,0,0,.1);
    color: #58585B;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 60px;
    line-height: 41px;
    position: realative;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

    span.post-meta span {
        display: block;
        font-size: 1.8em;
        margin-top: -1.2em;
    }


#left-area {
    padding: 0 10px 10px 0;
    width: 645px;
    float: left;
}

.fullwidth #left-area {
    width: 100%;
}

.aside-right {
    background: none repeat scroll 0 0 #F2F0E8;
    border: 1px solid #BC9A74;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 248px;
}

.post-thumbnail {
    display: block;
    float: left;
    position: relative;
    margin-right: 35px;
    margin-top: 6px;
}

.post-thumb {
    margin-top: 7px;
    margin-left: 7px;
}

span.post-overlay {
    background: url(images/post-overlay.png) no-repeat;
    display: block;
    height: 200px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 200px;
}

/*** CSS FOR FEATURED POST WIDGET ***/
.featured-post-widget {
    background: none repeat scroll 0 0 #F2F0E8;
    border: 1px solid #BC9A74;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 248px;
}

/*** CSS FOR HOME BUTTON WIDGET ***/
.home_buttom_img {
    width: 100%;
    display: block;
    margin: .3em 0;
}

/*** HIC Event Lists ***/

.event-listing {
    margin: 1em 0;
    );
}

.event-start {
    display: block;
    font-size: 1em;
    color: #777;
}

.event-title {
    border-bottom: 1px solid #fff;
    display: block;
    padding-bottom: 1em;
}

#main .event-listing ul {
    margin: 0;
    padding: 0;
}

    #main .event-listing ul li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        font-size: 1em;
    }

.post, .primary-content .widget {
    border-top: 1px solid rgba(0,0,0,.1);
    clear: both;
}

    .post:first-child {
        border-top: none;
    }

.second-row h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #58585B;
    padding: .5em 0;
    cursor: pointer;
}

#subheader-page-title {
    background: url("images/design/backgrounds/sub-head-plumeria.gif") repeat scroll 0 0 transparent;
    padding: 1em;
    text-align: left;
    padding: 1em 5% 1.6em;
}

    #subheader-page-title h2.subheader {
        color: #FFFFFF;
        text-shadow: 2px 2px 6px #000000;
    }

    #subheader-page-title h3.subheader {
        color: #FFFFFF;
        text-shadow: 2px 2px 6px #000000;
        font-weight: bold;
        line-height: 1.3;
        font-size: 1em;
    }

/* Main Story heading styles */
.headline {
    border-bottom: 1px solid #D6D5C4;
    margin-right: 1em;
}

.second-row .headline {
    color: #731F00;
    margin-bottom: 1em;
    padding: 0.5em 0 0;
}

/**********************************************************************
=FEATURED SLIDER
**********************************************************************/
#featured {
    position: relative;
    background: url(images/featured-bg.png) no-repeat top center;
    margin-top: 0;
    margin-bottom: 0;
}

    a#left-arrow, a#right-arrow, #featured .nivo-prevNav, #featured .nivo-nextNav {
        position: absolute;
        top: 143px;
        width: 40px;
        height: 44px;
        text-indent: -9999px;
        z-index: 40;
    }

    a#left-arrow, #featured .nivo-prevNav {
        background: url(images/left-arrow.png) no-repeat;
        left: -7px;
    }

    a#right-arrow, #featured .nivo-nextNav {
        background: url(images/right-arrow.png) no-repeat;
        right: -7px;
    }

.featured-top-shadow {
    background: url(images/featured-top-shadow.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0px;
    width: 960px;
    height: 4px;
    display: none;
}

.featured-bottom-shadow {
    background: url(images/featured-bottom-shadow.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 960px;
    height: 0px;
    display: none;
}

.featured-description {
    height: 48px;
    padding: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0px;
    position: absolute;
    background: url(images/featured-description.png);
}
/* Mobile fix to fit long titles in slider */
.featured-description {
    height: 100%;
    width: 95%;
    position: relative;
}

.featured-title {
    border-bottom: 0px solid #EEE;
    width: 95%;
}

    .featured-title a {
        color: #fff !important;
        font-weight: normal;
    }

#header h1.title a {
    color: #fff;
}

a.view, #main a.readmorefl {
    background: url("images/design/icons/icon-sprite.png") no-repeat scroll 100% -238px transparent;
    clear: both;
    color: #58585B;
    display: inline;
    float: none;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    padding: 0.3em 2.4em 0.3em 0;
    text-align: left;
}

h3.featured-title {
    font-family: Arial,sans-serif;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    font-weight: lighter;
    padding: 0;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

    h3.featured-title a {
        text-decoration: none;
        color: #fff;
    }

        h3.featured-title a:hover {
            background: none repeat scroll 0 0;
        }

h4.featured-title {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    font-weight: lighter;
    padding: 0;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

    h4.featured-title a {
        text-decoration: none;
        color: #fff;
    }

        h4.featured-title a:hover {
            background: none repeat scroll 0 0;
        }

.featured-description p {
    color: #fff;
    font-size: 0.8em;
    line-height: 21px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

#controllers_wrapper {
    text-align: center;
    width: 100%;
}

#controllers, .nivo-controlNav {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 14px;
}

    #controllers a, .nivo-controlNav a {
        background: url(images/controller1.png) no-repeat;
        display: block;
        height: 11px;
        margin-right: 4px;
        text-indent: -9999px;
        width: 11px;
        display: inline-block;
    }

        #controllers a.activeSlide, .nivo-controlNav a.active, #controllers a:hover, .nivo-controlNav a:hover {
            background: url(images/controller2.png) no-repeat;
        }

.theme-default .nivo-controlNav {
    z-index: 1 !important;
}

.nivoSlider {
    position: relative;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 6;
        display: none;
    }
/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
/* Caption styles */
.nivo-caption {
    position: relative;
    left: 0px;
    bottom: 0px;
    background: #000;
    color: #fff;
    opacity: 0.8; /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 8;
}

    .nivo-caption p {
        padding: 5px;
        margin: 0;
    }

    .nivo-caption a {
        display: inline !important;
        color: #fff !important;
    }

.nivo-html-caption {
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0px;
}

.nivo-nextNav {
    right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

    .nivo-controlNav a.active {
        font-weight: bold;
    }

.theme-default .nivo-controlNav {
    z-index: 1;
}
/* Added by NH 061212 */
#controllers, .nivo-controlNav {
    display: none;
    padding-bottom: 14px;
    padding-top: 12px;
    position: relative;
    text-align: center;
}


#featured-modest {
    position: relative;
    height: 340px;
    margin-top: 30px;
}

    #featured-modest .slide {
        position: absolute;
        top: 20px;
        left: 300px;
        z-index: 1;
        opacity: 0;
        width: 354px;
    }

    #featured-modest .active-block {
        top: 0;
        left: 246px;
        z-index: 3;
        width: 462px;
    }

    #featured-modest .next-block, #featured-modest .prev-block {
        top: 35px;
        z-index: 2;
    }

    #featured-modest .next-block {
        left: 575px;
    }

    #featured-modest .prev-block {
        left: 20px;
    }

    #featured-modest .active-block, #featured-modest .prev-block, #featured-modest .next-block {
        opacity: 1;
    }

.shadow-left, .shadow-right {
    position: absolute;
    top: 35px;
    height: 234px;
    display: none;
}

.shadow-left {
    left: -29px;
    width: 29px;
    background: url(images/active-left-shadow.png) no-repeat;
}

.shadow-right {
    right: -21px;
    width: 21px;
    background: url(images/active-right-shadow.png) no-repeat;
}

a.featured-link {
    text-indent: -9999px;
    width: 61px;
    height: 71px;
    background: url(images/featured_active_link.png) no-repeat;
    position: absolute;
    right: -28px;
    top: 118px;
    display: none;
    z-index: 1000;
}

#featured-modest .featured-title {
    position: absolute;
    bottom: 115px;
    width: 441px;
    left: 0;
    text-align: center;
    padding: 0 10px 26px;
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    background: url(images/featured-title-bg.png) no-repeat bottom center;
    display: none;
}

#featured-modest .description {
    background: url(images/description-bg.png) no-repeat;
    width: 411px;
    height: 86px;
    position: absolute;
    bottom: 0px;
    left: 1px;
    padding: 26px 25px 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    line-height: 20px;
    display: none;
}

#featured-modest .featured-title, #featured-modest #featured .description {
    cursor: pointer;
}

#featured-modest .active-block .shadow-left, #featured-modest .active-block .shadow-right, #featured-modest .active-block .featured-title, #featured-modest .active-block .description {
    display: block;
}

#featured-modest a.main {
    display: block;
}

#featured-modest img.bottom-shadow {
    position: absolute;
    bottom: -7px;
    left: 0;
}

#featured-modest .active-block img.bottom-shadow {
    bottom: -10px;
}

.gotoslide {
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/next-slide-overlay.png);
    width: 354px;
    height: 234px;
    display: none;
}

    .gotoslide span {
        position: absolute;
        top: 97px;
        display: block;
        width: 33px;
        height: 40px;
    }

/* #featured #slides { height: 332px; } */

#media-slides {
    height: 60px !important;
}

.media-slide {
    width: 507px !important;
    .js #featured #slides, .js #featured-modest;

{
    background: url(images/ajax-loader.gif) no-repeat center;
}

.js #featured .slide, .js #featured-modest .slide {
    display: none;
}


/************* NOT USING ON TEMPLETE 2.0 START *************/
/* Browser Resets */
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {display: none; list-style: none outside none; margin: 0; padding: 0;margin: 0; padding: 0; list-style: none;} 


html.no-js .flex-container a:active,
html.no-js .flexslider a:active {outline: none;}
html.no-js .slides,
html.no-js .flex-control-nav,
html.no-js .flex-direction-nav {display: block; }


/* FlexSlider Necessary Styles
*********************************/
/************* NOT USING ON TEMPLETE 2.0 *************
#main .flexslider {width: 100%; margin: 0; padding: 0;}
/* #main .flexslider .slides > li {display: none;}  Hide the slides before the JS is loaded. Avoids image jumping */

/************* NOT USING ON TEMPLETE 2.0 *************
#main .flexslider ul.slides {margin: 0; padding: 0; line-height: 1em;}
#main .flexslider ul li {margin: 0; padding: 0; overflow: hidden; line-height: 0;}
#main .flexslider ul li img {margin: 0; padding: 0; }

.flexslider .slides img, .post img {max-width: 100%; display: block; height: auto; padding: 0;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
/************* NOT USING ON TEMPLETE 2.0 *************
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

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

/* FlexSlider Default Theme
*********************************/
/************* NOT USING ON TEMPLETE 2.0 *************
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-container {zoom: 1; position: relative; margin-bottom: .5em;}

/* Caption style */
/* IE rgba() hack */
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-direction-nav li a {width: 40px; height: 44px; margin: 0; display: block; /* background: url(../images/featured-arrow-left.png) no-repeat 0 0; */ position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;
}
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-direction-nav li .next {/*background: url(../images/featured-arrow.png) no-repeat 0 0; */
/************* NOT USING ON TEMPLETE 2.0 *************
  right: -6px;}
.flex-direction-nav li .prev {left: -6px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
/************* NOT USING ON TEMPLETE 2.0 *************
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*
#flex_controllers { position: absolute; bottom: -28px; left: 0; width: 100%; text-align: center; }
	#flex_controllers li { display: inline-block; margin-right: 4px; }
		#flex_controllers a {   background: url("images/buttons.png") no-repeat scroll 0 0 transparent !important; height: 53px !important; width: 40px !important; text-indent: -9999px; display: inline-block; }
		#flex_controllers a.active, #flex_controllers a:hover { background: url("images/buttons-act.png") no-repeat scroll 0 0 transparent; }
*/

/************* NOT USING ON TEMPLETE 2.0 *************
#flex_controllers {  width: 100%; text-align: center; background: #ddd; margin: 0 auto; padding: .5em 0;}
	#flex_controllers li { display: inline-block; margin-right: 4px; }
	/*	#flex_controllers a { background: url(images/controller1.png) no-repeat; height: 11px; text-indent: -9999px; width: 11px; display: inline-block; } */

/************* NOT USING ON TEMPLETE 2.0 *************
#flex_controllers a {
  background: #ccc;
  background: rgba(190,190,190, 0.9);
  border: 0;
  border-radius: 1em;
  display: inline-block;
  height: 1.4em;
  margin: 0 .3em;
  text-indent: -9999em;
  width: 1.4em; 
  float: left;
}

#flex_controllers a.active, #flex_controllers a:hover { background: #308B98; }

   /************* NOT USING ON TEMPLETE 2.0 END *************/

.flexslider .slides .slide img {
    width: 100%;
}

.theme-default .nivoSlider {
    z-index: 1;
}
/**********************************************************************
=FEATURED BUTTONS
**********************************************************************/
.featured_custom_icon {
    vertical-align: middle;
    padding: 5px;
}

.top-feature ul li a {
    padding: 1.52em 0 1.52em 1em;
}

/* IE fallback for button hover color */
.top-feature ul li:hover {
    background: #2498b6;
    background: rgba(0,0,0,.1);
}

.top-feature {
    background: none repeat scroll 0 0 #29AACB; /*CC Button color */
    color: #FFFFFF;
    font-size: 1.2em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

#page ul.buttonlist {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
}

    #page ul.buttonlist li {
        list-style: none;
    }

        #page ul.buttonlist li a {
            display: block;
            background: #fff url(images/design/icons/icon-sprite.png) 100% -230px no-repeat;
            padding: .75em 1em;
            margin: 0;
            color: #444;
            text-shadow: 0 1px 0 rgba(255,255,255,.9);
            font-weight: bold;
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
            -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
            box-shadow: 0 0 3px rgba(0,0,0,.3);
            border: 1px solid #ccc;
        }

            #page ul.buttonlist li a:hover {
                -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
                -moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
                box-shadow: 0 0 5px rgba(0,0,0,.4);
                text-decoration: none;
                color: #047482;
            }

/**********************************************************************
=FEATURED SLIDER
**********************************************************************/

#featured_slider {
    margin-bottom: 20px;
    z-index: 1;
}

    #featured_slider #slides {
        display: none;
    }

    #featured_slider .nivo-caption a {
        text-transform: uppercase;
    }

        #featured_slider .nivo-caption a span {
            text-transform: none;
            font-weight: 700;
        }

/**********************************************************************
=FEATURED BUTTONS
**********************************************************************/

#featured_buttons {
    margin-bottom: 20px;
}

    #featured_buttons ul {
        padding: 0;
    }

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

            #featured_buttons ul li a {
                display: block;
                height: 70px;
                line-height: 70px;
                padding: 0 15px;
                color: #FFF;
                font-size: 1.2em;
                text-decoration: none;
                border-bottom: 1px solid #FFF;
                text-shadow: 0 -1px 0 rgba(0,0,0,.40);
                -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
                -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
                -ms-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
                -o-text-shadow: 0 -1px 0 rgba(0,0,0,.40);
                overflow: hidden;
            }

                #featured_buttons ul li a:hover {
                    text-decoration: none;
                    transition: background 0.5s;
                    -webkit-transition: background 0.5s;
                    -moz-transition: background 0.5s;
                    -ms-transition: background 0.5s;
                    -o-transition: background 0.5s;
                }

                #featured_buttons ul li a i {
                    padding: 5px;
                    font-size: 1.6em;
                    vertical-align: middle;
                }

                #featured_buttons ul li a span {
                    display: inline-block;
                    line-height: 1.2em;
                    max-width: 75%;
                    vertical-align: middle;
                }

/**********************************************************************
=PLUGINS
**********************************************************************/
/* Condensed styles for Simple Category Posts plugin */
.scp_condensed .scp_post {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.scp_condensed .scp_posts {
    font-size: 80%;
    margin: 20px;
}

    .scp_condensed .scp_posts .scp_post .scp_title {
        display: block;
        font-size: 120%;
        font-weight: bold;
    }

    .scp_condensed .scp_posts .scp_post .scp_date {
        display: block;
        margin-top: 5px;
    }

    .scp_condensed .scp_posts .scp_post .scp_post_content {
        margin-top: 10px;
        line-height: 1.5;
    }

    .scp_condensed .scp_posts .scp_post .scp_post_read_more {
        display: block;
        margin-top: 10px;
    }
/**********************************************************************
=ANNOUNCER
**********************************************************************/
/***************** Announcer Custom Style *****************/
.simple_announcer {
    margin-bottom: 20px;
}

#announcer i {
    float: right;
    cursor: pointer;
    font-size: 1.3em;
    position: absolute;
    top: 10px;
    right: 10px;
}

.announcer_red {
    background-color: #F6C9B9;
    border: 1px solid #CC0000;
}

.announcer_yellow {
    background-color: #F8E285;
    border: 1px solid #D78E03;
}

.announcer_green {
    background-color: #B4C662;
    border: 1px solid #1B861E;
}

.simple_announcer a {
    color: #FFF !important;
}
/**********************************************************************
=BREADCRUMB
**********************************************************************/

#breadcrumbs {
    line-height: 1.3em;
    padding: 1em 0 0 0;
}

    #breadcrumbs a:hover {
        color: #1d1d1d;
    }

    #breadcrumbs .raquo {
        color: #929292;
    }

#breadcrumb {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: .8em;
}

/**********************************************************************
=CONTENT
**********************************************************************/


/**********************************************************************
=PAGINATION
**********************************************************************/
.pagination {
    overflow: hidden;
    padding: 15px 12px 0px;
}

.wp-pagenavi {
    position: relative;
    font-family: 'Kreon', Arial, sans-serif;
    color: #1d1d1d;
    font-size: 14px;
    text-align: right;
    padding: 15px 33px 0 0;
}

    .wp-pagenavi a, .wp-pagenavi a:link {
        padding: 5px 12px !important;
        margin: 2px;
        text-decoration: none;
        border: 1px solid #eaeaea !important;
        color: #413f36;
        background-color: #fff;
        font-weight: lighter !important;
        color: #1d1d1d;
        font-size: 14px;
    }

        .wp-pagenavi a:visited {
            padding: 5px 12px;
            margin: 2px;
            text-decoration: none;
            border: 1px solid #eaeaea;
            background-color: #fff;
            color: #1d1d1d;
            font-size: 14px;
        }

    .wp-pagenavi span.pages {
        padding: 5px 7px 5px !important;
        margin: 2px !important;
        border: none !important;
        background-color: none;
        color: #1d1d1d;
        font-size: 14px;
        font-weight: lighter;
    }

    .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover {
        padding: 5px 12px !important;
        margin: 2px;
        font-weight: bold;
        border: 1px solid #eaeaea !important;
        color: #1d1d1d !important;
        font-size: 14px;
        font-weight: lighter !important;
    }

    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }


#reg-pagination, #pagination {
    text-align: center;
}

.page-numbers {
    padding: 8px;
    margin-right: 5px;
    background-color: #ccc;
}

    .page-numbers.current {
        background-color: #999;
    }

/**********************************************************************
=ACCORDIONS
**********************************************************************/
.accordions-shortcode span.ui-icon {
    float: right;
    margin-top: 10px;
    margin-right: 12px;
}

.accordions-shortcode h3 {
    padding: 10px;
    font-size: 1em;
}

.accordian-shortcode-content {
    padding: 10px;
}
/**********************************************************************
=SIDEBAR
**********************************************************************/
.widget-last {
    border-bottom: none !important;
}

#sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg {
    background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
}

#sidebar_wrapper_home #sidebar .widget-first {
    padding-top: 0;
}

#sidebar {
    padding: 20px;
}

.searchform input[type="text"] {
    margin-bottom: 5px;
}

#sidebar #searchform input[type="submit"] {
    border: 1px solid #999999;
    padding: 3px 10px;
    color: #ffffff;
}

#sidebar #searchform label {
    display: none;
}

#sidebar .sidebar_widget {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 20px 0;
    width: 100%;
}

    #sidebar .sidebar_widget:first-child, {
        border-top: 0 none;
    }

#sidebar ul {
    padding-left: 0;
}

#sidebar.sidebar-left {
    padding-left: 0;
    padding-top: 0;
}

#sidebar.sidebar-right {
    padding-right: 0;
    padding-top: 0;
}

.sidebar {
    background: rgba(0,0,0,.09);
    font-size: .9em;
    padding-bottom: .5em;
    margin-bottom: .5em;
    background: none repeat scroll 0 0 transparent !important;
}

    .sidebar .widget:first-child,
    #sidebar .widget-first {
        border-top: none;
        /*  padding: 1em 0 0 0; */
    }

    .sidebar .widget:last-child {
        border-bottom: none;
    }

    .sidebar .widget {
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
        border-top: 1px solid rgba(255,255,255,.4);
        padding: 1em 0 0 0;
    }

html.no-rgba .sidebar .widget {
    border-bottom: 1px solid #D5D6D6;
}

.sidebar .content {
    padding: 0 2%;
}

.sidebar .widget img {
    background: #fff;
    padding: .3em;
    border: 3px solid rgba(0,0,0,.1);
}

.sidebar h3, .sidebar h4, .sidebar h5 {
    color: #015F73;
    text-shadow: 0 px 0 rgba(255,255,255,.9);
    font-weight: bold;
    padding-bottom: .3em;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

.sidebar h4, .sidebar h5 {
    color: #444;
}

.sidebar h3 {
    font-weight: normal;
    font-size: 1.5em;
    font-weight: 600;
    padding-bottom: .1em;
    margin-bottom: .75em;
}

.sidebar form {
    padding: 0 0 0 1em 0;
    display: block;
}

    .sidebar form fieldset {
        background: rgba(255,255,255,.7);
        padding: .5em;
        margin: .5em 0 .5em 0;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    }

    .sidebar form legend {
        display: block;
        float: left;
    }

    .sidebar form input[type="submit"] {
        display: block;
        padding: .5em 1.5em;
        background: #0E7D89;
        color: #fff;
        width: 100%;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: none;
        clear: both;
        margin: .75em 0 1em 0;
        opacity: .9;
    }


input.medium, select.medium .content-forms {
    border: 1px solid #ccc;
    padding: 6px 4px !important;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
}

form#contact-us.visual-form-builder fieldset.fieldset ul.section li.item {
    padding: 1em !important;
}

.sidebar form input[type="submit"]:hover, .sidebar form input[type="submit"]:active {
    opacity: 1;
    cursor: pointer;
    text-decoration: underline;
}

.primary {
    border-bottom: 3px solid #AFADAD;
    background: #fff;
}

/**********************************************************************
=HOME TOP WIDGETS
**********************************************************************/

#home_top_widgets .home_top_widget {
    position: relative;
}
    /*
#home_top_widgets .home_top_widget:nth-last-child(3) {
    margin-left: 0;
    margin-right: 0;
}
*/
    #home_top_widgets .home_top_widget h3.widgettitle {
        font-size: 1.4em;
        font-weight: 700;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    #home_top_widgets .home_top_widget > a .widgettitle {
        transition: color 0.5s ease 0s;
    }

    #home_top_widgets .home_top_widget > a:hover .widgettitle {
        color: #6987A8;
    }

#home_bottom_widgets .home_bottom_widget {
    margin-top: 20px;
    position: relative;
}
    /*
#home_bottom_widgets .home_bottom_widget:nth-last-child(3) {
    margin-left: 0;
}
*/
    #home_bottom_widgets .home_bottom_widget > a .widgettitle {
        transition: color 0.5s ease 0s;
    }

    #home_bottom_widgets .home_bottom_widget > a:hover .widgettitle {
        color: #6987A8;
    }

/******************** =HOME TOP WIDGETS FOR Single post ********************/
#home_top_widgets .home_top_widget[id^="singlepostwidget-"] .date {
    background: none repeat scroll 0 0 #4D76A4;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 600;
    height: 48px;
    left: 0;
    padding-top: 7px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    top: 0px;
    width: 60px;
    line-height: 1em;
}

    #home_top_widgets .home_top_widget[id^="singlepostwidget-"] .date p {
        font-size: 1.5em;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: -2px;
        text-align: center;
    }

#home_top_widgets .home_top_widget[id^="singlepostwidget-"] .widgettitle {
    font-size: 1em;
    margin-left: 50px;
    min-height: 40px;
}

#home_top_widgets .home_top_widget .post {
    border-top: none;
    padding: 0;
}

/******************** =HOME TOP WIDGETS FOR List ********************/
#home_top_widgets .home_top_widget[id^="list-"] ul li {
    list-style-type: disc;
    margin-top: 10px;
}


/**********************************************************************
=HOME OUTER WIDGETS
**********************************************************************/
/******************** =HOME OUTER WIDGETS FOR TWITTER ********************/

.home_outer_widget[id^="twitter-"] .twitter-avatar {
    width: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.home_outer_widget[id^="twitter-"] ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #777;
}

    .home_outer_widget[id^="twitter-"] ul li .entry-meta {
        display: block;
        margin-top: 5px;
        font-size: 0.8em;
    }

        .home_outer_widget[id^="twitter-"] ul li .entry-meta:before {
            content: '(';
        }

        .home_outer_widget[id^="twitter-"] ul li .entry-meta:after {
            content: ')';
        }

/******************** =HOME OUTER WIDGETS FOR FLICKR ********************/

.quick-flickr-item img {
    max-width: 279px;
}


/******************** =(MB) YouTube Widget ********************/

ul.mechabyte-youtube-videos {
    padding-left: 0;
}

    ul.mechabyte-youtube-videos li {
        display: block;
        position: relative;
        margin-bottom: 5%;
        overflow: hidden;
        max-width: 279px;
    }

        ul.mechabyte-youtube-videos li a:link,
        ul.mechabyte-youtube-videos li a:hover,
        ul.mechabyte-youtube-videos li a:visited {
            display: block;
        }

ul.mechabyte-display-decorated li a:link,
ul.mechabyte-display-decorated li a:hover,
ul.mechabyte-display-decorated li a:visited {
    color: #ffffff;
}

ul.mechabyte-youtube-videos li a img {
    display: block;
    max-width: 100%;
}

ul.mechabyte-youtube-videos li a div.label {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: url(../images/mb-youtube-bg.png);
    background: rgba(0, 0, 0, 0.7);
}

    ul.mechabyte-youtube-videos li a div.label h5 {
        display: block;
        padding: 3%;
        font-weight: normal;
        color: #fff;
    }

/**********************************************************************
=FOOTER
**********************************************************************/

#footer {
    margin: 0 auto 1em auto;
    padding: 1em 0 2em;
    color: #fff;
    color: #fff;
    clear: both;
    /* background: rgba(1,95,115,.85); */
}

    #footer ul {
        margin: 0;
        padding: 0;
    }

    #footer ul, #footer p {
        color: #fff;
        color: #fff;
        color: rgba(255,255,255,.85);
    }

.social-networking a {
    opacity: .9;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out-in-out;
    -o-transition: all .15s ease;
    transition: all .15s ease-in-out;
}

#footer span {
    display: block;
    font-style: normal;
    text-transform: none;
    font-size: 1.45em;
    color: #fff;
    color: rgba(255,255,255,.94);
    letter-spacing: normal;
}

#footer a {
    color: #555;
    color: rgba(0,0,0,.85);
    line-height: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}

    #footer a:hover {
        color: #fff;
        text-shadow: none;
    }

#footer h5 {
    color: #fff;
    color: rgba(255,255,255,.85);
    margin-bottom: 0;
    padding-bottom: 0;
    font-style: italic;
}

#footer ul li {
    display: block;
    padding: .55em 0;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(255,255,255,.1);
    list-style: none;
    font-size: .9em;
}

#footer dt /* old */,
#footer .widgettitle {
    color: #fff;
    color: rgba(255,255,255,.95);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    font-weight: 700;
}

#footer dd a {
    display: block;
}


#footer .contact-information a {
    color: #fff;
    text-decoration: none;
}



#footer li.address {
    display: block;
}

    #footer li.address a {
        background: url(images/design/icons/icon-sprite.png) 0 -780px no-repeat;
        display: inline-block;
        padding: .4em .4em .4em 3em;
        color: rgba(0,0,0,.7);
    }

#footer li.map a {
    background: url(images/design/icons/icon-sprite.png) 0 -840px no-repeat;
    display: inline-block;
    padding: .4em .4em .4em 3em;
    color: rgba(0,0,0,.7);
}

.twelve-col.topnews {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


#footer .address-information li {
    display: inline-block;
    margin: 0;
    padding: 0 1em 0 0;
    font-size: .8em;
    border-right: 1px solid rgba(255,255,255,.2);
}

    #footer .address-information li:first-child {
        padding-left: 0;
    }

    #footer .address-information li:last-child {
        border-right: none;
    }

    #footer .address-information li a:hover,
    #footer .address-information li a:active {
        text-decoration: underline;
    }

#footer .powered-by a {
    background: url('images/design/footer/poweredby.png') top left no-repeat;
    text-indent: -9999em;
    display: inline-block;
    height: 33px;
    opacity: .8;
    width: 230px;
    float: right;
}

.copyright {
    font-size: .8em;
    color: #fff;
    color: rgba(255,255,255,.3);
    text-align: left;
    clear: both;
}

#footer #copyright_info span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: right;
    margin-right: 2%;
}

#footer .social a:hover,
#footer .social a:active {
    opacity: 1;
}

ul.social-networking {
    margin: 0 0 1em 0;
    text-align: right;
}

    ul.social-networking li {
        display: inline-block;
        margin: 0;
        padding: 0;
        line-height: 1em;
    }

#footer ul.social-networking a span {
    text-indent: -9999em;
    ;
}

ul.social-networking a {
    display: block;
    opacity: .8;
    height: 35px;
    width: 28px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: .9;
}

#footer ul.social-networking a.facebook {
    background: url(images/design/icons/icon-sprite.png) center -952px no-repeat;
}

#footer a.twitter {
    background: url(images/design/icons/icon-sprite.png) center -1009px no-repeat;
}

#footer a.flickr {
    background: url(images/design/icons/icon-sprite.png) center -1069px no-repeat;
}

#footer a.rss {
    background: url(images/design/icons/icon-sprite.png) center -1131px no-repeat;
}

#header ul.social-networking a.facebook {
    background: url(images/design/icons/icon-sprite.png) center -1553px no-repeat;
}

#header a.twitter {
    background: url(images/design/icons/icon-sprite.png) center -1610px no-repeat;
}

#header a.flickr {
    background: url(images/design/icons/icon-sprite.png) center -1670px no-repeat;
}

#header a.rss {
    background: url(images/design/icons/icon-sprite.png) center -1732px no-repeat;
}

#footer .powered-by a:hover,
#footer .powered-by a:active,
ul.social-networking a:hover,
ul.social-networking a:active {
    opacity: 1;
}

#footer-widgets, .inner-footer {
    padding: 0 2%;
}

/* Footer Widget Styles Begin -jc */
#footer .widgettitle {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: .25em;
}


#footer-widgets .footer-widget li {
    display: block;
    padding: .65em 0;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(255,255,255,.1);
}

    #footer-widgets .footer-widget li a {
        display: block;
    }

#footer-widgets li a[title='tel'],
#footer-widgets li a[title='email'] {
    margin: 0 0;
    border: none;
    line-height: 1.6em;
    font-size: 1em;
    padding: 0;
}

#footer-widgets li a[title='tel'],
#footer-widgets li a[title='email'] {
    display: inline-block;
    background: #8F8C7B;
    background: rgba(0,0,0,.4);
    padding: .4em 1em .4em 3em;
    font-size: .8em;
    border-radius: 1em;
    opacity: .9;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    line-height: 1.4em;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

#footer-widgets li a[title='tel'] {
    background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png) 0 0px no-repeat;
}

#footer-widgets li a[title='email'] {
    background: rgba(0,0,0,.4) url(images/design/icons/icon_email.png) 0 0 no-repeat;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    /* -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
*/
}
/* Footer Widget Styles End -jc */

#footer .tel,
#footer .email a {
    display: inline-block;
    background: #8F8C7B;
    background: rgba(0,0,0,.4);
    padding: .4em 1em .4em 3em;
    font-size: .8em;
    border-radius: 1em;
    opacity: .9;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    line-height: 1.4em;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

/* #footer .tel {background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png) 0 0px no-repeat; } */
#footer .tel {
    background: rgba(0,0,0,.4);
    position: relative;
}

    #footer .tel:before {
        position: absolute;
        font-family: 'FontAwesome','Helvetica';
        top: 5px;
        left: 10px;
        font-size: 1.4em;
        content: "\f095";
    }

#footer .email a {
    background: rgba(0,0,0,.4);
    position: relative;
    color: #fff;
}

    #footer .email a:before {
        position: absolute;
        font-family: 'FontAwesome','Helvetica';
        top: 5px;
        left: 10px;
        font-size: 1.2em;
        content: "\f0e0";
    }

#footer ul li.tel, #footer ul li.email {
    border-bottom: none;
    border-top: none;
}

#footer .tel a {
    color: #fff;
    text-shadow: none;
}
/* #footer .email a {background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png)0 -57px no-repeat; color: #fff; } */

#footer .tel:hover,
#footer .email a:hover {
    opacity: 1;
    cursor: pointer;
}

html.no-rgba #footer .tel {
    background: #8F8C7B url(images/design/icons/icon-sprite.png) 0 0px no-repeat;
}

html.no-rgba #footer li.email a {
    background: #8F8C7B url(images/design/icons/icon-sprite.png) 0 -57px no-repeat;
}



/* Calendar Styles Begin -jc */
/* These styles provide a minimal degree of styling, allowing most theme defaults to be dominant. */
.mc-main .details {
    background: #fff;
    border: 1px solid #000;
}

.mc-main.mini .mini-event {
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
}

    .mc-main.mini .mini-event .details {
        background: none;
        border: none;
    }
/* That's the end of all colors set (or set and removed) in this style sheet. */
.mc-main .my-calendar-table {
    border: 1px solid #D1D3D0;
}

.mc-main .my-calendar-month {
    margin-bottom: 0;
    border-top: 1px solid #D1D3D0;
    border-left: 1px solid #D1D3D0;
    border-right: 1px solid #D1D3D0;
    font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    font-weight: 600;
    background: #4d76a4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJiYThiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDhiOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4d76a4 1%, #365473 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d76a4), color-stop(100%,#365473)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4d76a4 1%,#365473 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4d76a4 1%,#365473 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4d76a4 1%,#365473 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4d76a4 1%,#365473 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d76a4', endColorstr='#365473',GradientType=0 ); /* IE6-8 */
}

.mc-main.mini .my-calendar-month {
    padding: 5px 0;
    font-size: 1.2em;
}

.mc-main .my-calendar-table thead th {
    font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.mc-main caption {
    margin: 2px 0;
    font-weight: 700;
    padding: 2px;
}

.mc-main .my-calendar-date-switcher {
    padding: 4px;
    margin: 0 0 10px;
}

    .mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher label, .mc-main .my-calendar-date-switcher select {
        margin: 0;
        padding: 0;
    }

    .mc-main .my-calendar-date-switcher .button {
        font-size: .9em;
    }

.mc-main table {
    width: 100%;
    line-height: 1.2;
    border-collapse: collapse;
}

.mc-main td {
    vertical-align: top;
    text-align: left;
    width: 13%;
    height: 80px;
    padding: 2px !important;
    font-family: 'OpenSansRegular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: 1px solid #D1D3D0;
}

.mini td {
    height: auto !important;
}

.mc-main th {
    text-align: center;
    padding: 5px 0 !important;
    letter-spacing: 1px;
}

    .mc-main th abbr {
        border-bottom: none;
    }

.mc-main h3 {
    font: 700 .8em Arial, Verdana, sans-serif;
    margin: 3px 0;
    padding: 0;
    width: 100%;
    clear: none;
}

    .mc-main h3 img {
        vertical-align: middle;
        margin: 0 3px 0 0 !important;
    }

.mc-main .mc-list h3 img {
    vertical-align: middle;
}

.mc-main .list-event h3 {
    font-size: 1.2em;
    margin: 0;
}

.mc-main .calendar-event .details, .mc-main .calendar-events {
    position: absolute;
    left: 15%;
    width: 70%;
    padding: 5px;
    z-index: 3;
}

.mc-main .details .close {
    float: right;
    width: 16px !important;
    padding: 2px 2px 7px 7px;
}

.mc-main.mini .details .close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.mc-main .calendar-events {
    width: 200px !important;
    left: 0px;
}

.mc-main .list-event .details {
    margin: 5px 0;
    padding: 5px 5px 0;
}

.mc-main .mc-list {
    margin: 0;
    padding: 0;
}

    .mc-main .mc-list li {
        padding: 5px;
        list-style-type: none;
        margin: 0;
    }

.mc-main .mc-date {
    display: block;
    margin: -2px -2px 2px;
    padding: 2px 4px;
}

.mc-main th {
    font-size: .8em;
    text-transform: uppercase;
    padding: 2px 4px 2px 0;
}

.mc-main .category-key {
    padding: 5px;
    margin: 5px 0;
}

    .mc-main .category-key ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .mc-main .category-key li {
        display: inline-block;
        list-style-type: none !important;
        margin: 2px 10px;
    }

    .mc-main .category-key span {
        margin-right: 5px;
        vertical-align: middle;
        float: left;
    }

    .mc-main .category-key .no-icon {
        width: 10px;
        height: 10px;
        display: inline-block;
    }

.mc-list li {
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.mc-main .calendar-event .event-time,
.mc-main .list-event .event-time {
    display: block;
    height: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: .9em;
}

.mc-main p {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
}

.mc-main .vcard {
    font-size: .9em;
    margin: 10px 0;
}

.mc-main .calendar-event .vcard {
    margin: 0 0 10px;
}

.mc-main {
    position: relative;
}

    .mc-main img {
        border: none;
    }

.category-color-sample img {
    margin-right: 5px;
    vertical-align: top;
}

.mc-main .my-calendar-nav ul {
    height: 2.95em;
    line-height: 2.95em;
    margin: 0;
    padding: 0;
    text-align: right !important;
}

.mini .my-calendar-nav ul {
    height: 2em !important;
    text-align: center !important;
}

.mc-main .my-calendar-nav li {
    height: 12px;
    display: inline-block;
    list-style-type: none !important; /* It really is pretty important. */
}

    .mc-main .my-calendar-nav li:before {
        content: '';
    }

    .mc-main .my-calendar-nav li a {
        display: block;
        text-align: center;
        padding: 1px 20px;
    }

.mini .my-calendar-nav ul {
    margin-bottom: 10px !important;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: .7em;
}

.mc-main .my-calendar-next {
    margin-left: 4px;
    text-align: right;
}

.mc-main.mini .my-calendar-date-switcher {
    display: none;
}

    .mc-main.mini .my-calendar-date-switcher label {
        display: block;
        float: left;
        width: 6em;
    }

.mc-main.mini .my-calendar-date-switcher {
    padding: 4px;
}

.mc-main.mini td .category-icon {
    display: none;
}

.mc-main.mini h3 {
    font-size: 1.1em;
}

.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a {
    font: .9em Arial, Verdana, sans-serif;
    padding: 1px;
    text-align: center;
}

.mc-main .mini-event .sub-details {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 0 0;
    margin-bottom: 5px;
}

.mc-main .mini-event .details img {
    width: 100%;
}

.mc-main.mini .day-with-date a {
    display: block;
    margin: -2px;
    font-weight: 700;
    font-size: 1.3em;
    text-decoration: underline;
}

.mc-main.mini .category-key {
    display: none;
}

.mini td {
    height: 30px !important;
}

.mini .my-calendar-nav ul {
    height: 2em !important;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: .7em;
}

.mc-main .nextmonth {
    opacity: .7;
}

.mc-main .vcard,
#mc_event .vcard {
    font-size: .9em;
    padding: 10px;
    float: right;
}
/* Calendar Styles End -jc */


/*** Top News ***/
.topnews {
    margin-bottom: 1em;
}

    .topnews a {
        /*  padding: 1em 2em; 
  background: #6D6E70; */
        /*  display: block; */
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        text-transform: uppercase;
        text-decoration: underline;
        letter-spacing: 1px;
        /*  margin-bottom: 1em; */
    }

        .topnews a:hover {
            /*  background: #515459; */
            color: #CCC !important;
        }

        .topnews a span {
            background: url(images/design/icons/icon-sprite.png) 100% -2279px no-repeat;
            padding: 0 2.5em 0 0;
            margin-right: 1em;
        }

.announcer_content {
    padding: 1em 2em;
    /*  display: block; */
    color: #000;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.5em;
    position: relative;
    ;
}


/*** Spotlight ***/
.top-feature {
    background: #29AACB;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

    .top-feature ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
        /*
#wrap .top-feature ul li {list-style: none; margin: 0; padding: 1.4em 0 1.4em 1em; border-bottom: 1px solid rgba(255,255,255,.5); display: block;}
#wrap .top-feature ul li a {color: #fff;}
*/
        /* Full Button Click Fix Begin -jc */
        .top-feature ul li {
            list-style: none;
            margin: 0;
            border-bottom: 1px solid rgba(255,255,255,.5);
            display: block;
        }

            .top-feature ul li a {
                display: block;
                color: #fff;
                padding-bottom: 1.38em !important;
            }
                /* RT - 130108 */
                .top-feature ul li a span {
                    display: inline-block;
                    max-width: 75%;
                    line-height: 1.2em;
                    vertical-align: middle;
                }

            /* Full Button Click Fix End -jc */
            .top-feature ul li:hover {
                background: rgba(0,0,0,.1);
            }

            .top-feature ul li img {
                margin: 0 .5em 0 0;
                vertical-align: middle;
            }

.spotlight {
    margin: 1em 0;
}

    .spotlight h3 {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        color: #58585B;
        margin-bottom: .5em;
        font-size: 1em;
        padding: 0;
    }

    .spotlight ul {
        list-style-position: inside;
        margin: 0 0 1em 0;
        padding: 0;
    }

        .spotlight ul li {
            list-style-type: square;
            list-style-position: inside;
            display: inline-block;
            width: 100%;
            clear: both;
            padding: 0;
            margin: 0;
        }

            .spotlight ul li a {
                padding: .75em 0;
                display: block;
            }

                .spotlight ul li a:hover {
                    background: rgba(0,0,0,.05);
                }

    .spotlight.tabs-left .et-tabs-control li.active {
        background: none;
    }
    /*#wrap .spotlight ul li.active a {font-weight: bold; color: #2F8F9C; }*/
    .spotlight ul li.active a {
        color: #2F8F9C;
    }

.visual-form-builder ul li {
    list-style: none;
    background: none;
    margin: 0 0 1.5em 0;
    padding: 0;
    display: block;
}




/********************************************************************************************************************************************
=@media
********************************************************************************************************************************************/
@media only screen and (max-width: 767px) {
    #container {
        width: 300px;
    }

    #header {
        text-align: center;
    }

    #additional-info, #controllers, #from-blog, #multi-media-bar /* , #footer-widgets */ { /* display: none; */
    }

    #logo {
        float: none;
    }

    p#slogan {
        float: none;
        margin-left: 47px;
        margin-top: -25px;
        padding-top: 0;
    }

    #quote {
        padding-left: 35px;
        padding-right: 35px;
        width: 230px;
    }

        #quote h3 {
            font-size: 21px;
        }

        #quote p {
            font-size: 16px;
        }

    #content-area {
        padding: 35px 30px 10px;
    }

    #services {
        margin-bottom: 10px;
    }

    .service {
        float: none;
        width: 240px;
    }

        .service h3.title {
            text-align: center;
        }

        .service .thumb {
            background: none;
        }

    /*#footer {
        background-color: #CD9763;
    }*/

    #footer {
        background-color: rgba(0, 0, 0, 0.7);
    }

    #footer-content {
        width: 298px;
    }

    p#copyright {
        float: none;
        padding: 20px 10px;
        text-align: center;
    }

    #footer dt, #footer .widgettitle {
        color: #404041;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        margin-top: 1em;
    }

    .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
        width: 100%;
    }

    #header .nine-col {
        width: 74.7368%;
    }

    #navigation .twelve-col {
        margin-bottom: 0;
    }

    #home_top_widgets .home_top_widget[id^="singlepostwidget-"] .widgettitle {
        margin-left: 70px;
        padding-top: 2%;
    }

    #navigation .children li, #navigation .sub-menu li {
        border-bottom: 1px solid #ccc !important;
    }

    #copyright_info span.bg_credit {
        display: none;
    }

    #mobile_nav {
        display: inline-block;
        margin-bottom: 10px;
    }

    #top-menu, .post-thumbnail {
        display: none;
    }

    #mobile_menu {
        width: 240px;
    }

    /*** CSS FOR HOME BUTTON WIDGET ***/
    .home_buttom_img {
        max-height: none;
    }

    #left-area {
        width: 244px;
    }

    .post p.meta-info {
        border-bottom: 1px solid #F0F0F0;
    }

    #stay_connected .eight-col .four-col {
        width: inherit;
        margin-right: inherit;
    }

    .button-row .content {
        padding: 0 2%;
    }

    #et-social-icons a {
        color: #cccccc !important;
    }

    #additional-info {
        width: 100%;
        display: block;
        text-align: right;
    }


    #nav_toggle {
        display: block;
    }

    #navigation {
        display: none;
    }

    #header #search_toggle {
        display: block;
    }

    #header_search {
        background: none repeat scroll 0 0 #324D6B;
        display: none;
        height: 60px;
        left: 0;
        padding: 15px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 9999;
    }

    #header .inner-header {
        padding: 10px;
    }

    .logo img {
        display: none;
    }

    .statewide-header {
        height: 3em;
    }

    .statewide-banner {
        overflow: auto;
        padding: 0;
    }

    .statewide-banner-left {
        top: 0;
    }

    .statewide-banner #hawaii-home {
        text-align: center;
        float: none;
    }

    #navigation ul {
        padding: 0;
    }

        #navigation ul > li {
            float: none;
        }

    #navigation .children, #navigation .children .children, #navigation .sub-menu, #navigation .sub-menu .sub-menu {
        position: static;
    }

    #navigation ul li {
        line-height: 1.5em;
    }

        #navigation ul li a {
            display: block;
            padding: 2% 10px;
            text-align: left;
        }

    #navigation .children .children li, #navigation .children .children li a, #navigation .sub-menu .sub-menu li, #navigation .sub-menu .sub-menu li a {
        background: #808080 !important;
    }

    form.search-form {
        text-align: middle !important;
    }

    #additional-info {
        float: right;
    }

    form.search-form {
        display: block;
        padding: 0;
        margin: 0;
    }


    #navigation .children li.sf-with-ul > a:after, #navigation .sub-menu li.sf-with-ul > a:after {
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-top: 6px solid #FFFFFF;
        content: "";
        margin-top: -3px;
        position: absolute;
        right: 9px;
        top: 50%;
    }

    #navigation ul li ul li.sfHover a:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
        border-bottom: 6px solid #FFFFFF !important;
        border-top: 6px solid rgba(0, 0, 0, 0) !important;
        border-right: 6px solid rgba(0, 0, 0, 0) !important;
        border-left: 6px solid rgba(0, 0, 0, 0) !important;
        border-style: solid;
        border-width: 6px;
        margin-top: -9px;
    }


    /**  Calendar Styles **/
    .mc-main .my-calendar-nav ul {
        text-align: center !important;
    }


    #header_search {
        float: right;
    }

    #search_button,
    .menu-mobile {
        clear: both;
        display: block;
        text-transform: uppercase;
        color: #fff;
        padding: 8px 13px;
        overflow: hidden;
        text-align: center;
        width: 18px;
        float: left;
        background-color: #222;
        margin: 10px 2% 10px 10px;
        border-radius: 5px;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    }

    #search_button {
        background: url("images/icon-sprite.png") no-repeat scroll 20% -175px #222;
        text-indent: -9999em;
        position: absolute;
        top: 0;
        right: 0;
    }

        #search_button:hover,
        .menu-mobile:hover {
            cursor: pointer;
        }

        #search_button:hover,
        #search_button:focus {
            background: #829C46 url("images/icon-sprite.png") no-repeat scroll 20% -175px #222;
        }

    #header_search input[type="text"] {
        background: none repeat scroll 0 0 #FFFFFF;
        margin-left: 5%;
        width: 65%;
    }

    #header_search label {
        display: none !important;
    }

    #middle_wrapper {
        margin: 2%;
    }

    .menu-mobile span {
        background-color: #F5F5F5;
        border-radius: 1px 1px 1px 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        display: block;
        height: 2px;
        margin: 2px 0;
        width: 18px;
        text-indent: -999px;
    }

    /* .banner { width: 35%;} */
    .banner h1.title {
        line-height: 1.2em !important;
    }

    .three-col.et-social-icons {
        min-width: 10%;
        max-width: 43%;
        margin-top: 2em;
        z-index: 1 !important;
    }


    .show {
        display: block;
    }

    .hide {
        display: none;
    }

    .logo img {
        display: none;
    }

    #header {
        z-index: 999;
    }

    /* header grid fixes so they dont go responsive */
    .inner-header .six-col {
        float: left;
    }

    .inner-header .three-col {
        z-index: 999;
        position: relative;
        float: right;
        margin-right: 10px;
    }

    .title_tagline {
        padding-top: 0;
        text-align: left;
        max-width: none;
    }


    #header_search {
        background: none repeat scroll 0 0 #999999;
        display: none;
        height: 60px;
        left: 0;
        padding: 15px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 9999;
    }


        #header_search.show {
            display: block;
        }

    #main {
        z-index: 1;
    }

    #header {
        background: #047482; /* Old browsers */
        background: -moz-linear-gradient(top, #047482 0%, #065e6f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #047482 0%,#065e6f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #047482 0%,#065e6f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #047482 0%,#065e6f 100%); /* IE10+ */
        background: linear-gradient(top, #047482 0%,#065e6f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); /* REMIND ME TO FIX THIS REPEATING CODE!?! */
    }

    /* JKH - 08282012 */
    #backgroundCover {
        /*BF - Disabled 02212022*/
        /*display: none;*/
    }
    /* Hide backgroundCover for mobile */

    /* RT - 121227 */
    .post-snippet {
        padding-right: 4%;
        padding-left: 4%;
    }

    #page .inner-main .button-row ul li,
    #search_ul li {
        list-style: none !important;
    }

    .primary .content {
        padding-left: 5%;
    }

    .primary-content .content {
        padding-right: 0;
    }

    .post-snippet {
            padding: 0  4% 1%;
    }

    #footer-widgets h4.widgettitle {
        margin-top: 15px;
    }

    .search_pagination, .pagination {
        margin-bottom: 10px;
    }

    .sidebar {
        overflow: auto;
    }

    #sidebar.sidebar-left {
        padding-right: 0;
    }

    #sidebar.sidebar-right {
        padding-left: 0;
    }

    #footer {
        margin: 0 auto;
    }

        #footer .powered-by a, #footer #copyright_info span {
            float: left;
            text-align: left;
            margin: 0 2%;
        }

        #footer .four-col {
            margin: 1em 0;
        }

    .logo {
        max-width: 70%;
    }
}


/* RT140505 */
@media only screen and (min-width: 1024px) {
    #sidebar_wrapper.four-col {
        width: 344px !important;
    }
}

@media only screen and (max-width: 767px) {
    #home_main {
        padding: 20px !important;
    }
}

.sidebar .widget:first-child, #sidebar .widget-first {
    padding-top: 0 !important;
}
/* */


@media only screen and (min-width: 767px) {
    body {
        font-size: 16px;
        height: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    #wrap {
        font-size: 0.9em;
    }

    /* RT140505 */
    #main.wsidebar {
        display: table;
        table-layout: fixed;
        width: 1022px;
        width: 100%;
        padding: 0 !important;
    }

        #main.wsidebar #content_wrapper, #home_content_wrapper.wsidebar #content_wrapper {
            display: table-cell;
            float: none;
            padding: 20px 30px;
            vertical-align: top;
        }

    #home_content_wrapper #home_main {
        padding: 20px 30px;
    }

    #home_content_wrapper.wsidebar #home_main {
        padding: 0;
    }

    #sidebar_wrapper {
        display: table-cell;
        float: none;
        padding-top: 40px;
        vertical-align: top;
    }

    #sidebar {
        padding: 0 20px 15px;
    }

    #home_content_wrapper.wsidebar {
        display: table;
        table-layout: fixed;
        width: 1022px;
        width: 100%;
        padding: 0 !important;
    }

    #sidebar_wrapper_home {
        display: table-cell;
        float: none;
        width: 40%;
        padding-top: 20px;
    }
    /* */

    .inner-header {
        padding: 2.2em 36px 1em 36px;
    }
    /** 
  .inner-wrapper, .inner-main {
    clear: both;
  	display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    /** 	float: left;
  	padding: 1em 5% 0 5%;
  	position: relative;
  	max-width: 950px;
  	background: #fff;
  	margin: 0;
  /*	RT - 121227
  	width:95%;
  */
    /**	width:90%;
  }
**/
    .inner-main-full {
        clear: both;
        display: block;
        float: left;
        margin: 0;
        padding: 1em 36px 0;
        position: relative;
    }

    #sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg {
        background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
        border-left: 1px solid #CCCCCC;
        /* RT140505
      position: absolute;
      right: 0;
      top: 0;
*/
    }

    #sidebar .sidebar_left_widget.widget-first,
    #sidebar .sidebar_right_widget.widget-first {
        padding-top: 0;
    }


    #header .logo {
        display: inline-block;
    }

        #header .logo img {
            max-height: 71px;
            width: auto;
            max-width: 33%;
            vertical-align: top;
            padding-top: 3%;
            float: left;
            margin: 0 2% 0 0;
        }

    #header h1 a {
        color: #0B7482;
        margin: 0 0 .15em 0;
        font-size: 1.55em;
        padding: 0;
        text-transform: none;
    }

    #header .tagline {
        font-size: 1.1em;
        color: #79482A;
        margin: 1.5em 0 0 0;
        text-shadow: 0 1px 0 rgba(255,255,255,.9);
        max-width: 60%;
    }

    .inner-main.home {
        background: none;
        /*	RT - 121227
  	width:auto;
  */
    }
}




/***************************************** Landscape - Smartphone  ***************************************/
@media only screen and (min-width: 768px) and (orientation:landscape) {
}
/*** End of Landscape ***/


@media only screen and (min-width: 768px) and (max-width: 960px) {
    .featured-post-widget {
        width: 230px;
    }

    .aside-right {
        width: 230px;
    }

    h2.featured-title {
        font-family: Arial,sans-serif;
        font-size: 28px;
        font-weight: lighter;
        padding: 10px 10px 0;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    }

    #flex_controllers {
        left: 59px !important;
    }

    ul#top-menu a {
        font-family: Arial,sans-serif;
        font-size: 15px;
        padding: 8px;
        text-decoration: none;
    }

    ul#top-menu ul {
        top: 35px !important;
    }

    #category-name {
        width: 100%;
    }

    #category-inner {
        padding: 0;
    }

    #container, #quote,
    .featured-top-shadow,
    .featured-bottom-shadow {
        width: 750px;
    }

        #quote h3 {
            font-size: 22px;
        }

        #quote p {
            font-size: 18px;
        }

    #content-area {
        padding: 45px 36px 60px;
    }

    .service {
        width: 206px;
        margin-right: 29px;
    }

        .service .thumb {
            background: none;
        }

    #from-blog {
        display: none;
    }

    #multi-media-bar {
        padding: 0 57px;
    }

    #footer-content {
        width: 748px;
    }

    .widget {
        width: auto;
    }

    #left-area {
        width: 410px;
    }

    #content {
        background-position: 518px 0;
        padding: 10px 10px;
    }
}

@media screen and (min-width: 684px) and (max-width: 767px) {
    #home_bottom_widgets .three-col, #home_bottom_widgets .four-col, #home_bottom_widgets .six-col, #home_bottom_widgets .twelve-col {
        clear: none;
        display: inline;
        float: left;
        margin-bottom: 1em;
        margin-right: 1.05264%;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    #home_bottom_widgets .one-col {
        width: 7.36842%;
    }

    #home_bottom_widgets .two-col {
        width: 15.78947%;
    }

    #home_bottom_widgets .three-col {
        width: 24.21052%;
    }

    #home_bottom_widgets .four-col {
        width: 32.63157%;
    }

    #home_bottom_widgets .five-col {
        width: 41.05263%;
    }

    #home_bottom_widgets .six-col {
        width: 49.47368%;
    }

    #home_bottom_widgets .seven-col {
        width: 57.89473%;
    }

    #home_bottom_widgets .eight-col {
        width: 66.31578%;
    }

    #home_bottom_widgets .nine-col {
        width: 74.73684%;
    }

    #home_bottom_widgets .ten-col {
        width: 83.15789%;
    }

    #home_bottom_widgets .eleven-col {
        width: 91.57894%;
    }

    #home_bottom_widgets .twelve-col {
        width: 100%;
        margin-right: 0;
    }

        #home_bottom_widgets .twelve-col .one-col {
            width: 7.36842%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .two-col {
            width: 15.78947%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .three-col {
            width: 24.21052%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .four-col {
            width: 32.63157%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .five-col {
            width: 41.05263%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .six-col {
            width: 49.47368%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .seven-col {
            width: 57.89473%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .eight-col {
            width: 66.31578%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .nine-col {
            width: 74.73684%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .ten-col {
            width: 83.15789%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .eleven-col {
            width: 91.57894%;
            margin-right: 1.05263%;
        }

        #home_bottom_widgets .twelve-col .twelve-col {
            width: 100%;
            margin-right: 0;
        }

    #home_bottom_widgets .three-col.last-col,
    #home_bottom_widgets .four-col.last-col,
    #home_bottom_widgets .six-col.last-col {
        margin-right: 0 !important;
    }

    .last-col {
        margin-right: 0;
    }
}

/************************************************* Tablet  **********************************************/
@media screen and (min-width: 767px) {

    .sidebar {
        background: none;
    }

    .statewide-header img {
        height: auto;
    }

    html {
        background: #EEEEEE;
        height: 100%;
    }

    #main {
        margin-top: 0;
        padding: 20px 30px;
        position: relative;
    }

    #header {
        display: block;
        margin: 0 auto;
        clear: both;
        /*Header Islands background*/
        /*background: #fff url(images/design/header/background.jpg) 50% 0% no-repeat;*/
    }

    .banner {
        float: none;
        width: 92%;
        margin: 1.5em 0 0 3em;
    }

    #header h1 {
        margin: 0;
        line-height: 1.2;
        padding-bottom: .25em;
    }

        #header h1.title a {
            color: #fff;
            font-size: 1.4em;
        }

            #header h1.title a:hover {
                background: none;
            }

    #header_search span.branding {
        display: block;
        text-align: left;
        line-height: 1.5em;
        margin-left: 20%;
        margin-top: .75em;
        color: #444;
        font-size: .8em;
    }

    #header p.usa-search {
        text-indent: -9999em;
        height: 25px;
        width: 100%;
        margin: .5em .5em 0 0%;
        display: block;
        background: url("images/design/header/usagov.png") top center no-repeat;
    }

    #controllers_wrapper {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 250px;
    }

    #flex_controllers {
        background: none;
    }


    .announcer_credits {
        display: none;
    }

    #announcer_box {
        margin-bottom: 1em;
    }

        #announcer_box .announcer_closebt {
            padding: 1em;
            color: #fff;
        }

            #announcer_box .announcer_closebt a {
                color: #fff;
                margin: 30% 1em;
            }

    .featured-description {
        width: 100%;
    }



    .content {
        padding: 0 5% 0 0;
    }

    #home_bottom_widgets .content {
        padding: 0 0 0 0;
    }

    .copyright {
        text-align: right;
    }

    #header .inner-header {
        display: block;
    }

    #header h1.title {
        border: 0 0 0 1px solid rgba(255,255,255,.4);
        line-height: 1.5em;
        padding: 0 0 0 .2em;
    }

        #header h1.title a {
            display: block;
            font-weight: 500;
            text-align: left;
            margin: 0 auto;
            text-decoration: none;
            color: #2BABCC;
            font-size: 1.5em;
            padding: 0;
            margin: 0;
            font-weight: 700;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
            position: relative;
        }


    #header .brand {
        display: none;
    }

    #header .two-col {
        position: relative;
    }

        #header .two-col img {
            vertical-align: bottom;
            height: auto;
            width: 100%;
        }

    #header .inner-header {
        margin-left: 0;
    }

    #header ul.nav {
        background: none;
        display: block;
        width: 100%;
        float: left;
    }

    #header .navbar .container {
        padding: 0 36px;
    }

    form.search-form #search-input {
        width: 65%;
    }

    #footer a, #footer ul li a {
        color: #fff;
        color: rgba(255,255,255,.95);
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
    }

    #footer p.powered-by a {
        background: url('images/design/footer/poweredby.png') top right no-repeat;
        float: right;
        text-indent: -200%;
        overflow: hidden;
    }

    #footer .powered-by p {
        text-indent: -130%;
    }

    #footer dt {
        border-top: none;
    }

    #footer dd {
        border-bottom: none;
    }


    /*** Slider ***/

    .nivo-caption {
        right: 0;
        bottom: 18%;
        background: rgba(0,0,0,.9);
        color: #fff;
        width: 44%;
        position: absolute;
    }


    /*** Grid ***/

    /* 
  ========================
    GRIDINATOR CSS v0.4.1
    http://gridinator.com/
    
    GRIDINATOR CSS is a very basic framework to create
    grid-based layouts. The content of this file is 
    provided as-is, without support.
    
    If you would like to contact GRIDINATOR to suggest
    improvements, to ask for help or to file a bug report, 
    please feel free to email: gridinator@steff.me
    
    Your grid settings:
    	columns: 12
    	column width: 70px
    	column margin: 10px
    	container margin: 36px
      
  =========================
  */


    /* body { 
  	margin: 0;
  	padding: 0;
  	text-align: left;
  	height: 100%;
  }
*/

    #page {
        margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
        text-align: left;
        -webkit-box-shadow: 0 0 9px rgba(0,0,0,.4);
        -moz-box-shadow: 0 0 9px rgba(0,0,0,.4);
        box-shadow: 0 0 9px rgba(0,0,0,.4);
    }


    #header .search-widgets {
        display: block;
    }

    #header .banner h1 {
        margin: 0 1em 0 1em;
    }

    #header .banner h2 {
        margin: 0 1.1em;
    }

    /**
  .inner-wrapper, .inner-main {
    clear: both;
  	display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
    /** 	float: left;
  /*	RT - 121227
  	padding: 1em 36px 0 36px;
  */ /**	padding: 1em 5% 0 5%;
  	position: relative;
 /* 	background: url(images/design/backgrounds/inner-main.png) 85.31578% 0% repeat-y; */
    /**  	margin: 0;
  /*	RT - 121227
  	width:100%;
  */ /** } **/





    .twelve-col .one-col {
        width: 7.36842%;
        margin-right: 1.05263%;
    }

    .twelve-col .two-col {
        width: 15.78947%;
        margin-right: 1.05263%;
    }

    .twelve-col .three-col {
        width: 24.21052%;
        margin-right: 1.05263%;
    }

    .twelve-col .four-col {
        width: 32.63157%;
        margin-right: 1.05263%;
    }

    .twelve-col .five-col {
        width: 41.05263%;
        margin-right: 1.05263%;
    }

    .twelve-col .six-col {
        width: 49.47368%;
        margin-right: 1.05263%;
    }

    .twelve-col .seven-col {
        width: 57.89473%;
        margin-right: 1.05263%;
    }

    .twelve-col .eight-col {
        width: 66.31578%;
        margin-right: 1.05263%;
    }

    .twelve-col .nine-col {
        width: 74.73684%;
        margin-right: 1.05263%;
    }

    .twelve-col .ten-col {
        width: 83.15789%;
        margin-right: 1.05263%;
    }

    .twelve-col .eleven-col {
        width: 91.57894%;
        margin-right: 1.05263%;
    }

    .twelve-col .twelve-col {
        width: 100%;
        margin-right: 0;
    }

    .eleven-col .one-col {
        width: 8.04597%;
        margin-right: 1.14942%;
    }

    .eleven-col .two-col {
        width: 17.24137%;
        margin-right: 1.14942%;
    }

    .eleven-col .three-col {
        width: 26.43678%;
        margin-right: 1.14942%;
    }

    .eleven-col .four-col {
        width: 35.63218%;
        margin-right: 1.14942%;
    }

    .eleven-col .five-col {
        width: 44.82758%;
        margin-right: 1.14942%;
    }

    .eleven-col .six-col {
        width: 54.02298%;
        margin-right: 1.14942%;
    }

    .eleven-col .seven-col {
        width: 63.21839%;
        margin-right: 1.14942%;
    }

    .eleven-col .eight-col {
        width: 72.41379%;
        margin-right: 1.14942%;
    }

    .eleven-col .nine-col {
        width: 81.60919%;
        margin-right: 1.14942%;
    }

    .eleven-col .ten-col {
        width: 90.80459%;
        margin-right: 1.14942%;
    }

    .eleven-col .eleven-col {
        width: 100%;
        margin-right: 0;
    }

    .ten-col .one-col {
        width: 8.86075%;
        margin-right: 1.26582%;
    }

    .ten-col .two-col {
        width: 18.98734%;
        margin-right: 1.26582%;
    }

    .ten-col .three-col {
        width: 29.11392%;
        margin-right: 1.26582%;
    }

    .ten-col .four-col {
        width: 39.2405%;
        margin-right: 1.26582%;
    }

    .ten-col .five-col {
        width: 49.36708%;
        margin-right: 1.26582%;
    }

    .ten-col .six-col {
        width: 59.49367%;
        margin-right: 1.26582%;
    }

    .ten-col .seven-col {
        width: 69.62025%;
        margin-right: 1.26582%;
    }

    .ten-col .eight-col {
        width: 79.74683%;
        margin-right: 1.26582%;
    }

    .ten-col .nine-col {
        width: 89.87341%;
        margin-right: 1.26582%;
    }

    .ten-col .ten-col {
        width: 100%;
        margin-right: 0;
    }

    .nine-col .one-col {
        width: 9.85915%;
        margin-right: 1.40845%;
    }

    .nine-col .two-col {
        width: 21.12676%;
        margin-right: 1.40845%;
    }

    .nine-col .three-col {
        width: 32.39436%;
        margin-right: 1.40845%;
    }

    .nine-col .four-col {
        width: 43.66197%;
        margin-right: 1.40845%;
    }

    .nine-col .five-col {
        width: 54.92957%;
        margin-right: 1.40845%;
    }

    .nine-col .six-col {
        width: 66.19718%;
        margin-right: 1.40845%;
    }

    .nine-col .seven-col {
        width: 77.46478%;
        margin-right: 1.40845%;
    }

    .nine-col .eight-col {
        width: 88.73239%;
        margin-right: 1.40845%;
    }

    .nine-col .nine-col {
        width: 100%;
        margin-right: 0;
    }

    .eight-col .one-col {
        width: 11.11111%;
        margin-right: 1.5873%;
    }

    .eight-col .two-col {
        width: 23.80952%;
        margin-right: 1.5873%;
    }

    .eight-col .three-col {
        width: 36.50793%;
        margin-right: 1.5873%;
    }

    .eight-col .four-col {
        width: 49.20634%;
        margin-right: 1.5873%;
    }

    .eight-col .five-col {
        width: 61.90476%;
        margin-right: 1.5873%;
    }

    .eight-col .six-col {
        width: 74.60317%;
        margin-right: 1.5873%;
    }

    .eight-col .seven-col {
        width: 87.30158%;
        margin-right: 1.5873%;
    }

    .eight-col .eight-col {
        width: 100%;
        margin-right: 0;
    }

    .seven-col .one-col {
        width: 12.72727%;
        margin-right: 1.81818%;
    }

    .seven-col .two-col {
        width: 27.27272%;
        margin-right: 1.81818%;
    }

    .seven-col .three-col {
        width: 41.81818%;
        margin-right: 1.81818%;
    }

    .seven-col .four-col {
        width: 56.36363%;
        margin-right: 1.81818%;
    }

    .seven-col .five-col {
        width: 70.90909%;
        margin-right: 1.81818%;
    }

    .seven-col .six-col {
        width: 85.45454%;
        margin-right: 1.81818%;
    }

    .seven-col .seven-col {
        width: 100%;
        margin-right: 0;
    }

    .six-col .one-col {
        width: 14.89361%;
        margin-right: 2.12765%;
    }

    .six-col .two-col {
        width: 31.91489%;
        margin-right: 2.12765%;
    }

    .six-col .three-col {
        width: 48.93617%;
        margin-right: 2.12765%;
    }

    .six-col .four-col {
        width: 65.95744%;
        margin-right: 2.12765%;
    }

    .six-col .five-col {
        width: 82.97872%;
        margin-right: 2.12765%;
    }

    .six-col .six-col {
        width: 100%;
        margin-right: 0;
    }

    .five-col .one-col {
        width: 17.94871%;
        margin-right: 2.5641%;
    }

    .five-col .two-col {
        width: 38.46153%;
        margin-right: 2.5641%;
    }

    .five-col .three-col {
        width: 58.97435%;
        margin-right: 2.5641%;
    }

    .five-col .four-col {
        width: 79.48717%;
        margin-right: 2.5641%;
    }

    .five-col .five-col {
        width: 100%;
        margin-right: 0;
    }

    .four-col .one-col {
        width: 22.58064%;
        margin-right: 3.2258%;
    }

    .four-col .two-col {
        width: 48.38709%;
        margin-right: 3.2258%;
    }

    .four-col .three-col {
        width: 74.19354%;
        margin-right: 3.2258%;
    }

    .four-col .four-col {
        width: 100%;
        margin-right: 0;
    }

    .three-col .one-col {
        width: 30.43478%;
        margin-right: 4.34782%;
    }

    .three-col .two-col {
        width: 65.21739%;
        margin-right: 4.34782%;
    }

    .three-col .three-col {
        width: 100%;
        margin-right: 0;
    }

    .two-col .one-col {
        width: 46.66666%;
        margin-right: 6.66666%;
    }

    .two-col .two-col {
        width: 100%;
        margin-right: 0;
    }

    .one-col .one-col {
        width: 100%;
        margin-right: 0;
    }

    .twelve-col .last-col {
        margin-right: 0;
    }

    .eleven-col .last-col {
        margin-right: 0;
    }

    .ten-col .last-col {
        margin-right: 0;
    }

    .nine-col .last-col {
        margin-right: 0;
    }

    .eight-col .last-col {
        margin-right: 0;
    }

    .seven-col .last-col {
        margin-right: 0;
    }

    .six-col .last-col {
        margin-right: 0;
    }

    .five-col .last-col {
        margin-right: 0;
    }

    .four-col .last-col {
        margin-right: 0;
    }

    .three-col .last-col {
        margin-right: 0;
    }

    .two-col .last-col {
        margin-right: 0;
    }

    .one-col .last-col {
        margin-right: 0;
    }



    .inner-main-full {
        clear: both;
        display: block; /* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
        float: left;
        /*	RT - 121227
  	padding: 1em 36px 0 36px;
  */ padding: 1em 5% 0 5%;
        position: relative;
        background: none !important;
        margin: 0;
        /*	RT - 121227
  	width:100%;
  */
    }

    .noside {
        background: url(images/design/backgrounds/inner-main-no-side.png) 66.31578% 0% repeat-y;
    }

    .inner-main.home {
        background: none;
        /*	RT - 121227
  	width:auto;
  */
    }

    #inner-wrap {
        margin: 0;
        padding: 0 1.5%;
    }

    #header .twelve-col {
        margin-bottom: 0;
    }


    .clear { /* Useful generic clearing class. */
        clear: both;
    }

    .clearfix {
        zoom: 1;
        clear: both;
    }

    #navigation .twelve-col {
        overflow: visible;
    }

    .inner-header .nine-col, #header_search.three-col {
        margin-right: 0;
    }

    #home_top_widgets .home_top_widget.three-col {
        padding: 1.5%;
        width: 21.21052%;
    }

    #home_top_widgets .home_top_widget.four-col {
        padding: 1.5%;
        width: 29.6316%;
    }

    #home_top_widgets .home_top_widget.six-col {
        padding: 1.5%;
        width: 46.4737%;
    }

    #home_top_widgets .home_top_widget.twelve-col {
        padding: 1.5%;
        width: 88.57894%;
    }

    #home_top_widgets .home_top_widget[id^="singlepostwidget-"] .widgettitle.three-col {
        margin-left: 70px;
    }

    #home_top_widgets .content {
        padding: 0;
    }

    /*** Design ***/

    #footer-widgets .footer-widget {
        clear: none;
        display: inline;
        float: left;
        margin-bottom: 1em;
        margin-right: 1.05264%;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 16.78947%;
    }

    #footer-widgets .last {
        /*width: 32.63157%; ~NH */
        margin-right: 1.05264%;
    }

    #footer {
        background: rgba(0,0,0,.6);
        margin-bottom: 1em;
    }

    /**  #footer .inner-wrapper {overflow: hidden; min-width: 700px;} **/

    .navigation ul {
        margin: 0;
    }

    .navigation {
        margin: 0;
        display: block;
        padding: 0;
        font-size: 1em;
        width: 100%;
        background: #047482; /* Old browsers */
        background: -moz-linear-gradient(top, #047482 0%, #065e6f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #047482 0%,#065e6f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #047482 0%,#065e6f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #047482 0%,#065e6f 100%); /* IE10+ */
        background: linear-gradient(top, #047482 0%,#065e6f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); /* IE6-8 */
        color: #fff;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    }

        .navigation li {
            list-style: none;
            margin-right: 2%;
            text-align: center;
            float: left;
            display: inline-block;
            margin: 0;
        }

        .navigation ul li a {
            color: #fff;
            padding: .75em 2em;
            margin: 0;
        }

        .navigation li a.current {
            color: #19A38B;
        }



    ul.footer-navigation li {
        display: inline-block;
        margin: 0 .5em;
    }

        ul.footer-navigation li a {
            font-size: .9em;
            border-bottom: 1px solid rgba(0,0,0,.2);
        }

            ul.footer-navigation li a:hover {
                color: #fff;
                text-decoration: none;
                border-bottom: 1px solid #DFDBC2;
            }

        ul.footer-navigation li:first-child {
            margin: 0 .5em 0 0;
        }

    /*** Slider ***/

    ul.nevo-slider li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    li.item-one {
        width: 100%;
        height: 340px;
    }

    html.flexbox .blog-feature {
        box-sizing: border-box;
        border-top: none;
        border-left: 1px solid #D6D5C4;
    }

        html.flexbox .blog-feature:first-child {
            border-left: none;
        }

    /**
  #wrap {
    background: #CD9763 url(/wp-content/uploads/2012/07/island.jpg) top center no-repeat fixed;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
    }
  **/

    html.no-backgroundsize #wrap {
        background: #CD9763 url('images/design/backgrounds/capitol-bg03.jpg') top center no-repeat fixed;
    }

    /*Remove State of Hawaii Seal*/
    /*#footer-widgets, #footer .inner-footer {background: url('images/design/footer/footer-seal.png') top right no-repeat; margin: 0 2%; }*/
    #footer #footer-widgets {
        min-height: 130px;
    }

    .statewide-header {
        font-size: .8em;
        height: 4.2em;
        margin-bottom: 1em;
        background: #284661;
        background: rgba(0,0,0,.5);
        color: #fff;
        border-bottom: 1px solid rgba(0,0,0,.3);
        -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
        box-shadow: 0 5px 5px rgba(0,0,0,.2);
    }

    .statewide-banner {
        padding: .5em 0;
        color: #fff;
    }

    #dept-home, #font-resize {
        display: inline-block;
    }

    /*** Search ***/

    #header .search-widgets {
        display: block;
        position: relative;
    }

    #page .search-widgets {
        text-align: right;
        display: block;
    }

    #main .main-content {
        padding-right: 2em;
    }

    .sidebar .content {
        padding: 0 5%;
    }

    .sidebar form input[type="submit"] {
        width: auto;
    }

    .primary {
        border-bottom: none;
        background: none;
    }

    .nivoSlider img {
        display: block;
    }

    .nivo-main-image {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }
}
/*** End of Tablet ***/




@media only screen and (max-width: 960px) {
}




/*** Desktop / Widescreen Desktop ***/
@media only screen and (min-width: 1400px) {
}
/*** End of Widescreen Destkop ***/



@media only screen and (max-width: 768px) {
    #category-name {
        width: 100%;
    }

    #category-inner {
        padding: 0;
    }

    #container, .featured-top-shadow, .featured-bottom-shadow {
        width: 460px;
    }
    /* #additional-info, .featured-description, #from-blog, #multi-media-bar, #footer-widgets { display: none; } */
    p#slogan {
        float: none;
        margin-left: 47px;
        margin-top: -25px;
        padding-top: 0;
    }

    #quote {
        padding-left: 35px;
        padding-right: 35px;
        width: 390px;
    }

        #quote h3 {
            font-size: 22px;
        }

        #quote p {
            font-size: 18px;
        }

    ul.children ul {
        margin: 0px;
    }

    #font-resize {
        display: none;
    }

    .aside-right {
        width: 230px;
    }

    #content-area {
        padding: 35px 36px 10px;
    }

    #services {
        margin-bottom: 10px;
    }

    .service {
        float: none;
        width: 386px;
    }

        .service h3.title {
            text-align: center;
        }

        .service .thumb {
            background: none;
        }

    #footer-content {
        width: 458px;
    }

    p#copyright {
        float: none;
        padding-right: 0;
        padding-top: 20px;
        text-align: center;
    }

    /*#mobile_nav {
        display: inline-block;
    }*/

    #top-menu {
        padding: 0;
        display: none;
    }

    /* #content { padding: 0px 28px 60px; } */
    h2.title {
        text-align: center;
    }

    .post p.meta-info {
        margin-left: -28px;
        margin-right: -28px;
        padding-left: 28px;
        padding-right: 28px;
        border-bottom: none;
    }

    #left-area {
        width: 404px;
    }

    .featured-post-widget {
        width: 230px;
    }

    .post {
        padding-right: 0;
    }

    .comment ul.children {
        padding-left: 0;
    }

    .sitemap-col {
        float: none !important;
        width: auto !important;
    }

    #sidebar {
        display: block !important;
        border-top: 1px solid #F0F0F0;
    }

    .statewide-banner-right {
        display: none;
    }

    .with_frm_style .frm_form_fields input, #wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields textarea {
        border-style: solid;
        border-width: 1px;
        font-size: 13px;
        padding: 2px;
        width: 250px !important;
    }
}

/********************************************************************************************************************************************
=767PX SCREEN & SMALLER
********************************************************************************************************************************************/

@media all and (max-width: 767px) {

    /**********************************************************************
	=NAV
	**********************************************************************/








    /**********************************************************************
  header {
      background: none repeat scroll 0 0 #4D76A4;
      min-height: 65px;
  }

	nav {
		display: none;
		width: 100%;
		height: auto;
		background: #4D76A4;
	}
	
	nav .menu {
		padding: 0;
	}
	
	nav .menu li {
		width: 100%;
	}
	
  /* All */
    /**********************************************************************
	nav a { 
		width: 90%;
		padding: 0 5%;
		background: #324D6B;
	}
	
	nav > .menu > ul > li > a {
		border-top: 1px solid rgba(255,255,255,0.2);
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	
	/* Top Level */
    /**********************************************************************
  nav > .menu > ul > li.current_page_item > a:after { 
		display: none
	}
	
  /* Top Level */
    /**********************************************************************
	nav > .menu > ul > li > a.parent { 
		position: relative;
		width: 90%;
		padding: 0 5%;
	}
	
	/* Top Level */
    /**********************************************************************
 nav > .menu > ul > li > a.parent:before { 
		right: 5%;
	}
	
  /* Second Level */
    /**********************************************************************
	nav > .menu > ul > li > ul { 
		position: static;
		z-index: 0;
		border-left: 0;
	}
	
  /* All Below Top */
    /**********************************************************************
	nav > .menu > ul > li ul a { 
		border-top: 1px solid rgba(255,255,255,0.2);
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	
  /* All Below Top */
    /**********************************************************************
	nav > .menu > ul > li ul li a.parent { 
		width: 90%;
		padding: 0 5%;
	}
	
  /* All Below Top */
    /**********************************************************************
	nav > .menu > ul > li ul li a.parent:before { 
		right: 5%;
		top: -3px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #FFF;
	}
	
	nav > .menu > ul > li ul li a.drop:before {
		border-top: 0;
		border-bottom: 6px solid #FFF;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	
  /* All Below Second Level */
    /**********************************************************************
	nav > .menu > ul > li > ul li ul { 
		display: none;
		position: static;
		border-left: 0;
	}
	
	nav > .menu > ul > li ul {
		background: #324D6B;
	}
	
	nav > .menu > ul > li ul a {
		background: rgba(0,0,0,0.5);
	}
	
	nav > .menu > ul > li.current_page_ancestor > a:after {
		display: none;
	}
  **********************************************************************/

}

#home_content_wrapper.wsidebar .second-row {
    margin-bottom: 0;
}

@media only screen and (min-width: 767px) {


    /* RT140505 */
    #home_content_wrapper.wsidebar .second-row {
        display: table;
        table-layout: fixed;
    }
    /* */
}