@charset "utf-8";
/* 
 *  CSS Document 
 *
 */

/* 
 *  Slideshow Roll 
 *  Universal CSS
 */
.jmsRoll {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    border: solid 2px #fff;
}

    .jmsRoll .views-row {
        width: 310px;
        /* javascript var jmsItemWidth. --> This value is 310 +20 margin-left +20 margin-right = 350 */
        float: left;
        margin: 0 20px;
    }

    .jmsRoll .view-header {
        overflow: hidden;
    }

    .jmsRoll .view-content {
        width: 3600px;
        /* TODO: set dynamically with javascript to the correct width - based on the quantity of items */
        padding: 0 18px;
        position: relative;
    }

.jmsRollTop {
    display: inline;
    float: left;
}

    .jmsRollTop a {
        font-style: italic;
        text-decoration: none;
        font-size: 0.8em;
    }

        .jmsRollTop a:hover {
            text-decoration: underline;
        }

.jmsRollTopTitle {
    display: inline;
}

h2.jmsRollTopTitle {
    line-height: 2em;
}

.jmsRollDate {
    font-size: 0.8em;
    font-style: italic;
}

.jmsRollImage {
    float: left;
    margin-right: 10px;
    width: 100%;
    height: auto;
}

    .jmsRollImage img {
        width: 100%;
        height: auto;
    }

h2.jmsRollTitle {
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

    h2.jmsRollTitle a {
        text-decoration: none;
        font-size: 0.8em;
        color: #34667f;
        letter-spacing: 0;
    }

        h2.jmsRollTitle a:hover {
            text-decoration: underline;
        }

.jmsRollReadMore {
    text-align: center;
}

    .jmsRollReadMore a {
        padding: 4px 8px;
        background: #123456;
        color: #f0f0f0;
        box-shadow: 2px 2px 1px #aaa;
        border-radius: 5px;
        line-height: 2.5em;
        font-size: 0.85em;
    }

        .jmsRollReadMore a:hover {
            text-decoration: none;
            background: #456789;
            color: #fff;
        }

        .jmsRollReadMore a:active {
            /* TODO */
        }

.clearFloat {
    clear: both;
}

.jmsAdvanceRollA {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
}

    .jmsAdvanceRollA a {
        background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

.jmsAdvanceRollB {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 50px;
}

    .jmsAdvanceRollB a {
        background: url("/sites/default/files/images-template/slider-icon-right.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

        .jmsAdvanceRollA a:hover,
        .jmsAdvanceRollB a:hover {
            background-color: #0779bf;
            color: #f0f0f0;
            text-decoration: none;
        }

        .jmsAdvanceRollA a:active,
        .jmsAdvanceRollB a:active {
            background-color: #055f93;
            color: #aaa;
            text-decoration: none;
        }

    .jmsAdvanceRollB.fadedOut a,
    .jmsAdvanceRollA.fadedOut a {
        background-color: #e6edef;
    }

        .jmsAdvanceRollA.fadedOut a:hover,
        .jmsAdvanceRollA.fadedOut a:active,
        .jmsAdvanceRollB.fadedOut a:hover,
        .jmsAdvanceRollB.fadedOut a:active {
            background-color: #e6edef;
            cursor: default;
        }

.jmsQuantityFeedbackNew {
    float: right;
    position: relative;
    right: 5px;
}

    .jmsQuantityFeedbackNew ul {
        position: relative;
        z-index: 10;
        margin: 0;
        padding: 0;
    }

    .jmsQuantityFeedbackNew li {
        background: #999;
        border-radius: 20px;
        height: 15px;
        width: 15px;
        list-style-type: none;
        float: left;
        margin: 4px 5px;
    }

        .jmsQuantityFeedbackNew li:hover {
            background: #777;
            cursor: pointer;
        }

.jmshighlighted {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: 0;
    width: 75px;
    height: 21px;
    border: solid 1px #aaa;
    background: #ccc;
    border-radius: 20px;
    -webkit-transition: left 0.1s linear;
    -moz-transition: left 0.1s linear;
    -ms-transition: left 0.1s linear;
    -o-transition: left 0.1s linear;
    transition: left 0.1s linear;
}

.callout {
    position: relative;
}

    .callout .notch {
        position: absolute;
        bottom: -15px;
        left: 45%;
        margin: 0;
        border-bottom: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #ddd;
        padding: 0;
        width: 0;
        height: 0;
    }

    .callout .notchLeft {
        position: absolute;
        left: -15px;
        bottom: 45%;
        margin: 0;
        border-bottom: 15px solid transparent;
        border-left: 0;
        border-right: 15px solid #333;
        border-top: 15px solid transparent;
        padding: 0;
        width: 0;
        height: 0;
    }

.border-callout {
    border: 1px solid #aaa;
}

    .border-callout .border-notch {
        border-top-color: #777;
        bottom: -16px;
    }

/*
	*  Front Page Items. The Best Times, JoCo Magazine, New Calendar Format, Current Tweets
	*/
.jmsLatestEdition a {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px 2px;
}

.jmsLatestEdition.jocoMag a {
    background: #34667f;
    color: #eef;
}

.jmsLatestEdition.bestTimes a {
    background: #b36632;
    color: #fff8d6;
}

    .jmsLatestEdition.bestTimes a:hover {
        background: #96552a;
        color: #fff;
    }

.jmsLatestEdition.jocoMag a:hover {
    background: #14465f;
    color: #fff;
}

h3.jmsLatestEditionTitle {
    color: #34667f;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 0.3em;
    margin-top: 0;
    line-height: 1em;
}

    h3.jmsLatestEditionTitle p {
        margin-top: 0.5em;
    }

.jmsLatestEditionInfo {
    font-size: 0.9em;
    line-height: 1.4em;
}

.view-the-best-times.view-display-id-block_3,
#block-block-64,
#block-views-tweets-block {
    padding: 20px 0;
}

.jmsLatestEditionA {
    width: 48%;
    float: left;
    margin-left: 0;
    margin-right: 1%;
}

.jmsLatestEditionB {
    width: 44%;
    float: left;
    margin-left: 3%;
    margin-right: 0;
}

.jmsFooterExtraBottom {
    border-bottom: 4px solid #4a8a3e;
    overflow: hidden;
    padding: 2px 0;
    position: relative;
}

/* 
	 *  Web App Navigation
	 */
.tdcAppNav {
    background: #333;
    padding: 10px 0;
    text-align: right;
}

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

    .tdcAppNav li {
        padding: 0;
        margin: 0 15px 0 0;
        display: inline;
    }

    .tdcAppNav a {
        padding: 2px 10px;
        color: #fff;
        text-decoration: none;
        line-height: 2.1em;
    }

        .tdcAppNav a:hover {
            color: #ffc61e;
        }

        .tdcAppNav a:active {
            /* TODO */
        }

    .tdcAppNav .tdcLogOutButton a {
        background-color: #d3c1a2;
        color: #000;
    }

        .tdcAppNav .tdcLogOutButton a:hover {
            background-color: #ffc61e;
        }

    .tdcAppNav .tdcOtherButtons a {
        background-color: #d3c1a2;
        color: #000;
    }

        .tdcAppNav .tdcOtherButtons a:hover {
            background-color: #ffc61e;
        }

/**
	* Alert - Large
	*/
/*
	.jmsAlert .region {
		 background:#FFF;
		 margin-top: 0;
		 margin-bottom: 0;
	}
	.jmsAlert .block {
		margin: 25px 0 15px;
		background:#FFF;
		border:solid 4px #333;
		box-shadow: 0 2px 5px #333;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		overflow: hidden;
	}
	.jmsAlert h1,
	.jmsAlert h2,
	.jmsAlert h3,
	.jmsAlert h4,
	.jmsAlert h5,
	.jmsAlert h6,
	.jmsAlert p {
		margin-top:5px;
		margin-bottom:5px;
		color:#000;
	}
	.jmsAlert h2 {
		width:27.333%;
		float:left;
		font-size:2.4em;
		background:#FF0;
		padding:45px 2% 50px 2%;
		margin:0;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}
	.jmsAlert p {
		padding:10px 2%;
		width:60.667%;
		float:left;
		font-size:1.1em;
	}
	.jmsAlert p:first-child {
		padding:10px 2% 0 2%;
	}
	*/
/**
 * Alert  -  Small 1
 */
.jmsAlert .region {
    /* background:#FFF; */
    margin-top: 0;
    margin-bottom: 0;
}

.jmsAlert .block {
    margin: 5px 0 1px;
    /* background:#FFF;
		border:solid 4px #333;
		box-shadow: 0 2px 5px #333;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px; */
    overflow: hidden;
}

.jmsAlert h1,
.jmsAlert h2,
.jmsAlert h3,
.jmsAlert h4,
.jmsAlert h5,
.jmsAlert h6,
.jmsAlert p {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #000;
}

.jmsAlert h2 {
    width: 27.333%;
    float: left;
    font-size: 1.4em;
    background: #ff0;
    padding: 25px 2% 30px 2%;
    margin: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    letter-spacing: 2px;
}

.jmsAlert p {
    /* padding:1px 2%;
		width:60.667%; */
    float: left;
    font-size: 0.9em;
}

    .jmsAlert p:first-child {
        /* padding:10px 2% 0 2%; */
    }

/* Search */
.jmsSearchDateUpdated {
    font-style: italic;
}

.jmsSearchInfo {
    color: #555;
    padding: 0 12px;
    border-left: solid 1px #aaa;
}

    .jmsSearchInfo:first-child {
        border-left: none;
        padding: 0 12px 0 0;
    }

.jmsImageGalBox {
    width: 31%;
    height: auto;
    margin: 10px 1%;
    float: left;
}

    .jmsImageGalBox h3 {
        margin-bottom: 0;
        padding: 8px 12px;
        color: #ccc;
        background: #45484d;
        background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
        background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
        background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
        background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
        background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    }

.jmsImageGalImageBox {
    position: relative;
}

    .jmsImageGalImageBox p {
        font-size: 0.8em;
        background: #444;
        color: #f0f0f0;
        margin: 0;
        padding: 10px 2%;
        width: 96%;
    }

    .jmsImageGalImageBox a {
        display: block;
        line-height: 0;
    }

    .jmsImageGalImageBox img {
        width: 100%;
        height: auto;
    }

.view-jocomag-image-gallery .views-row-4,
.view-jocomag-image-gallery .views-row-7,
.view-jocomag-image-gallery .views-row-10 {
    clear: left;
}

/* BCW - 02-27-15 - Slideshow Responsive */
.views_slideshow_cycle_main {
    width: 100%;
}

    .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
        width: 100% !important;
        height: auto;
    }

    .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
        width: 100% !important;
        height: auto;
    }

    .views_slideshow_cycle_main .field-content {
        max-width: 100%;
        width: 100%;
    }

        .views_slideshow_cycle_main .field-content img {
            max-width: 100%;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
        }

/*  JMS - 03-24-2014 - JocoMag */
/*.view-the-best-times,*/
.view-the-best-times.view-display-id-block_1,
#joco-mag-slider.pane-jocomag-article .view-jocomag-article,
#joco-mag-slider-sp14.pane-jocomag-article .view-jocomag-article {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    border: solid 2px #fff;
}

    /*.view-the-best-times .views-row,*/
    .view-the-best-times.view-display-id-block_1 .views-row,
    #joco-mag-slider.pane-jocomag-article .view-jocomag-article .views-row,
    #joco-mag-slider-sp14.pane-jocomag-article .view-jocomag-article .views-row {
        width: 310px;
        /* javascript var jmsItemWidth. --> This value is 310 +20 margin-left +20 margin-right = 350 */
        float: left;
        margin: 0 20px;
    }

    /*.view-the-best-times  .view-header,*/
    .view-the-best-times.view-display-id-block_1 .view-header,
    #joco-mag-slider.pane-jocomag-article .view-jocomag-article .view-header,
    #joco-mag-slider-sp14.pane-jocomag-article .view-jocomag-article .view-header {
        overflow: hidden;
    }

    /*.view-the-best-times .view-content,*/
    .view-the-best-times.view-display-id-block_1 .view-content,
    #joco-mag-slider.pane-jocomag-article .view-jocomag-article .view-content,
    #joco-mag-slider-sp14.pane-jocomag-article .view-jocomag-article .view-content {
        width: 3600px;
        /* TODO: set dynamically with javascript to the correct width - based on the quantity of items */
        padding: 0 18px;
        position: relative;
    }

.jmsJocoMagTop {
    display: inline;
    float: left;
}

.jmsJocoMagTopTitle {
    display: inline;
}

.jmsJocoMagDate {
    font-size: 0.8em;
    font-style: italic;
}

.jmsJocoMagImage {
    float: left;
    margin-right: 10px;
    width: 100%;
    height: auto;
}

    .jmsJocoMagImage img {
        width: 100%;
        height: auto;
    }

.jmsJocoMagTitle {
    margin-top: 0;
}

.jmsAdvanceJocoMagA {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
}

    .jmsAdvanceJocoMagA a {
        background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

.jmsAdvanceJocoMagB {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 50px;
}

    .jmsAdvanceJocoMagB a {
        background: url("/sites/default/files/images-template/slider-icon-right.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

        .jmsAdvanceJocoMagA a:hover,
        .jmsAdvanceJocoMagB a:hover {
            background-color: #0779bf;
            color: #f0f0f0;
            text-decoration: none;
        }

        .jmsAdvanceJocoMagA a:active,
        .jmsAdvanceJocoMagB a:active {
            background-color: #055f93;
            color: #aaa;
            text-decoration: none;
        }

    .jmsAdvanceJocoMagB.fadedOut a,
    .jmsAdvanceJocoMagA.fadedOut a {
        background-color: #e6edef;
    }

        .jmsAdvanceJocoMagA.fadedOut a:hover,
        .jmsAdvanceJocoMagA.fadedOut a:active,
        .jmsAdvanceJocoMagB.fadedOut a:hover,
        .jmsAdvanceJocoMagB.fadedOut a:active {
            background-color: #e6edef;
            cursor: default;
        }

.jmsQuantityFeedbackNewJocoMag {
    float: right;
    position: relative;
    right: 5px;
}

    .jmsQuantityFeedbackNewJocoMag ul {
        position: relative;
        z-index: 10;
        margin: 0;
        padding: 0;
    }

    .jmsQuantityFeedbackNewJocoMag li {
        background: #999;
        border-radius: 20px;
        height: 15px;
        width: 15px;
        list-style-type: none;
        float: left;
        margin: 4px 5px;
        padding: 0;
    }

        .jmsQuantityFeedbackNewJocoMag li:hover {
            background: #777;
            cursor: pointer;
        }

.jmshighlightedJocoMag {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: 0;
    width: 75px;
    height: 21px;
    border: solid 1px #aaa;
    background: #ccc;
    border-radius: 20px;
    -webkit-transition: left 0.1s linear;
    -moz-transition: left 0.1s linear;
    -ms-transition: left 0.1s linear;
    -o-transition: left 0.1s linear;
    transition: left 0.1s linear;
}

a.jmsFancyButton,
a.jmsFancyButton:visited {
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #f0f0f0;
    text-shadow: 0 1px 0px #333;
    display: block;
    width: 225px;
    margin: 5px 0;
    border: solid 1px #484e13;
    border-radius: 5px;
    box-shadow: inset 0 1px 0px #f0f0f0, 0 2px 3px #555;
    background: #70791e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #70791e 0%, #59570c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70791e), color-stop(100%, #59570c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #70791e 0%, #59570c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #70791e 0%, #59570c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #70791e 0%, #59570c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #70791e 0%, #59570c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70791e', endColorstr='#59570c', GradientType=0);
    /* IE6-9 */
}

    a.jmsFancyButton:after {
        content: "\00BB";
        float: right;
    }

    a.jmsFancyButton:hover {
        color: #f0f0f0;
        background: #484e13;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484E13', endColorstr='#484E13', GradientType=0);
        /* IE6-9 */
    }

    a.jmsFancyButton:active {
        color: #f0f0f0;
        box-shadow: inset 0 1px 0px #fff, 0 1px 1px #555;
    }

.view-visitor-events .views-row,
.view-display-id-panel_pane_3 .views-row,
.view-display-id-panel_pane_5 .views-row {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Temp Override  for Audit MiniHeader */
.jmsMiniHeader .view-display-id-panel_pane_3 .views-row,
.jmsMiniHeader .view-display-id-panel_pane_5 .views-row {
    margin-top: 0;
    margin-bottom: 0;
}

.poll {
    font-size: 0.9em;
}

    .poll .bar,
    .poll .bar .foreground {
        height: 0.5em;
    }

.block-poll .links .first {
    display: none;
}

.jmsUniversalBox.callout h2, .jmsUniversalBoxGreen.callout h2 {
    margin-top: 0;
}

.jmsJohnsonCountyLogo {
    height: auto;
    width: 100%;
    max-width: 214px;
    max-height: 110px;
}

/* Workbench Access overflow problem fix... */
#block-system-main {
    overflow: hidden;
}

.jmsQuantityFeedback ul {
    zoom: 1;
    /* IE 7 Fix */
}

/* jms Accordion */
.jmsAccordion {
    margin-bottom: 5px;
    border-radius: 3px;
}

.jmsAccordionTitle {
    border: solid 1px #ccc;
    background-color: #f8f8f8;
    border-left: 15px solid #e04e39;
    padding: 8px 25px 8px 15px;
    border-radius: 3px;
    background-image: url("/sites/default/files/images-template/more-menu-icon-small-wide-gray.png");
    background-repeat: no-repeat;
    background-position: center right;
}

    .jmsAccordionTitle.jmsAccordionOpenIcon {
        background-image: url("/sites/default/files/images-template/more-menu-icon-small-wide-open-gray.png");
        background-repeat: no-repeat;
        background-position: center right;
    }

    .jmsAccordionTitle:hover {
        border: solid 1px #333;
        border-left: 15px solid #e04e39;
        background-color: #f0f0f0;
    }

    .jmsAccordionTitle:hover {
        cursor: pointer;
    }

.jmsAccordionBody {
    padding: 15px;
}

/* Dept Grid Accordion */
.dgaAccordion {
    border-radius: 3px;
}

.dgaAccordionTitle {
    border: solid 1px #fff;
    font-size: 12px;
    background-color: #7fa8ae;
    padding: 4px 25px 6px 30px;
    background-image: url("/sites/default/files/images-template/more-menu-icon-small-wide-white.png");
    background-repeat: no-repeat;
    background-position: center left;
}

    .dgaAccordionTitle.dgaAccordionOpenIcon {
        background-image: url("/sites/default/files/images-template/more-menu-icon-small-wide-open-white.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    .dgaAccordionTitle:hover {
        background-color: #7fa8ae;
        cursor: pointer;
    }

.dgaAccordionBody {
    padding: 15px;
    background-color: #f6f6f6;
    border: 1px solid #333;
}

/* Alert Accordion */
.alertAccordionYellow {
    border-radius: 3px;
    background-color: #ffc41e;
}

.alertAccordionRed {
    border-radius: 3px;
    background-color: #b36632;
}

.alertAccordionOrange {
    border-radius: 3px;
    background-color: #ffc41e;
}

.alertAccordionGreen {
    border-radius: 3px;
    background-color: #b2ce94;
}

.alertAccordionTitleRed {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background-color: #b36632;
    padding: 20px 25px 20px 20px;
    background-position: center left;
}

.alertAccordionTitleYellow {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    background-color: #ffc41e;
    padding: 20px 25px 20px 20px;
    background-position: center left;
}

.alertAccordionTitleOrange {
    font-size: 16px;
    text-transform: uppercase;
    background-color: #ffc41e;
    padding: 20px 25px 20px 20px;
    background-position: center left;
}

.alertAccordionTitleGreen {
    font-size: 16px;
    text-transform: uppercase;
    background-color: #b2ce94;
    padding: 20px 25px 20px 20px;
    background-position: center left;
}

.alertAccordionTitle.alertAccordionOpenIcon {
    background-position: center left;
}

.alertAccordionTitleRed:hover,
.alertAccordionTitleYellow:hover,
.alertAccordionTitleOrange:hover,
.alertAccordionTitleGreen:hover {
    cursor: pointer;
}

.alertupdate,
.alertAccordionTitleRed a,
.alertAccordionTitleYellow a,
.alertAccordionTitleOrange a,
.alertAccordionTitleGreen a {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
}

.alertmore {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
    text-decoration: underline;
    color: #313fb0;
}

.alertAccordionBody {
    padding: 5px 25px 100px 20px;
    background-position: center left;
}

.alertAccordionBodyBOCC {
    padding: 5px 25px 250px 20px;
    background-position: center left;
}

.yellowbox {
    background-color: #ffc41e;
}

.redbox {
    background-color: #b36632;
}

.orangebox {
    background-color: #ffc41e;
}

.greenbox {
    background-color: #b2ce94;
}

.yellowbox a {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
    color: #000;
}

.redbox a {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
    color: #fff;
}

.orangebox a,
.greenbox a {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
}

/* Small edits */
.view-main-event-calendar {
    margin-bottom: 15px;
}

.jmsDeptNewsBetter .views-row {
    padding: 10px 0;
    border-bottom: dashed 1px #ccc;
}

.pane-taxonomy-term-panel-pane-6 .jmsTwoColumnOverride .views-row {
    width: auto;
}

body {
    -webkit-text-size-adjust: none;
}

#block-block-39 {
    width: 14.667%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

#block-views-727c88bf44838fb7bf89047014e73bf2 {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    padding: 24px 0 18px 0;
}

#block-views-popular-questions-block-1 {
    width: 56.333%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    padding: 24px 0 18px 0;
}

    #block-views-popular-questions-block-1 input {
        margin-left: 15px;
    }

.jmsPopularQs,
.jmsPreFooter {
    background-color: #6d0019;
    color: #fff;
}

    .jmsPopularQs h2,
    #block-block-39 h2 {
        float: left;
        color: #fee;
        font-size: 1.4em;
    }

    .jmsPopularQs input,
    .jmsPopularQs select,
    .jmsPopularQs button,
    #block-views-727c88bf44838fb7bf89047014e73bf2 select,
    #block-views-popular-questions-block-1 select {
        border-radius: 3px;
        color: #111;
        font-size: 1.1em;
        /*1.1em;*/
        -webkit-box-sizing: border-box;
        /* For legacy WebKit based browsers */
        -moz-box-sizing: border-box;
        /* For all Gecko based browsers */
        box-sizing: border-box;
    }

    .jmsPopularQs select,
    #block-views-727c88bf44838fb7bf89047014e73bf2 select,
    #block-views-popular-questions-block-1 select {
        background: #f0f0f0;
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    }

    .jmsPopularQs option,
    #block-views-727c88bf44838fb7bf89047014e73bf2 option,
    #block-views-popular-questions-block-1 option {
        background: #fff;
        font-size: 0.9em;
    }

    .jmsPopularQs optgroup,
    #block-views-727c88bf44838fb7bf89047014e73bf2 optgroup,
    #block-views-popular-questions-block-1 optgroup {
        background: #fff;
    }

#block-views-popular-questions-block-1 .container-inline {
    text-align: center;
}

.jmsBlueButtonDiv {
    margin-bottom: 10px;
}

.jmsOuterBlueButton {
    margin-bottom: 10px;
}

a.jmsBlueButton,
.jmsBlueButtonDiv a,
.jmsPopularQs input[type="submit"],
#block-views-popular-questions-block-1 input[type="submit"],
.vote-form #edit-vote {
    font-size: 0.8em;
    background: #34667f;
    color: #f0f0f0;
    padding: 4px 10px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    border-left: transparent;
    border-top: transparent;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
    letter-spacing: 1px;
    cursor: pointer;
}

.vote-form #edit-vote {
    font-size: 1em;
}

    a.jmsBlueButton:hover,
    .jmsBlueButtonDiv a:hover,
    .jmsPopularQs input[type="submit"]:hover,
    #block-views-popular-questions-block-1 input[type="submit"]:hover,
    .vote-form #edit-vote:hover {
        background: #14465f;
        color: #fff;
        text-decoration: none;
    }

.jmsPopularQs input[type="submit"],
#block-views-popular-questions-block-1 input[type="submit"] {
    font-size: 1.2em;
}

.jmsSelectDropA select,
#block-views-727c88bf44838fb7bf89047014e73bf2 select {
    width: 100%;
    padding: 2px 1px;
}

.jmsSelectDropB select,
#block-views-popular-questions-block-1 select {
    width: 75%;
    padding: 2px 1px;
}

/* Poll */
.poll .total {
    display: none;
}

.poll .title {
    margin-bottom: 20px;
}

.jmsPointy {
    border-bottom: solid 1px #6b6b6b;
}

    /* Pointy bottom */
    .jmsPointy:before,
    .jmsPointy:after {
        border-top: 1em solid #6b6b6b;
        border-right: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 1em solid transparent;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }

    .jmsPointy:before {
        left: 42%;
        bottom: -2em;
    }

    .jmsPointy:after {
        border-top: 1em solid #ddd;
        left: 42%;
        bottom: -1.8em;
    }

/* Panels Mini Header */
.jmsMiniHeader {
    background: #656565;
    color: #f0f0f0;
    margin-bottom: 8px;
}

.jmsDeptContact {
    padding: 5px;
    overflow: hidden;
}

h1.jmsDeptName {
    color: white;
    text-align:left;
    padding-left:10px;
}

.jmsMiniHeader .jmsDeptName {
    float: left;
    margin: 0;
    padding: 10px;
    font-size: 1.7em;
}

.jmsDeptSubName {
    font-size: 1.2rem;
}

.rta-custom p.jmsDeptName {
    line-height: .9;
}

.jmsMiniHeader .jmsDeptContactLinks,
.jmsMiniHeader .jmsDeptContactLinksSpec,
.jmsMiniHeader .jmsDeptContactMain {
    float: right;
    color:#fff !important;
}

    .jmsMiniHeader .jmsDeptContactLinks p {
        text-align: left;
        margin: 0.4em 10px;
        padding: 0 10px;
        border-left: solid 1px #ccc;
    }

    .jmsMiniHeader .jmsDeptContactLinksSpec p {
        text-align: left;
        margin: 1.4em 10px;
        padding: 0 10px;
        border-left: solid 1px #ccc;
    }

    .jmsMiniHeader .jmsDeptContactMain p {
        text-align: right;
        margin: 0.4em 0;
    }

    .jmsMiniHeader .jmsDeptContactLinks a,
    .jmsMiniHeader .jmsDeptContactMain a,
    .jmsMiniHeader .jmsDeptContactLinksSpec a,
    .jmsAdminContact a {
        color: #f0f0f0;
    }

.region-sidebar-a {
    margin-top: 8px;
    margin-bottom: 8px;
}

.jmsSidebarB h2 {
    font-size: 1.4em;
}

.resImageFloat {
    width: 260px !important;
    height: auto !important;
    padding: 10px 10px 10px 0 !important;
    margin: 10px 10px 10px 0 !important;
    float: left !important;
}

.resImageFullWidth {
    width: 100% !important;
    height: auto !important;
    padding: 15px 0 !important;
    margin: 0 !important;
}

.resImageDefault img {
    width: 150px;
    height: auto;
    padding: 10px 10px 10px 0;
    margin: 10px 10px 10px 0;
    float: left;
}

.resImageLeftSmall {
    width: 150px !important;
    height: auto !important;
    padding: 10px 10px 10px 0 !important;
    margin: 10px 10px 10px 0 !important;
    float: left !important;
}

.resImageLeftMed {
    width: 250px !important;
    height: auto !important;
    padding: 10px 10px 10px 0 !important;
    margin: 10px 10px 10px 0 !important;
    float: left !important;
}

.resImageLeftLarge {
    width: 350px !important;
    height: auto !important;
    padding: 10px 10px 10px 0 !important;
    margin: 10px 10px 10px 0 !important;
    float: left !important;
}

.resImageCenterSmall {
    width: 150px !important;
    height: auto !important;
    padding: 1px 0 1px 1px !important;
    margin: 1px 0 1px 30px !important;
}

.resImageCenterMed {
    width: 250px !important;
    height: auto !important;
    padding: 10px 0 10px 10px !important;
    margin: 10px 0 10px 10px !important;
}

.resImageCenterLarge {
    width: 350px !important;
    height: auto !important;
    padding: 10px 0 10px 10px !important;
    margin: 10px 0 10px 10px !important;
}

.resImageRightSmall {
    width: 150px !important;
    height: auto !important;
    padding: 10px 0 10px 10px !important;
    margin: 10px 0 10px 10px !important;
    float: right !important;
}

.resImageRightMed {
    width: 250px !important;
    height: auto !important;
    padding: 10px 0 10px 10px !important;
    margin: 10px 0 10px 10px !important;
    float: right !important;
}

.resImageRightLarge {
    width: 350px !important;
    height: auto !important;
    padding: 10px 0 10px 10px !important;
    margin: 10px 0 10px 10px !important;
    float: right !important;
}

.resImageAdjustTopList {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-right: 25px !important;
}

.breadcrumb {
    font-size: 0.8em;
}

    .breadcrumb a {
        text-decoration: none;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

.jmsLegal #block-menu-block-4 ul {
    padding: 15px 0;
    margin: 0;
    text-align: center;
}

.jmsLegal #block-menu-block-4 li {
    list-style-type: none;
    list-style-image: none;
    display: inline;
}

    .jmsLegal #block-menu-block-4 li a {
        color: #34667f;
        font-size: 0.8em;
        text-decoration: none;
    }

        .jmsLegal #block-menu-block-4 li a:hover {
            text-decoration: underline;
        }

/*  Home Page Ads Slider */
#block-views-advertisement-block .view-content a {
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    left: 10px;
}

    #block-views-advertisement-block .view-content a:hover {
        text-decoration: underline;
    }

.view-advertisement .content {
    margin-top: 0;
}

.view-advertisement .views-row img {
    float: left;
}

.view-advertisement .views-row span {
    display: block;
    margin-left: 24px;
    padding: 0 0 0 5px;
}

.view-advertisement {
    position: relative;
    overflow: hidden;
    border-bottom: solid 8px #6d0019;
    padding: 5px 0;
}

    .view-advertisement .views-row {
        width: 222.5px;
        /* javascript var jmsItemWidth. --> This value is 222.5 +20 margin-left +20 margin-right = 262.5 */
        float: left;
        margin: 20px;
        /* In javascript, this margin is represented by "jmsItemMargin9" == margin left and right */
        line-height: 1.7em;
    }

    .view-advertisement .view-content {
        width: 4900px;
        /* TODO: set dynamically with javascript to the correct width - based on the quantity of items */
        padding: 0 20px;
        position: relative;
    }

.jmsAdvanceSliderA9 {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 9px;
}

    .jmsAdvanceSliderA9 a {
        /*	background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #99CFE0;
		width:10px;
    color:#555; */
        background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #34667f;
        /* had to change color due to ADA contrast issue */
        width: 10px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

.jmsAdvanceSliderB9 {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 9px;
}

    .jmsAdvanceSliderB9 a {
        background: url("/sites/default/files/images-template/slider-icon-right.png") no-repeat scroll center center #34667f;
        width: 10px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

        .jmsAdvanceSliderA9 a:hover,
        .jmsAdvanceSliderB9 a:hover {
            background-color: #34667f;
            color: #fff;
            text-decoration: none;
        }

        .jmsAdvanceSliderA9 a:active,
        .jmsAdvanceSliderB9 a:active {
            background-color: #34667f;
            color: #fff;
            text-decoration: none;
        }

    .jmsAdvanceSliderB9.fadedOut a,
    .jmsAdvanceSliderA9.fadedOut a {
        background-color: #34667f;
    }

        .jmsAdvanceSliderA9.fadedOut a:hover,
        .jmsAdvanceSliderA9.fadedOut a:active,
        .jmsAdvanceSliderB9.fadedOut a:hover,
        .jmsAdvanceSliderB9.fadedOut a:active {
            background-color: #34667f;
            cursor: default;
        }

/* Home Page News Slider */
#block-views-news-article-block .view-news-article {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    border: solid 2px #fff;
}

    #block-views-news-article-block .view-news-article .views-row {
        width: 310px;
        /* javascript var jmsItemWidth. --> This value is 310 +20 margin-left +20 margin-right = 350 */
        float: left;
        margin: 0 20px;
    }

    #block-views-news-article-block .view-news-article .view-header {
        overflow: hidden;
    }

    #block-views-news-article-block .view-news-article .view-content {
        width: 3600px;
        /* TODO: set dynamically with javascript to the correct width - based on the quantity of items */
        padding: 0 18px;
        position: relative;
    }

.jmsNewsTop {
    display: inline;
    float: left;
}

.jmsNewsTopTitle {
    display: inline;
}

.jmsNewsDate {
    font-size: 0.8em;
    font-style: italic;
}

.jmsNewsImage {
    float: left;
    margin-right: 10px;
    width: 100%;
    height: auto;
}

    .jmsNewsImage img {
        width: 100%;
        height: auto;
    }

.jmsNewsTitle {
    margin-top: 0;
}

.jmsReadMore {
    text-align: center;
}

    .jmsReadMore a {
        padding: 4px 8px;
        background: #123456;
        color: #f0f0f0;
        box-shadow: 2px 2px 1px #aaa;
        border-radius: 5px;
        line-height: 2.5em;
        font-size: 0.85em;
    }

        .jmsReadMore a:hover {
            text-decoration: none;
            background: #456789;
            color: #fff;
        }

        .jmsReadMore a:active {
            /* TODO */
        }

.clearFloat {
    clear: both;
}

.jmsAdvanceNewsA {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
}

    .jmsAdvanceNewsA a {
        /* background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #99CFE0;
		width:10px;
    color:#555; */
        background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #34667f;
        /* had to change color for ADA contrast approval */
        width: 10px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

.jmsAdvanceNewsB {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 50px;
}

    .jmsAdvanceNewsB a {
        background: url("/sites/default/files/images-template/slider-icon-right.png") no-repeat scroll center center #34667f;
        width: 10px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

        .jmsAdvanceNewsA a:hover,
        .jmsAdvanceNewsB a:hover {
            background-color: #34667f;
            color: #f0f0f0;
            text-decoration: none;
        }

        .jmsAdvanceNewsA a:active,
        .jmsAdvanceNewsB a:active {
            background-color: #34667f;
            color: #fff;
            text-decoration: none;
        }

    .jmsAdvanceNewsB.fadedOut a,
    .jmsAdvanceNewsA.fadedOut a {
        background-color: #34667f;
    }

        .jmsAdvanceNewsA.fadedOut a:hover,
        .jmsAdvanceNewsA.fadedOut a:active,
        .jmsAdvanceNewsB.fadedOut a:hover,
        .jmsAdvanceNewsB.fadedOut a:active {
            background-color: #34667f;
            cursor: default;
        }

.jmsQuantityFeedbackNew {
    float: right;
    position: relative;
    right: 5px;
}

    .jmsQuantityFeedbackNew ul {
        position: relative;
        z-index: 10;
        margin: 0;
        padding: 0;
    }

    .jmsQuantityFeedbackNew li {
        background: #999;
        border-radius: 20px;
        height: 15px;
        width: 15px;
        list-style-type: none;
        float: left;
        margin: 4px 5px;
    }

        .jmsQuantityFeedbackNew li:hover {
            background: #777;
            cursor: pointer;
        }

.jmshighlighted {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: 0;
    width: 75px;
    height: 21px;
    border: solid 1px #aaa;
    background: #ccc;
    border-radius: 20px;
    -webkit-transition: left 0.1s linear;
    -moz-transition: left 0.1s linear;
    -ms-transition: left 0.1s linear;
    -o-transition: left 0.1s linear;
    transition: left 0.1s linear;
}

/* Home Page Calendar Slider */
#block-views-calendar-slider-block .view-calendar-slider {
    position: relative;
    overflow: hidden;
    border-top: solid 4px #4a8a3e;
    padding: 2px 0;
}

    #block-views-calendar-slider-block .view-calendar-slider .views-row {
        width: 222.5px;
        /* javascript var jmsItemWidth. --> This value is 222.5 +20 margin-left +20 margin-right = 262.5 */
        float: left;
        margin: 0 20px;
    }

    #block-views-calendar-slider-block .view-calendar-slider .view-content {
        width: 3000px;
        /* TODO: set dynamically with javascript to the correct width - based on the quantity of items */
        padding: 0 20px;
        position: relative;
    }

.jmsCalendarTop,
.jmsCalendarTopTitle,
.jmsGeneralTopTitle {
    display: inline;
}

.jmsGeneralTop,
.jmsGeneralTopTitle {
    margin-bottom: 6px;
}

.jmsAdvanceSliderA {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 72px;
}

    .jmsAdvanceSliderA a {
        background: url("/sites/default/files/images-template/slider-icon-left.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

.jmsAdvanceSliderB {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 72px;
}

    .jmsAdvanceSliderB a {
        background: url("/sites/default/files/images-template/slider-icon-right.png") no-repeat scroll center center #99cfe0;
        width: 10px;
        color: #555;
        font-weight: bold;
        text-decoration: none;
        padding: 20px 5px;
        display: block;
    }

        .jmsAdvanceSliderA a:hover,
        .jmsAdvanceSliderB a:hover {
            background-color: #0779bf;
            color: #f0f0f0;
            text-decoration: none;
        }

        .jmsAdvanceSliderA a:active,
        .jmsAdvanceSliderB a:active {
            background-color: #055f93;
            color: #aaa;
            text-decoration: none;
        }

    .jmsAdvanceSliderB.fadedOut a,
    .jmsAdvanceSliderA.fadedOut a {
        background-color: #e6edef;
    }

        .jmsAdvanceSliderA.fadedOut a:hover,
        .jmsAdvanceSliderA.fadedOut a:active,
        .jmsAdvanceSliderB.fadedOut a:hover,
        .jmsAdvanceSliderB.fadedOut a:active {
            background-color: #e6edef;
            cursor: default;
        }

#first-time {
    /* TODO: Fix this output on home page... */
    display: none;
}

/* ************************************
	 *  Visual Styles 
	 * ********************************** */
.jmsDeptHeader {
    font-weight: bold;
}

.jmsStandardLink a {
    color: #34667f;
    font-size: 0.8em;
}

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

.jmsSelectDropIcon {
    display: inline;
    margin-right: 40px;
    margin-left: 40px;
}

img.jmsResponsiveFullWidth {
    width: 100% !important;
    height: auto !important;
}

a {
    color: #34667f;
}

    a:hover {
        color: #14465f;
        text-decoration: none;
    }

    a:active {
        color: #54869f;
    }

p {
    line-height: 1.4em;
    font-size: 0.9em;
}

li {
    font-size: 0.9em;
    line-height: 1.3em;
    padding-bottom: 0.5em;
}

h1 {
    color: #49763d;
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

    h2.jmsCalendarTopTitle,
    h2.jmsNewsTopTitle,
    h2.jmsGeneralTopTitle {
        line-height: 2em;
        color: #49763d;
    }

#block-block-46 h2,
#block-block-107 h2,
#block-block-127 h2,
#block-block-128 h2,
#block-block-129 h2,
#block-block-130 h2,
#block-block-131 h2,
#block-block-225 h2,
#block-views-cmo-misc-views-block-8 {
    color: #49763d;
}

.jmsCalendarTop a,
.jmsNewsTop a,
.jmsGeneralTop a {
    font-style: italic;
    text-decoration: none;
    font-size: 0.8em;
}

    .jmsCalendarTop a:hover,
    .jmsNewsTop a:hover,
    .jmsGeneralTop a:hover {
        text-decoration: underline;
    }

.jmsBoldBump {
    font-weight: bold;
}

#block-views-calendar-slider-block .view-calendar-slider .view-content {
    float: left;
    /* TODO: wrap in clearfix */
    margin: 0 0 15px 0;
}

#block-views-calendar-slider-block .view-calendar-slider .date-display-single {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}

#block-views-calendar-slider-block .view-calendar-slider .jmsCalendarTitle a {
    color: #34667f;
    text-decoration: none;
    font-weight: 600;
}

    #block-views-calendar-slider-block .view-calendar-slider .jmsStandardLink a:hover,
    #block-views-calendar-slider-block .view-calendar-slider .jmsCalendarTitle a:hover {
        text-decoration: underline;
    }

#block-views-calendar-slider-block .view-calendar-slider .views-field-title-1 a {
    font-size: 0.8em;
    color: #34667f;
}

/* v2 - list style */
#block-views-calendar-slider-block-1 .view-calendar-slider .views-row {
    padding-bottom: 10px;
}

#block-views-calendar-slider-block-1 .view-calendar-slider .date-display-single,
#block-views-cmo-misc-views-block-8 .view-cmo-misc-views .date-display-single {
    font-size: 0.7em;
    font-style: italic;
}

#block-views-calendar-slider-block-1 .view-calendar-slider .jmsCalendarTitle a,
#block-views-cmo-misc-views-block-8 .view-cmo-misc-views .jmsCalendarTitle a {
    color: #34667f;
    text-decoration: none;
    font-weight: 600;
}

    #block-views-calendar-slider-block-1 .view-calendar-slider .jmsStandardLink a:hover,
    #block-views-calendar-slider-block-1 .view-calendar-slider .jmsCalendarTitle a:hover,
    #block-views-cmo-misc-views-block-8 .view-cmo-misc-views .jmsStandardLink a:hover,
    #block-views-cmo-misc-views-block-8 .view-cmo-misc-views .jmsCalendarTitle a:hover {
        text-decoration: underline;
    }

#block-views-calendar-slider-block-1 .view-calendar-slider .views-field-title-1 a {
    font-size: 0.7em;
    color: #34667f;
}

#block-views-calendar-slider-block-1 .view-calendar-slider .jmsStandardLink a {
    color: #34667f;
    font-size: 0.7em;
}

/* Dept Ads */
.jmsDeptNameSidebar {
    font-weight: bold;
}

.jmsDeptContactContent li {
    list-style-type: none;
}

.jmsDeptContactAddress {
    padding: 0;
    margin-top: 10px;
}

/*.view-department-contact,*/
.jmsUniversalBox,
.view-display-id-pane_dept_featured_ads,
.view-display-id-pane_dept_ads,
.pane-visitor-featured,
.pane-visitor-events,
.pane-taxonomy-term-panel-pane-7,
.pane-aggregator-feed-3,
.pane-block-43,
.pane-block-44,
.pane-taxonomy-term-pane-home-featured-right,
#block-block-16,
#block-block-17,
#block-block-18,
#block-block-156,
.pane-block-17,
.field-name-field-question-category,
.pane-block-53 {
    /*.view-display-id-page_residents_featured*/
    position: relative;
    background: #f0f0f0;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dddddd', GradientType=0);
    -moz-box-shadow: 0 5px 2px -5px #555;
    -webkit-box-shadow: 0 5px 2px -5px #555;
    -o-box-shadow: 0 5px 2px -5px #555;
    box-shadow: 0 5px 2px -5px #555;
}

.jmsUniversalBoxGreen,
#block-block-247 {
    /*.view-display-id-page_residents_featured*/
    position: relative;
    background: #f0f0f0;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #b2ce94 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #b2ce94) );
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #b2ce94 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #b2ce94 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #b2ce94 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #b2ce94 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#b2ce94', GradientType=0);
    -moz-box-shadow: 0 5px 2px -5px #555;
    -webkit-box-shadow: 0 5px 2px -5px #555;
    -o-box-shadow: 0 5px 2px -5px #555;
    box-shadow: 0 5px 2px -5px #555;
}

.jmsUniversalBoxBlue {
    /*.view-display-id-page_residents_featured*/
    position: relative;
    background: #34667F;
    color: white;
    padding: 15px;
}

/* public notices display for government page */
#panels-ipe-paneid-1078 {
    position: relative;
    background: #ffc41e;
    -moz-box-shadow: 0 5px 2px -5px #555;
    -webkit-box-shadow: 0 5px 2px -5px #555;
    -o-box-shadow: 0 5px 2px -5px #555;
    box-shadow: 0 5px 2px -5px #555;
}

.jmsDeptContactMethods {
    margin-bottom: 0;
}

.field-name-field-question-category .field-label {
    /* Popular Questions */
    color: #49763d;
    font-size: 1.17em;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.jmsUniversalBox,
.jmsUniversalBoxGreen,
.jmsUniversalBoxBlue,
.view-display-id-pane_dept_featured_ads,
.view-display-id-pane_dept_ads,
.pane-visitor-featured,
.pane-visitor-events,
.pane-taxonomy-term-panel-pane-7,
.pane-aggregator-feed-3,
.pane-block-43,
.pane-block-44,
.pane-taxonomy-term-pane-home-featured-right,
#block-block-16,
#block-block-17,
#block-block-18,
#block-block-156,
.pane-block-17,
.field-name-field-question-category,
.pane-block-53 {
    padding: 15px;
    margin-bottom: 15px;
}

#block-block-16,
#block-block-17,
#block-block-18 {
    margin-top: 8px;
}

    .jmsUniversalBox .pane-title,
    .jmsUniversalBoxGreen .pane-title,
    .pane-visitor-featured .pane-title,
    .pane-visitor-events .pane-title,
    .pane-taxonomy-term-panel-pane-7 .pane-title,
    .pane-aggregator-feed-3 .pane-title,
    .pane-block-43 .pane-title,
    .pane-block-44 .pane-title,
    .pane-taxonomy-term-pane-home-featured-right .pane-title,
    .jmsSidebarTitle,
    #block-block-16 h2,
    #block-block-17 h2,
    #block-block-18 h2,
    #block-block-156 h2,
    .pane-block-17 h2,
    .pane-block-53 h2 {
        margin-top: 0;
    }

.view-display-id-pane_dept_featured_ads p {
    margin-bottom: 0;
    margin-top: 0;
}

.jmsDeptContactImage,
.views-field-field-ad-image {
    margin: 0 0 10px 0;
}

    .jmsUniversalBox img,
    .jmsUniversalBoxGreen img,
    .jmsDeptContactImage img,
    .views-field-field-ad-image img,
    .pane-visitor-featured img,
    .pane-taxonomy-term-pane-home-featured-right img,
    .pane-block-53 img,
    .view-display-id-pane_dept_featured_ads img {
        width: 100%;
        height: auto;
    }

.pane-taxonomy-term-pane-dept-featured-ads .views-field-title {
    font-weight: bold;
    font-style: italic;
}

.pane-taxonomy-term-pane-dept-ads ul,
.pane-taxonomy-term-pane-dept-featured-ads ul {
    padding: 0;
    margin: 0;
}

    .pane-taxonomy-term-pane-dept-ads ul li,
    .pane-taxonomy-term-pane-dept-featured-ads ul li {
        list-style-type: none;
        padding: 0;
        margin: 10px 0;
    }

.pane-taxonomy-term-pane-dept-ads a,
.pane-taxonomy-term-pane-dept-featured-ads li a {
    /* This may be too general... */
    font-style: normal;
    font-weight: normal;
    border-left: solid 15px #7fa8ae;
    padding: 5px 10px;
    background: #6b6b6b;
    color: #f0f0f0;
    display: block;
    font-weight: 600;
    text-decoration: none;
    -moz-transition: border 0.4s linear;
    -webkit-transition: border 0.4s linear;
    -o-transition: border 0.4s linear;
    transition: border 0.4s linear;
}

    .pane-taxonomy-term-pane-dept-ads a:hover,
    .pane-taxonomy-term-pane-dept-featured-ads li a:hover {
        /* This may be too general... */
        border-left: solid 5px #7fa8ae;
        background: #555;
        color: #fff;
        padding-right: 20px;
    }

.pane-taxonomy-term-pane-dept-featured-ads .attachment-after {
    border-top: solid 2px #999;
    margin-top: 10px;
    padding-top: 5px;
}

/* ************************************
	 *  General Styles 
	 * ********************************** */
/* Social Icons Header */
.jmsMainSocialIcons {
    padding: 5px;
}

    .jmsMainSocialIcons a img {
        opacity: 1;
    }

    .jmsMainSocialIcons a:hover img {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
    }

.panel-separator {
    clear: both;
}

.pane-taxonomy-term-panel-pane-2 p:first-child {
    margin-top: 8px;
}

.pane-taxonomy-term-panel-pane-2 .jmsMoreLink2,
.jmsNewsTeaser a,
.views-more-link {
    font-style: italic;
}

.pane-taxonomy-term-panel-pane-2 {
    margin-top: 10px;
    clear: both;
}

    /* two column content without tables */
    /*.view-display-id-panel_pane_2 .views-row,*/
    .pane-taxonomy-term-panel-pane-2 .views-row,
    .pane-taxonomy-term-panel-pane-6 .views-row
    /*.view-display-id-panel_pane_6 .views-row*/ {
        float: left;
        width: 48%;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    /*.view-display-id-panel_pane_2 .views-row-odd,*/
    .pane-taxonomy-term-panel-pane-2 .views-row-odd,
    .pane-taxonomy-term-panel-pane-6 .views-row-odd
    /*.view-display-id-panel_pane_6 .views-row-odd*/ {
        margin-right: 2%;
        clear: left;
    }

    /*.view-display-id-panel_pane_2 .views-row-even,*/
    .pane-taxonomy-term-panel-pane-2 .views-row-even,
    .pane-taxonomy-term-panel-pane-6 .views-row-even
    /*.view-display-id-panel_pane_6 .views-row-even*/ {
        margin-left: 2%;
        clear: right;
    }

.pane-taxonomy-term-panel-pane-6 .views-field-field-image img
/*.view-display-id-panel_pane_6 .views-field-field-image img*/ {
    width: 100%;
    height: auto;
}

/* Dept right sidebar calendar styles */
/* 
	 .pane-department-events-pane-apr-event-list {
		float:left;
		margin-bottom:20px;
		clear:both;
	 }
	 .view-department-events .views-row {
		float:left;
		margin-bottom:10px;
		clear:both;
		width:100%;
	 }
	 .jmsDeptCalendar {
		 margin:10px 0; 
		 width:100%;
	 }
	 .jmsDeptCalendar h3 {
			width:73%;
			float:left;
			margin:0;
			font-size: 1em;
			font-weight:normal;
	 }
	 .jmsDeptCalendar h3 a {
			text-decoration:none;
	 }
	 .jmsDeptCalendar h3 a:hover {
			text-decoration:underline;
	 }
	 .jmsDeptCalendarDate {
		 width:21%;
		 float:left;
		 background:#FFF;
		 box-shadow: 0 1px 2px #333;
		 padding:0;
		 margin:0 6% 0 0;
	 }
	 .jmsDeptCalendarMonth {
		 text-align:center;
		 background:#72AFB4;
		 color:#FFF;
		 font-weight:bold;
		 padding:5px 0;
		 text-transform:uppercase;
	 }
	 .jmsDeptCalendarDay {
		 text-align:center;
		 font-weight:bold;
		 color:#555;
		 font-size:1.5em;
	 }
	*/
.pane-department-events-pane-apr-event-list {
    float: left;
    margin-bottom: 20px;
    clear: both;
    width: 100%;
}

.view-department-events .views-row {
    margin-top: 15px;
    margin-bottom: 15px;
}

.jmsDeptCalendar h3 {
    margin: 0;
    font-size: 0.9em;
}

.jmsDeptCalendarDate {
    font-size: 0.75em;
    padding: 0;
    margin: 0;
}

/* News listing page from home page under, see all */
/*  News Article Page */
.page-news-article .view-news-article {
    margin-bottom: 20px;
}

    .page-news-article .view-news-article .views-row {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #7fa8ae;
    }

h2.jmsNewsTitle,
h2.jmsJocoMagTitle {
    line-height: 1em;
    margin-bottom: 0;
}

    h2.jmsNewsTitle a,
    h2.jmsJocoMagTitle a {
        text-decoration: none;
        font-size: 0.8em;
        color: #34667f;
        letter-spacing: 0;
    }

        h2.jmsNewsTitle a:hover,
        h2.jmsJocoMagTitle a:hover {
            text-decoration: underline;
        }

.jmsQuantityFeedbackNew li {
    line-height: 1em;
    padding-bottom: 0;
}

.jmsNewsBox {
    float: left;
    width: 73%;
    margin: 0 1%;
}

.jmsNewsImageListingPage {
    float: left;
    width: 24%;
    margin: 0 1% 0 0;
}

    .jmsNewsImageListingPage img {
        width: 100%;
        height: auto;
    }

.jmsReadMore {
    text-align: left;
}

.jmsMenuTriggerArea {
    display: none;
    background: #044561;
    color: #fff;
    display: block;
}

    .jmsMenuTriggerArea a {
        text-align: right;
        color: #fff;
    }

    .jmsMenuTriggerArea .jmsMenuTrigger {
        text-align: right;
        font-size: 2em;
    }

/* ************************************
	 *  Specific Styles 
	 * ********************************** */
/*
	 * Map Styles
	 * Example use: /facilities/588-building/map
	 */
.jmsGeoMap {
    height: 425px;
    margin-bottom: 20px;
}

/*
	 * Header Region 
	 */
#block-block-8 {
    float: left;
}

#block-block-9 {
    float: right;
    margin: 4px 3px 15px 0;
    height: 40px;
    line-height: 2.5em;
}

    #block-block-9 p {
        margin: 0;
        padding: 0;
    }

#block-block-10 {
    float: right;
    width: 70%;
    clear: both;
}

#block-search-form {
    float: right;
    width: 37%;
    margin: 4px 0 15px 1%;
    border: solid 2px #aaa;
}

.jmsHeader .form-actions {
    width: 16%;
}

.jmsHeader #block-search-form input[type="text"] {
    padding: 9px 0;
    width: 80%;
    border: none;
    font-size: 18px;
    letter-spacing: 1px;
}

.jmsHeader #block-search-form input[type="submit"] {
    border: none;
    float: right;
    background: none;
    background-image: url("/sites/default/files/images-template/search-glass.png");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1em;
    color: transparent;
    /* Fix for Firefox */
    padding: 0 0 0 41px !important;
    /* Fix for Internet Explorer */
    text-align: left;
    width: 40px;
    height: 40px;
    line-height: 1 !important;
    overflow: hidden;
    cursor: pointer;
}

    .jmsHeader #block-search-form input[type="submit"]:hover {
        background-color: #ddd;
    }

#block-menu-menu-navigation-global-menu {
    float: right;
    margin: 0;
    width: 70%;
    padding: 24px 3px 5px 0;
}

    #block-menu-menu-navigation-global-menu ul {
        padding: 0 0 0 15px;
        margin: 0;
        text-align: right;
        text-size: 0;
        /* Part of the solution to overcome the extra space between li's - part of the baggage with display:inline  */
    }

        #block-menu-menu-navigation-global-menu ul li {
            margin: 0;
            list-style-image: none;
            list-style-type: none;
            padding: 0 5px;
            display: inline;
            border-left: solid 1px #ccc;
            /* font-size: 14.6px; /* Part of the solution to overcome the extra space between li's - part of the baggage with display:inline  */
            font-size: 17px;
            /* Part of the solution to overcome the extra space between li's - part of the baggage with display:inline  */
        }

            #block-menu-menu-navigation-global-menu ul li:first-child {
                border-left: none;
            }

            #block-menu-menu-navigation-global-menu ul li.last {
                padding-right: 0;
            }

        #block-menu-menu-navigation-global-menu ul a {
            color: #602553;
            text-decoration: none;
            font-size: 0.8em;
            font-weight: normal;
        }

            #block-menu-menu-navigation-global-menu ul a:hover {
                text-decoration: underline;
            }

/*
	 * Mega-A menu 
	 */
.jmsNav {
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    z-index: 200;
}

.jmsMegaA {
    position: relative;
}

.jmsNav .content {
    margin-top: 0;
}

/* First level menu */
.region-nav .menu-name-main-menu {
    text-align: center;
    /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
    background-color: #42738d;
    color: #fff;
}

    .region-nav .menu-name-main-menu ul {
        padding: 0;
        margin: 5px 0 0 0;
        display: inline-block;
        /* TODO: consider IE7 */
    }

        .region-nav .menu-name-main-menu ul li {
            display: inline;
            /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
            background-color: #42738d;
            color: #fff;
            margin: 0;
            padding: 0;
            float: left;
            list-style-image: none;
            list-style-type: none;
            position: relative;
        }

            .region-nav .menu-name-main-menu ul li:hover {
                /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
                background-color: #42738d;
            }

                .region-nav .menu-name-main-menu ul li:hover ul {
                    visibility: visible;
                    /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
                    background-color: #42738d;
                }

            .region-nav .menu-name-main-menu ul li a {
                padding: 10px 20px;
                color: #fff;
                text-transform: uppercase;
                display: block;
                text-decoration: none;
                letter-spacing: 1px;
                font-size: 1.15em;
            }

        .region-nav .menu-name-main-menu ul ul li a {
            font-size: 1.1em;
        }

        .region-nav .menu-name-main-menu ul li a:hover {
            color: #fff;
        }

        /* Second level menu */
        .region-nav .menu-name-main-menu ul ul {
            margin: 0;
            position: absolute;
            z-index: 1000;
            left: 0;
            width: 450px;
            visibility: hidden;
            box-shadow: 0 2px 5px #333;
        }

        .region-nav .menu-name-main-menu ul li.last ul {
            left: auto;
            right: 0;
        }

        .region-nav .menu-name-main-menu ul li:nth-child(6) ul {
            /* TODO: Poly fill this to IE7 and 8 */
            /* TODO: Unhard code this... */
            left: auto;
            right: 0;
        }

        .region-nav .menu-name-main-menu ul ul li {
            display: block;
            /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
            background-color: #42738d;
            width: 50%;
        }

            .region-nav .menu-name-main-menu ul ul li a:hover {
                /* background-color:#34667F; -- this color is not ADA compliant on the contrast chart */
                background-color: #355b71;
            }

            .region-nav .menu-name-main-menu ul ul li:nth-child(3),
            .region-nav .menu-name-main-menu ul ul li:nth-child(5),
            .region-nav .menu-name-main-menu ul ul li:nth-child(7) {
                /* TODO: Poly fill this to IE7 and 8 */
                clear: left;
            }

        /* Third level menu */
        .region-nav .menu-name-main-menu ul ul ul {
            position: relative;
            box-shadow: none;
            top: 0;
            display: none;
        }

            .region-nav .menu-name-main-menu ul ul ul li {
                display: none;
                float: none;
                width: 100%;
            }

                .region-nav .menu-name-main-menu ul ul ul li a {
                    font-size: 0.9em;
                    font-weight: normal;
                    padding: 3px 20px;
                    text-transform: none;
                }

/* the second menu that gets displayed with the main menu on mobile */
#block-menu-block-5 {
    display: none;
}

/*
	 * Hero 
	 */
.jmsHero {
    overflow: hidden;
    margin-top: 0;
    position: relative;
}

.region-hero {
    position: relative;
}

.jmsHeroWrap {
    line-height: 0;
}

.jmsHero img,
.jmsHeroImage {
    height: auto;
    width: 100%;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -m-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

/*
	 * Call to Action
	 */
.jmsCallToAction {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 0;
    opacity: 0.8;
    width: 385px;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -m-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

    .jmsCallToAction a {
        text-decoration: none;
        display: block;
        padding: 15px 40px 25px 20px;
        background: url("/sites/default/files/images-template/call-to-action-icon.png") no-repeat scroll right center #34667f;
    }

        .jmsCallToAction a:hover {
            display: block;
            background: url("/sites/default/files/images-template/call-to-action-icon.png") no-repeat scroll right center #14465f;
        }

    .jmsCallToAction h2 {
        font-size: 1.4em;
        font-weight: normal;
        border-bottom: solid 2px #fff;
        padding-bottom: 10px;
        margin: 0 0 10px 0;
    }

    .jmsCallToAction a h2 {
        color: #fff;
        text-decoration: none;
        text-shadow: 0 2px 5px #000;
    }

    .jmsCallToAction a:hover h2 {
        text-shadow: 0 0 2px #000, 0 2px 5px #000;
    }

    .jmsCallToAction a p {
        color: #fff;
        font-size: 0.85em;
        margin: 0;
    }

/* 
	 *  Color Bars
	 */
.jmsColorBars {
    float: left;
    width: 100%;
    height: 16px;
    background-color: #7fa8ae;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarA {
    background-color: #ffc41e;
    float: left;
    width: 28%;
    height: 20px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarB {
    background-color: #b36632;
    float: left;
    width: 9%;
    height: 20px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarC {
    background-color: #b2ce94;
    float: left;
    width: 22%;
    height: 20px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarD {
    background-color: #7fa8ae;
    float: left;
    width: 41%;
    height: 20px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

/* 
	 *  Color Bars II
	 */
.jmsColorBarsII {
    width: 100%;
    height: 16px;
}

.jmsColorBarH {
    background-color: #ffc41e;
    float: left;
    width: 12%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarF {
    background-color: #72afb4;
    float: left;
    width: 9%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarG {
    background-color: #632451;
    color: #000000;
    float: left;
    width: 19%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarE {
    background-color: #ed2f21;
    float: left;
    width: 30%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarI {
    background-color: #b2ce94;
    float: left;
    width: 13%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

.jmsColorBarJ {
    background-color: #bb7f40;
    float: left;
    width: 17%;
    height: 6px;
    color: #000;
    /* this is used for ADA compliance color contrasting */
}

/*
	 *  Main Content
	 */
.jmsMainContent {
    overflow: hidden;
    margin-top: 8px;
}

.jmsPreFooter {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
	 *  Footer
	 */
.jmsFooterTop {
    /*border-top:solid 1px #6d0019;*/
}

.jmsFooterA .region,
.jmsFooterB .region,
.jmsFooterC .region {
    padding: 20px 0 20px 0;
}

/* 05-15-2014 old code TODO: confirm and remove
	.jmsFooterA ul {
		padding:0;
		margin:0;
	}
	.jmsFooterA ul li {
		margin:0;
		list-style-image:none;
		list-style-type:none;
		padding:0 0 40px 0; 
		width:50%;
		float:left;
	}
	.jmsFooterA ul li:first-child {
		display:none;	
	}
	.jmsFooterA ul a {
		color: #602553;
		text-decoration:none;
		font-size:1.1em;
	}
	.jmsFooterA ul a:hover {
	
	}
	*/
.jmsFooterExtraC #block-views-tweets-block .view-header {
    margin-top: -4px;
}

.jmsFooterExtraC #block-views-tweets-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.jmsFooterExtraC #block-views-tweets-block li {
    border-radius: 5px;
    background: #f0f0f0;
    padding: 5px;
    margin: 5px 0;
}

    .jmsFooterExtraC #block-views-tweets-block li:first-child {
        /*padding:0 0 5px 0;*/
        margin: 0;
    }

.jmsFooterExtraC #block-views-tweets-block .views-row-last {
    display: none;
}

.jmsFooterExtraC .jmsRetweet {
    background-color: #14465f;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0;
    float: right;
    font-size: 0.9em;
    letter-spacing: 1px;
    margin: 5px -5px -5px 0;
    padding: 1px 5px;
    text-decoration: none;
}

    .jmsFooterExtraC .jmsRetweet:hover {
        background-color: #14465f;
        color: #fff;
    }

.jmsTweetsTitle {
    float: left;
    margin: 0 0 0.5em 0;
    font-size: 1.1em;
    color: #14465f;
}

.jmsTwitterFollowButton {
    float: right;
    background-color: #14465f;
    color: #fff;
    border-radius: 5px;
}

.jmsTwitterFollow {
    background-image: url("/sites/default/files/icons/twitter-birdie-42.png");
    background-repeat: no-repeat;
    background-position: center left;
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 0 -19px;
    padding: 15px 10px 10px 40px;
    text-decoration: none;
}

    .jmsTwitterFollow:hover {
        color: #fff;
    }

.jmsFooterMap {
    border: solid 2px #555;
    width: 100%;
    height: auto;
}

.jmsFooterLegal {
    /* background-color: #e29d26;  -- color contrast change for ADA compliance */
    background-color: #42738d;
    overflow: hidden;
    margin-top: 15px;
    padding: 18px 10px 15px 10px;
    color: #fff;
}

.jmsFooterLinks,
.jmsAdminContact {
    float: right;
    text-align: right;
}

.jmsAdminContact {
    padding-right: 10px;
    /* to match the menu items alignment */
}

    .jmsAdminContact p {
        display: inline;
        line-height: 2.1em;
        margin-top: 9px;
        margin-bottom: 0;
    }

.jmsFooterLinks a {
    color: #fff;
    font-size: 0.8em;
    float: left;
    padding: 1px 10px;
    border-left: solid 1px #fff;
    text-decoration: none;
}

    .jmsFooterLinks a:hover {
        text-decoration: underline;
    }

    .jmsFooterLinks a:first-child {
        border-left: none;
    }

.jmsFooterCopyright {
    font-size: 0.8em;
    text-align: right;
    padding: 10px;
}

/* secondary pages left side menu */
.jmsSidebarA .pane-title {
    text-align: center;
}

    .jmsSidebarA .pane-title a {
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        font-size: 0.9em;
        margin-left: -10px;
    }

        .jmsSidebarA .pane-title a:hover {
            text-decoration: underline;
        }

        .jmsSidebarA .pane-title a:before {
            content: "\00AB \00A0";
        }

.jmsSidebarA ul,
.panels-flexible-column-first .menu-block-1 ul,
.panels-flexible-column-first .menu-block-2 ul {
    background: #49763d;
    padding: 0;
    margin: 0;
}

    .jmsSidebarA ul li,
    .panels-flexible-column-first .menu-block-1 ul li,
    .panels-flexible-column-first .menu-block-2 ul li {
        background: #49763d;
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #fff;
    }

        .jmsSidebarA ul li a,
        .panels-flexible-column-first .menu-block-1 ul a,
        .panels-flexible-column-first .menu-block-2 ul a {
            color: #fff;
            text-decoration: none;
            padding: 10px 20px 10px 10px;
            display: block;
        }

            .jmsSidebarA ul li a:hover,
            .panels-flexible-column-first .menu-block-1 ul a:hover,
            .panels-flexible-column-first .menu-block-2 ul a:hover {
                background: #2e4926;
            }

        .jmsSidebarA ul li.expanded a,
        .panels-flexible-column-first .menu-block-1 ul li.expanded a,
        .panels-flexible-column-first .menu-block-2 ul li.expanded a {
            background-image: url("/sites/default/files/images-template/more-menu-icon-small-white.png");
            background-repeat: no-repeat;
            background-position: center right;
        }

        .jmsSidebarA ul li.leaf a,
        .panels-flexible-column-first .menu-block-1 ul li.leaf a,
        .panels-flexible-column-first .menu-block-2 ul li.leaf a {
            background-image: none;
            background-repeat: no-repeat;
            background-position: center right;
        }

    /* Second level - right sidebar dept menus */
    .jmsSidebarA ul ul,
    .panels-flexible-column-first .menu-block-1 ul ul,
    .panels-flexible-column-first .menu-block-2 ul ul {
        background: #ebf0ea;
    }

        .jmsSidebarA ul ul li,
        .panels-flexible-column-first .menu-block-1 ul ul li,
        .panels-flexible-column-first .menu-block-2 ul ul li {
            background: #ebf0ea;
        }

        .jmsSidebarA ul ul a,
        .panels-flexible-column-first .menu-block-1 ul ul a,
        .panels-flexible-column-first .menu-block-2 ul ul a {
            color: #49763d;
            xfont-size: 0.8em;
        }

            .jmsSidebarA ul ul a:hover,
            .panels-flexible-column-first .menu-block-1 ul ul a:hover,
            .panels-flexible-column-first .menu-block-2 ul ul a:hover {
                background: #bec6c1;
            }

        .jmsSidebarA ul ul li.expanded a,
        .panels-flexible-column-first .menu-block-1 ul ul li.expanded a,
        .panels-flexible-column-first .menu-block-2 ul ul li.expanded a {
            background-image: url("/sites/default/files/images-template/more-menu-icon-small-gray.png");
            background-repeat: no-repeat;
            background-position: center right;
        }

        /* Third level - right sidebar dept menus */
        .jmsSidebarA ul ul ul,
        .panels-flexible-column-first .menu-block-1 ul ul ul,
        .panels-flexible-column-first .menu-block-2 ul ul ul {
            background: #f5fcf4;
        }

            .jmsSidebarA ul ul ul li,
            .panels-flexible-column-first .menu-block-1 ul ul ul li,
            .panels-flexible-column-first .menu-block-2 ul ul ul li {
                background: #f5fcf4;
            }

            .jmsSidebarA ul ul ul a,
            .panels-flexible-column-first .menu-block-1 ul ul ul a,
            .panels-flexible-column-first .menu-block-2 ul ul ul a {
                color: #49763d;
                font-size: 1em;
            }

                .jmsSidebarA ul ul ul a:hover,
                .panels-flexible-column-first .menu-block-1 ul ul ul a:hover,
                .panels-flexible-column-first .menu-block-2 ul ul ul a:hover {
                    background: #bec6c1;
                }

            .jmsSidebarA ul ul ul li.expanded a,
            .panels-flexible-column-first .menu-block-1 ul ul ul li.expanded a,
            .panels-flexible-column-first .menu-block-2 ul ul ul li.expanded a {
                background-image: url("/sites/default/files/images-template/more-menu-icon-small-gray.png");
                background-repeat: no-repeat;
                background-position: center right;
            }

            .jmsSidebarA ul ul ul li.leaf a,
            .panels-flexible-column-first .menu-block-1 ul ul ul li.leaf a,
            .panels-flexible-column-first .menu-block-2 ul ul ul li.leaf a {
                background-image: none;
                background-repeat: no-repeat;
                background-position: center right;
            }

            /* Fourth level - right sidebar dept menus */
            .jmsSidebarA ul ul ul ul,
            .panels-flexible-column-first .menu-block-1 ul ul ul ul,
            .panels-flexible-column-first .menu-block-2 ul ul ul ul {
                background: #fff;
            }

                .jmsSidebarA ul ul ul ul li,
                .panels-flexible-column-first .menu-block-1 ul ul ul ul li,
                .panels-flexible-column-first .menu-block-2 ul ul ul ul li {
                    background: #fff;
                }

                .jmsSidebarA ul ul ul ul a,
                .panels-flexible-column-first .menu-block-1 ul ul ul ul a,
                .panels-flexible-column-first .menu-block-2 ul ul ul ul a {
                    color: #49763d;
                    xfont-size: 0.8em;
                }

                    .jmsSidebarA ul ul ul ul a:hover,
                    .panels-flexible-column-first .menu-block-1 ul ul ul ul a:hover,
                    .panels-flexible-column-first .menu-block-2 ul ul ul ul a:hover {
                        background: #bec6c1;
                    }

                .jmsSidebarA ul ul ul ul li.leaf a,
                .panels-flexible-column-first .menu-block-1 ul ul ul ul li.leaf a,
                .panels-flexible-column-first .menu-block-2 ul ul ul ul li.leaf a {
                    background-image: none;
                    background-repeat: no-repeat;
                    background-position: center right;
                }

/* font size control */
.jmsSidebarA li,
.panels-flexible-column-first .menu-block-1 li,
.panels-flexible-column-first .menu-block-2 li,
.jmsSidebarA li li,
.panels-flexible-column-first .menu-block-1 li li,
.panels-flexible-column-first .menu-block-2 li li {
    font-size: 0.95em;
}

    .jmsSidebarA li li li,
    .panels-flexible-column-first .menu-block-1 li li li,
    .panels-flexible-column-first .menu-block-2 li li li,
    .jmsSidebarA li li li li,
    .panels-flexible-column-first .menu-block-1 li li li li,
    .panels-flexible-column-first .menu-block-2 li li li li {
        font-size: 1em;
    }

/* Active menu item stays open. Even after page load */
/* active-trail */
/* Open page */
.jmsSidebarA ul a.active,
.panels-flexible-column-first .menu-block-1 ul a.active,
.panels-flexible-column-first .menu-block-2 ul a.active {
    border-right: solid 1px #7fa8ae;
    border-left: solid 1px #7fa8ae;
    border-top: solid 1px #7fa8ae;
    border-bottom: solid 1px #7fa8ae;
    box-shadow: inset 0 0 2px #7fa8ae;
}

/* Table */
.jmsMainContent tbody {
    border-top: none;
}

/* Table content - specific */
.view-display-id-page_dept_list table,
.view-display-id-page_facilities table,
.view-display-id-page_services table {
    width: 100%;
}

.view-display-id-page_dept_list,
.view-display-id-page_facilities,
.view-display-id-page_services,
.view-display-id-page_dept_list a,
.view-display-id-page_facilities a,
.view-display-id-page_services a {
    text-decoration: none;
    color: #34667f;
}

    .view-display-id-page_dept_list a:hover,
    .view-display-id-page_facilities a:hover,
    view-display-id-page_services a:hover {
        text-decoration: underline;
    }

    .view-display-id-page_dept_list td,
    .view-display-id-page_facilities td,
    .view-display-id-page_services td {
        border-bottom: 3px solid #ffffff;
        padding: 8px 12px;
        background: #ebf3f5;
        white-space: nowrap;
    }

/* Going Tableless - Solution to stair steps */
.jmsGridLast {
    clear: right;
}

.jmsGridFirst {
    clear: left;
}

.none {
    display: none;
}

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

* html .clearfix {
    height: 1%;
}

:first-child + html .clearfix {
    min-height: 1%;
}

.element-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
}

.container-inline div,
.container-inline label {
    display: inline;
}

/* 
* Translate 
*/
.jmsTranslate {
    display: inline-block;
    padding: 0 0 0 15px;
}

/* 
* Simple Registration 
*/
.simple_subscription_footer {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
}

/* Flexslider Overrides */
.flex-control-nav {
    bottom: -10px;
}

.flexslider {
    margin-bottom: 0;
}

#block-views-cmo-misc-views-block-8 .view-cmo-misc-views .views-row {
    padding-bottom: 15px;
}

.InTheNewsHome a {
    color: #34667f;
    text-decoration: none;
    font-weight: 600;
}

.fbHome {
    margin-top: 8px;
}

/* 
* Nivo Slider 
*/

#block-nivo-slider-nivo-slider {
    margin: 0 auto;
}

#slider {
    background: transparent;
    position: relative;
    box-shadow: none;
    overflow: visible;
}



@media only screen and (max-width: 425px) {
    #slider {
        position: relative;
        max-width: 460px;
        max-height: 100%;
        height: 160px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .jmsHero img,
    .jmsHeroImage {
        width: 200%;
        margin-left: 0 !important;
    }

    .nivo-caption {
        position: absolute !important;
        left: 0px !important;
        bottom: 0px !important;
        background: #000 !important;
        color: #fff !important;
        width: 100% !important;
        height: auto !important;
    }

        .nivo-caption h2 {
            padding: 1% !important;
            font-size: 14px !important;
            font-weight: 300 !important;
        }

        .nivo-caption p {
            display: none !important;
        }
}

.nivo-caption {
    margin: 0 5px 0 0;
    right: 0;
    color: white;
    width: 40%;
    font-size: 16px;
    bottom: 5%;
    left: auto;
    text-align: left;
    /*  padding: 2%;  */
    height: 50%;
    background: url(../images/dotted-bg.png);
}

    .nivo-caption h2 {
        padding: 1% 1% 0 1%;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
    }

    .nivo-caption p {
        padding: 1%;
        font-size: 16px;
    }

.slider-wrapper #slider {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.theme-default .nivo-controlNav {
    text-align: center;
}

    .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
        width: 100px;
    }

.theme-default .nivo-controlNav {
    padding: 5px 0 0 0;
}

    .theme-default .nivo-controlNav a {
        text-indent: 9999px;
        font-size: 0;
    }

        .theme-default .nivo-controlNav a:hover img {
            background: #999;
        }

.content-sidebar-wrap {
    float: left;
    width: 100%;
}

    .content-sidebar-wrap #content {
        display: inline;
        margin-bottom: 10px;
        float: right;
        width: 100%;
    }

.cddo {
    font-size: 0.8em;
}

/* 
* ADA Styles 
*/

label.chooselang {
    display: inline;
    font-weight: normal;
    font-size: 0.9em;
}

label.choosequestion {
    display: none;
}

/* 
* Constant Contact subsciber blocks 
*/
#edit-cc-newsletter-lists-1,
#edit-cc-newsletter-lists-2,
#edit-cc-newsletter-lists-3,
#edit-cc-newsletter-lists-4,
#edit-cc-newsletter-lists-5 {
    font-size: 14px;
}

.form-item-cc-newsletter-lists-1,
.form-item-cc-newsletter-lists-2,
.form-item-cc-newsletter-lists-3,
.form-item-cc-newsletter-lists-4,
.form-item-cc-newsletter-lists-5 {
    font-size: 12px;
    font-style: italic;
}

.cc-custom-form * {
    box-sizing: border-box;
}

.cc-custom-form {
    font: 15px Helvetica Neue, Arial, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    min-width: 1px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px;
}

    .cc-custom-form * {
        box-sizing: border-box;
    }

    .cc-custom-form p {
        margin: 0;
        margin-bottom: 20px;
    }

    .cc-custom-form .cc-form-required {
        position: relative;
    }

    .cc-custom-form label {
        display: block;
        margin-bottom: 10px;
        line-height: 1;
    }

    .cc-custom-form input[type="text"] {
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #b0b6bb;
        border-radius: 4px;
        box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
        font-family: Helvetica Neue, Arial, sans-serif;
        color: #394856;
        font-size: 16px;
        line-height: 1.5;
    }

    .cc-custom-form .cc-button {
        color: #fff;
        background-color: #0078c1;
        display: block;
        width: 100%;
    }

    .cc-custom-form .Button {
        display: inline-block;
        margin-bottom: 0px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        font-size: 15px;
        padding: 12px 16px;
        line-height: 1;
        background-image: none;
        background-color: #ebedee;
        color: #0078c1;
        border: none;
        box-shadow: none;
        border-radius: 2px;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .cc-custom-form .cc-form-footer {
        font-size: 11px;
        font-family: Helvetica Neue, Arial, sans-serif;
        padding: 5px 0px 0px 0px;
    }

.events-split {
    border-bottom: 1px dotted #666;
}

.pane-project-timeline .simple_timeline ul li {
    margin: 0;
}

.careerbox {
    float: left;
    width: 250px;
    text-align: center;
}

.JStable {
    width: 100%;
    border-collapse: collapse;
}

    .JStable tr:nth-child(even) {
        background: #f2f2f2;
    }

    .JStable tr.head {
        border-bottom: 3px solid white;
        background: #aec9cb;
    }

    .JStable tr {
        background: #ffffff;
    }

    .JStable td {
        padding: 7px;
    }

.jmsMainContent tbody {
    border-top: none;
}

.marker,
.form-required {
    color: #b30000;
}

.dashboard-button {
    text-align: center;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 15px;
    transition: all 0.3s;
    width: 91%;
    float: left;
    font-size: 1.5em;
    color: #fff;
}

    .dashboard-button a {
        text-decoration: none;
        color: #fff;
    }

.half-dashboard-button {
    width: 43%;
    float: left;
    font-size: 1em;
    height: 2rem;
}


.sustainability-services-grid .col-1,
.sustainability-services-grid .col-2 {
    width: 514px;
}

.sustainability {
    background: #439661;
    color: #fff;
    padding: 35px;
    border-radius: 25px;
    margin-top: 20px;
}

.sustainability-button {
    background-color: #439661;
}

    .sustainability-button:hover,
    .sidebar-button:hover {
        background-color: #398053;
        box-shadow: 6px 6px 3px #d1d1d1;
    }

.sustainability-link {
    color: #fff;
}

.sustainability-card {
    background: #f3efe6;
    padding: 20px;
    margin-right: 15px;
    box-shadow: 6px 6px 3px grey;
    height: 250px;
    text-align: Center;
}

.sustainability-container {
    height: 300px;
    width: 100%;
}

.sidebar-button {
    background-color: #439661;
    padding: 20px;
    text-align: center;
    margin: 10px 0px;
    border-radius: 20px;
}

    .sidebar-button a {
        color: #fff;
        text-decoration: none;
    }

/*Blog Cards CSS*/
.blog_img {
    float: left;
    margin-right: 20px;
}

.dept-blog-last-month {
    margin-left: 55px;
}

.resImageFullWidth2 {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.boxVID {
    float: left;
    width: 50%;
    padding: 0;
}

.rowVID:after {
    content: "";
    clear: both;
    display: table;
}

/*Style for BLOG cards (MH)*/
.blog-img {
    float: left;
    margin-right: 20px;
    padding: 10px;
}

.blog-img-credits {
    font-style: italic;
    font-size: smaller;
}

.dept-blog-row {
    border: 2px solid #e3e3e3;
    border-radius: 8px;
    margin: 20px 2px;
    box-shadow: 6px 6px 3px #d1d1d1;
    padding: 10px;
}

.blog-view-all {
    float: left;
    position: relative;
    margin: 20px 10px 10px 0px;
    border: 2px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px;
    height: auto;
}

    .blog-view-all:hover {
        box-shadow: 6px 6px 3px #d1d1d1;
    }

.blog-heading {
    color: #b36632;
    position: absolute;
    background: rgba(243, 241, 241, 0.719);
    width: 80%;
    border-radius: 0px 0px 25px 0px;
    padding: 2px;
}

.vetday-cards .view-content {
    width: 100%;
}

.card-med-img .image-field-caption {
    display: none;
}

.vetday-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.covid-cards .view-content {
    width: 100%;
}

.covid-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card-med {
    box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
    transition: 0.3s;
    width: 20%;
    float: left;
    margin: 10px;
    height: 20rem;
}

.card-med-img img {
    width: 100%;
    height: auto;
}

.card-med:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.card-med-container {
    padding: 2px 5px;
}

    .card-med-container a {
        text-decoration: none;
    }

/* .button {
  display: inline-block;
  border-radius: 12px;
  background-color: #85322d;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  width: 50%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
} */

/*Melinda - CORONAVIRUS GUIDE PAGE*/
.corona-box {
    width: 90%;
    border-radius: 15px;
    border: 8px solid #ac1e2c;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .corona-box:hover {
        border: 8px solid #881e28;
        box-shadow: 6px 6px 3px #d1d1d1;
        cursor: pointer;
    }

.corona-text {
    text-align: center;
    float: right;
}

.corona-heading {
    color: #ac1e2c;
    font-size: 1.5em;
}

.corona-sub-head {
    color: #ac1e2c;
    font-style: italic;
    font-size: 1.1em;
}

.corona-current {
    color: #000;
    font-weight: bolder;
    font-size: 1.2em;
    text-transform: uppercase;
    background-color: #fdb933;
}

.covid-button {
    background-color: #ac1e2c;
    display: inline-grid;
    align-items: center;
}

    .covid-button:hover {
        background-color: #881e28;
        box-shadow: 6px 6px 3px #d1d1d1;
    }

.corona-latest-updates {
    clear: both;
}

    .corona-latest-updates h4 {
        font-style: italic;
        margin: 0px;
        clear: both;
    }

    .corona-latest-updates p {
        line-height: 2em;
    }

.vacbody {
    clear: both;
}

.view_card_container {
    position: relative;
    float: left;
    margin: 12px;
    min-height: 260px;
    min-width: 210px;
    padding: 19px;
    background-color: #f1f4f4;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .view_card_container:hover {
        background-color: #f1f4f4;
        box-shadow: 6px 6px 3px #d1d1d1;
        transform: scale(1.1, 1.1);
    }

.view_card_title {
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    padding: 5px;
    color: #ac1e2c;
    text-decoration: none;
}

.view-cards {
    position: relative;
    width: 100%;
}

.view .view-cards {
    margin-left: 20px;
}

.bocc_page_ada_block {
    border: 1px solid;
    padding: 10px;
}

/* BUPP cards */
.bupp .card_img > img {
    width: 100%;
}

.bupp .card-text_container {
    font-size: 1.08rem;
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
}

.bupp .card_container {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 25%;
    float: left;
    margin: 11px;
    padding: 5px;
    height: 257px;
    position: relative;
}

    .bupp .card_container:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.bupp .card-text_container {
    padding: 2px 16px;
}


@media only screen and (max-width: 700px) {
    .view-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .half-dashboard-button {
        width: 90%;
    }

    .bupp .view-cards {
        display: block;
    }

    .bupp .card_container {
        width: 65%;
        height: 275px;
        margin: 10px 45px;
    }
}

.page-node-12905 h1 {
    display: none;
}

.views-align-center {
    vertical-align: top;
}

/* volunteer sidebar */
.card-with-title {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    text-align: center;
    padding: 5px;
    background-color: #e9e9e9;
    margin: 15px 0px;
}

    .card-with-title:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }

.card-title-container {
    text-align: left;
}

.card-title {
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    background-color: white;
    padding: 5px;
}


/* Green Business Certification -webform mh */
.fieldset_heading .fieldset-legend {
    font-weight: bolder;
    font-size: 1.2rem;
}

.eligibility-text-color .fieldset-legend {
    color: #ff0000;
}

.eligibility-text-color {
    border-color: #ff0000;
}

.waste-text-color .fieldset-legend {
    color: #439661;
}

.waste-text-color {
    border-color: #439661;
}

.energy-text-color .fieldset-legend {
    color: #cecb1c;
}

.energy-text-color {
    border-color: #cecb1c;
}

.water-text-color .fieldset-legend {
    color: #0399d0;
}

.water-text-color {
    border-color: #0399d0;
}

.engagement-text-color .fieldset-legend {
    color: #630291;
}

.engagement-text-color {
    border-color: #630291;
}

.transportation-text-color .fieldset-legend {
    color: rgb(250, 169, 18);
}

.transportation-text-color {
    border-color: rgb(250, 169, 18);
}

.ns-text-color .fieldset-legend {
    color: #42738d;
}

.ns-text-color {
    border-color: #42738d;
}

.webform-component-grid > table {
    width: 100%;
    background-color: gainsboro;
}

.wf-grid tr:nth-child(odd) {
    background: #fff;
}

.green-cert-badge img {
    width: 25%;
}

/* TBT digital edition */
.tbt-banner-img {
    width: 100%;
    height: auto;
}

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

.tbt-book {
    position: relative;
    float: left;
    margin: 13px;
    transition: all 0.5s;
}

    .tbt-book:hover {
        background-color: #f1f4f4;
        box-shadow: 6px 6px 3px #d1d1d1;
    }

.tbt-books .ui-accordion .ui-accordion-content {
    padding: 1em 1.5em;
}

.tbt-book-pubmonth {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    padding: 10px 0px;
    background: #ededed;
    margin-top: 0;
    color: #000;
    text-align: center;
}

.tbt-single-book {
    text-align: center;
}

.book-navigation .menu {
    display: none;
}

.bookpublished {
    text-align: center;
    font-size: .9rem;
}

/* winter weather and severe weather cards*/
.winter-weather .view_card_container,
.severe-weather .view_card_container {
    min-height: 450px;
    width: 215px;
    border: grey solid .5px;
    border-radius: 0px 0px 15px 15px;
    transition: none;
    margin: 6px;
}

    .winter-weather .view_card_container:hover,
    .severe-weather .view_card_container:hover {
        transform: none
    }

.winter-weather .view_card_image,
.severe-weather .view_card_image {
    position: absolute;
    top: 0;
}

.winter-weather .card-text,
.severe-weather .card-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    padding: 5px;
}

.winter-weather .view_card_title,
.severe-weather .view_card_title {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: revert;
    color: #000;
}

.winter-weather .view_card_body,
.severe-weather .view_card_body {
    padding: 10px;
}

/* aging resources guide */
/* aging resources guide banner */
.arg-hero {
    position: relative;
}

    .arg-hero > p {
        margin: 0;
        line-height: 0;
    }

.arg-hero-title {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    opacity: 1;
    font-size: 3rem;
    text-shadow: 2px 2px #000;
    font-weight: 900;
    color: #fff;
    position: absolute;
    bottom: 0;
}
/* aging resources sub nav under banner */

.arg-section {
    margin-top: 10px;
    position: relative;
}

.menu-name-menu-aging-resources-guide .menu {
    width: 70%;
    margin: 25px auto;
}

.arg-subnav {
    float: left;
}

ul li.leaf.arg-subnav {
    list-style-image: none;
    list-style-type: none;
    padding: 2px 10px;
    border-right: 1px #0498ce solid;
}

ul li.last.leaf.arg-subnav {
    border-right: none;
}

.arg-subnav a {
    color: #0498ce;
}

/* ARG cards section */

.view-cards.cards-arg {
    display: block;
}

.cards-arg .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.card-view-header {
    border-bottom: 8px solid;
    position: relative;
}

.card-view-header-left {
    font-size: 2rem;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}

.card-view-header-right {
    position: absolute;
    right: 0;
    bottom: 18px;
}

    .card-view-header-right a {
        font-style: italic;
        color: #DC143C;
        margin-right: 25px;
    }

.card-arg .view_card_title {
    color: #0498ce;
    text-decoration: underline;
    font-weight: 700;
}

/* Hero call to action */
.pane-hero-call-to-action {
    position: relative;
    ;
}

.hero-call-to-action-container {
    position: absolute;
    top: 10%;
    bottom: 0;
    width: 28%;
    padding-left: 25px;
    background-color: rgba(255, 255, 255, 0.76);
}

h2.hero-call-to-action-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}

    h2.hero-call-to-action-title a {
        color: #000;
        text-decoration: none;
    }

        h2.hero-call-to-action-title a:hover {
            text-decoration: underline;
        }

.hero-call-to-action-img img {
    margin-top: 35px;
    position: relative;
}

.hero-call-to-action-button {
    width: 75%;
    background: #0498ce;
    text-align: left;
    padding: 13px 20px;
}

    .hero-call-to-action-button:hover a {
        text-decoration: underline;
    }

.buttonright {
    float: right;
    width: 25%;
}

.hero-call-to-action-button a {
    color: #fff;
    text-decoration: none;
}

/* call to action */
.bean-call-to-action {
    padding-top: 25px;
}

.pane-bean-leadership-in-aging-award {
    position: relative;
}

.call-to-action-container {
    width: 65%;
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.76);
    height: 68%;
    padding: 50px 25px;
}

.call-to-action-img {
    text-align: center;
    border-left: dotted black;
}

.calendar-calendar th.days {
    width: 14%;
}

/* news and events */

.left {
    width: 65%;
}

    .left .arg-node-viewed {
        width: 100%;
    }

.aging .view-content {
    border-right: dotted black;
}

.card-img-left {
    margin: 20px;
    border-top: 2px solid #E8E8E8;
    border-bottom: 2px solid #E8E8E8;
    position: relative;
    height: 150px;
}

.card-img-left-date {
    position: absolute;
    left: 2%;
    z-index: 2;
    padding: 15px;
    height: 55px;
    font-weight: bold;
    text-align: center;
}

    .card-img-left-date:before {
        content: "";
        position: absolute;
        left: 1%;
        top: 0;
        z-index: -1;
        border-top: 60px solid #fff;
        border-right: 30px solid #fff;
        border-bottom: 30px solid transparent;
        border-left: 30px solid #fff;
    }

.card-img-left-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.card-img-left-title {
    position: absolute;
    left: 30%;
    width: 50%;
}

.card-img-left-subtitle {
    position: absolute;
    left: 30%;
    top: 50%
}

.card-img-left-subtitle {
    text-decoration: none;
    text-transform: uppercase;
}

.card-img-left-title a {
    text-decoration: none;
    color: #0498ce;
    font-family: serif;
    font-style: italic;
    font-size: 1.3rem;
}

.card-img-left:hover .card-img-left-title a {
    color: #fff;
    background: #0498ce;
    text-decoration: underline;
}

.card-img-left:hover {
    background: #0498ce;
}

    .card-img-left:hover .card-img-left-subtitle {
        color: #fff;
    }

/* reports and publications */
.rnp-arg table td, table th {
    width: 25%;
}

.rnp-arg td {
    vertical-align: top;
    padding: 15px;
}

.rnp-arg .views-field-title a,
table.local-resources h3 a {
    text-transform: uppercase;
    color: #0498ce;
    font-weight: 900;
    font-size: 1rem;
}
/* 
departments */
.arg-depts table {
    width: 100%;
}

.arg-depts td {
    padding: 25px;
    color: #fff;
    border: 8px #fff solid;
}

.arg-depts .views-field a {
    color: #fff;
    font-size: 1.1rem;
}

.arg-depts td:nth-child(3n+1) {
    background-color: #b36632;
}

.arg-depts td:nth-child(3n+2) {
    background-color: #42738d;
}

.arg-depts td:nth-child(3n) {
    background-color: #632451;
}

.arg-nav {
    background: #bb7f40;
    padding: 10px 5px;
}

    .arg-nav h2 a, .arg-nav ul li.leaf a {
        text-decoration: none;
        color: #fff;
    }

/* responsive arg */



/* Building Permint Fee Chart */
.admin-details {
    display: none;
}

/*webforms*/

.webform-client-form-16426 .form-actions {
    display: none;
}

.webform-client-form-16182 .webform-layout-box.equal.child-width-5 > * {
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
}

.webform-client-form-16182 .description {
    display: none;
}

.contextual-links-region.panel-pane.pane-block.pane-webform-client-block-16182.drainage {
    float: left;
}

.webform-client-form-16182 .form-item.webform-component.webform-component-formula.webform-component--dfu-sum-total.webform-container-inline {
    text-align: right;
    margin: 0px;
    padding-right: 10px;
}

.webform-client-form-16182 .dfu_sum_total {
    text-align: right;
}

#webform-client-form-15502 .form-actions {
    display: none;
}

/* recycle page */
.recycle-scraps-container {
    width: 50%;
    margin: auto;
}

.recycle-scraps {
    width: 50%;
    float: left;
}

.page-node-15840 hr {
    clear: both;
    height: 2px;
    border-width: 0;
    color: #fff;
    background-color: #fff;
}

.recycle-banner {
    background: #7c9e4a;
    color: #fff;
    padding-top: 2px;
}

.recycle-compost-border .sentence,
.recycle-compost-border h3 {
    padding: 25px;
    width: 75%;
    margin: auto;
}

/* basics */
.basic-gray-button {
    background-color: #707b7f;
}

.basic-button {
    background: #abbac4;
    background-image: -webkit-linear-gradient(top, #abbac4, #475761);
    background-image: -moz-linear-gradient(top, #abbac4, #475761);
    background-image: -ms-linear-gradient(top, #abbac4, #475761);
    background-image: -o-linear-gradient(top, #abbac4, #475761);
    background-image: linear-gradient(to bottom, #abbac4, #475761);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    padding: 9px 18px 10px 19px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    text-decoration: none;
    width: fit-content;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}

    .basic-button:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .basic-button:active {
        box-shadow: none;
        transform: translateY(4px);
    }

    .basic-button a {
        color: #fff;
        text-decoration: none;
    }

/* BUTTON CARD */
.button-card-title {
    font-weight: bold;
    color: #000000;
    line-height: 1.2;
    font-size: 30px;
    letter-spacing: 0.25px;
    word-wrap: break-word;
    margin-bottom: 0.5rem
}

.button-card-subtitle {
    color: #6c757d;
    line-height: 1.35;
    font-size: 15px;
    letter-spacing: 0.25px;
    word-wrap: break-word;
}

.button-card-hdng {
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 8px;
}

.button-card-subhdng {
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

    .button-card-subhdng span {
        color: #057bc3;
    }

.rtecenter.button-card-hdng.logo-left {
    padding-top: 20px;
}

.button-card {
    background-color: #ffffff;
    padding: 0 1rem 3rem;
    margin: auto;
    border-radius: 12px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid #ececec;
    position: relative;
}

.button-card-img {
    width: 100%;
    border-radius: 25px;
    max-height: 15.625rem;
    object-fit: cover;
}

.button-card img {
    width: 100%;
}

.button-card-header {
    padding: 0.5rem 1rem;
}

.button-card-body {
    padding: 0rem 1rem;
    margin-bottom: 1rem;
}

.button-card-footer {
    padding: 0.5rem 1rem;
}

    .button-card-footer .button-card-btn {
        width: 100%;
        height: 2.5rem;
        padding: 8px;
        font-weight: 700;
        font-size: 14px;
        font-family: "Roboto", sans-serif;
        letter-spacing: 1.25px;
        background-color: #1f2aff;
        color: #ffffff;
        border-radius: 25px;
        border-style: none;
    }

.flat-button {
    box-shadow: none;
    border-radius: 8px;
    background: #ececec;
    color: #000;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}