/*Shivani*/

/*============================================================================================*/
/* Primary styles 
   #Author: Sitewire Dev
/*============================================================================================*/
/*------------------------------------------------
CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	- Global Reset 
	- fonts
	- General Styles / Helpers	

2. SITE STRUCTURE
	- Header
	- Navigation
	- Containers
	- Footer

3. MODULES
	- Animations
	- Box
	- Calendar
	- icons
	- marquee
	- modal
	- ribbon
	- searchbox
	- sitesearch
	- form
	- social
	- table
4. Print Styles (Linked Externally)
------------------------------------------------*/
/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/
/*----------------------------------------------*/
/* Global Reset */
/*----------------------------------------------*/
/*$var-handheld-max: 630px;
$var-tablet: 631px;
$var-tablet-max: 1023px;
$var-desktop: 1024px;*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}


.grid-container {
    display: grid;
    grid-template-columns: 400px;
    padding-left: 15px;
}


html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

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

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select, img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
}

textarea {
    resize: vertical;
}

sup {
    font-size: 0.6em;
}

legend {
    display: none;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

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

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

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

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

/*----------------------------------------------*/
/* General Styles / Helpers */
/*----------------------------------------------*/
/* Clear */
.clearfix {
    zoom: 1;
}

    .clearfix:before, .clearfix:after {
        content: "\0020";
        display: block;
        height: 0;
        /*overflow: hidden;*/
    }

    .clearfix:after {
        clear: both;
    }

.clear-none {
    clear: none !important;
}

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

    .image-replacement br {
        display: none;
    }

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

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    color: #0f41fa;
}

    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
    .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.screen-reader {
    text-indent: -9999px;
    margin-bottom: 0 !important;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

.opacity0 {
    opacity: 0;
    display: none;
}

/* Display */
.display-none {
    display: none !important;
}

.display-inline-block {
    display: inline-block !important;
}

.intouchable {
    position: fixed;
    top: -100000px;
}

/* Helper Rules */
.capitalize {
    text-transform: uppercase;
}

.break {
    display: block;
}

.bold {
    font-weight: bold;
}

.not-bold {
    font-weight: normal;
}

.replace {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}

.underline {
    text-decoration: underline;
}

input:focus, textarea:focus {
    outline: none;
}

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

/* Disable skpe */
span.skype_pnh_container {
    display: none !important;
}

span.skype_pnh_print_container {
    display: inline !important;
}

/* =Layout
-------------------------------------------------------------- */
.float-right {
    float: right;
    display: inline;
}

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

/* Clear */
.clear-left {
    clear: left !important;
}

.clear-right {
    clear: right !important;
}

.clear-both {
    clear: both !important;
}

/* Table display */
.display-table {
    display: table;
}

    .display-table > * {
        display: table-row;
    }

        .display-table > * > * {
            display: table-cell;
        }

/* Text-align */
.text-left {
    text-align: left !important;
}

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

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

/* Border */
.border-none {
    border: none !important;
}

/* Postion */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

body {
    font-family: Calibri, "CalibriWeb", Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.3em;
    text-align: center;
    -webkit-animation: fadeInDown 1s;
    -moz-animation: fadeInDown 1s;
    -ms-animation: fadeInDown 1s;
    -o-animation: fadeInDown 1s;
    animation: fadeInDown 1s;
}

@media only screen and (max-width: 42.125em) {
    body {
        /* padding: 16px 10px 0 10px;*/
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    body {
        /* padding: 16px 10px 0;*/
    }
}

@media only screen and (min-width: 64em) {
    body {
        padding-top: 19px;
        background: url(../images/siteFiles/bgBody.png) fixed no-repeat center 46px;
    }
}

/*PlaceHolder color*/
::-webkit-input-placeholder {
    color: black;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: black;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}

:-ms-input-placeholder {
    color: black;
}

h1 {
    /*margin: 0 0 .5em;*/
    font-size: 2.14288em;
    line-height: 1em;
}

h2 {
    margin: 0 0 .7em;
    font-size: 1.54788em;
    line-height: 1em;
}

h3, h4, h5, h6 {
    font-size: 1.24513em;
    line-height: 1em;
}

p {
    margin: 0 0 1em;
}

    p span {
        font-size: 0.875em !important;
    }

a {
    color: #446374;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-decoration: none;
}

    a:link, a:active, a:visited {
        color: #446374;
        background: transparent;
    }

    a:hover {
        color: black;
    }

/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/
/*----------------------------------------------*/
/* Header */
/*----------------------------------------------*/
#topUtilityHolder {
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (min-width: 64em) {
    #topUtilityHolder {
        margin-left: 0;
        margin-right: 0;
    }
}

#logoSlogan {
    width: 100%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #logoSlogan {
        width: 116px;
        height: 22px;
        float: left;
        margin: 23px 0 0 8px;
    }
}

@media only screen and (min-width: 64em) {
    #logoSlogan {
        width: 116px;
        float: left;
        margin: 15px 0 0 20px;
    }
}

#logoSlogan h2 {
    font-size: 1.125em;
    margin-bottom: 0;
    color: #008571;
}

    #logoSlogan h2 sup {
        position: relative;
        top: 0.5em;
        font-size: 130%;
    }

#logoSlogan img {
    width: 100%;
    max-width: 116px;
}

#topLinks {
    width: 100%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topLinks {
        width: 244px;
        float: right;
    }
}

@media only screen and (min-width: 64em) {
    #topLinks {
        width: 600px;
        float: right;
    }
}

#providerSearch {
    width: 100%;
    margin-top: 22px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #providerSearch {
        text-align: right;
    }
}

@media only screen and (min-width: 64em) {
    #providerSearch {
        text-align: right;
    }
}

@media only screen and (max-width: 42.125em) {
    #providerSearch.ribbon {
        background: #50758a;
        margin: 22px 0 14px auto;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #providerSearch.ribbon {
        width: 227px;
        margin: 0 0 14px auto;
        text-align: left;
    }
}

@media only screen and (min-width: 64em) {
    #providerSearch.ribbon {
        width: 310px;
        margin: 0 0 32px auto;
        text-align: left;
    }
}

#providerSearch h3 {
    font-size: 1.09988em;
}

#topLinkNavigation {
    float: none;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topLinkNavigation {
        width: 240px;
        margin-right: 10px;
        text-align: right;
    }
}

@media only screen and (min-width: 64em) {
    #topLinkNavigation {
        float: right;
        display: inline;
        margin-right: 20px;
    }
}

#topLinkNavigation div {
    float: left;
    display: inline;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topLinkNavigation div {
        /*float: right;
      			display: inline;*/
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}

#topLinkNavigation div.small li {
    float: left;
    display: inline;
}

    #topLinkNavigation div.small li a {
        color: black;
    }

        #topLinkNavigation div.small li a:hover {
            text-decoration: underline;
        }

    #topLinkNavigation div.small li + li:before {
        content: "|";
        padding: 0 5px;
    }

#topLinkNavigation div.functions {
    margin: 0 15px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topLinkNavigation div.functions {
        padding-bottom: 6px;
        margin: 0;
    }
}

@media only screen and (min-width: 64em) {
    #topLinkNavigation div.functions {
        margin: 0 15px;
    }
}

#topLinkNavigation div.functions li {
    float: left;
    display: inline;
}

    #topLinkNavigation div.functions li a {
        display: block;
        border: 1px solid #bcbec0;
        background: white;
        /* IE6-9 */
        background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f2f2));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #f2f2f2 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #f2f2f2 100%);
        /* IE10+ */
        background: linear-gradient(top, white 0%, #f2f2f2 100%);
        /* W3C */
        filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white, endColorstr=#f2f2f2)";
        /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white, endColorstr=#f2f2f2)";
        /* IE8 */
        color: black;
        font-weight: bold;
        font-size: 14px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        vertical-align: top;
        text-align: center;
    }

        #topLinkNavigation div.functions li a:hover {
            background: #f2f2f2;
            /* IE6-9 */
            background: -moz-linear-gradient(top, #f2f2f2 0%, white 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, white));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #f2f2f2 0%, white 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #f2f2f2 0%, white 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #f2f2f2 0%, white 100%);
            /* IE10+ */
            background: linear-gradient(top, #f2f2f2 0%, white 100%);
            /* W3C */
            filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=white)";
            /* IE6 & IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=white)";
            /* IE8 */
        }

    #topLinkNavigation div.functions li:last-child a {
        font-size: 22px;
        margin-left: 8px;
    }

#topLinkNavigation div.small {
    padding-top: 4px;
}

@media only screen and (min-width: 64em) {
    #topLinkNavigation div.small {
        padding-top: 4px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topLinkNavigation div:first-child {
        margin-right: 15px;
        padding-top: 5px;
    }
}

/*----------------------------------------------*/
/* Navigation */
/*----------------------------------------------*/
div#mainNavigation {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #008571;
    position: relative;
}

@media only screen and (min-width: 64em) {
    div#mainNavigation {
        /* margin: 21px 10px 0 9px;*/
    }
}

div#mainNavigation .nav-toggle {
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    position: relative;
    padding: 12px 0px 13px 9px;
    vertical-align: middle;
    display: block;
}

    div#mainNavigation .nav-toggle #hamburger {
        float: left;
        display: inline;
        margin-right: 9px;
    }

    div#mainNavigation .nav-toggle:hover {
        background: #50758a;
    }

@media only screen and (min-width: 64em) {
    div#mainNavigation .nav-toggle {
        display: none;
    }
}

#main-nav {
    display: none;
}

@media only screen and (min-width: 64em) {
    #main-nav {
        display: block;
    }
}

#main-nav li.active {
    background: #50758a !important;
}

@media only screen and (min-width: 64em) {
    #main-nav li {
        /*float: left;
      display: inline;*/
        display: table-cell;
        text-align: center;
        border-right: 1px solid #fff;
        /*white-space: nowrap;*/
        vertical-align: top;
    }
}

#main-nav li #siteSearch {
    border-top: 1px solid #fff;
    padding: 12px 16px 13px 40px;
    position: relative;
}

@media only screen and (min-width: 64em) {
    #main-nav li #siteSearch {
        border-top: 0 !important;
        padding: 10px 12px 8px 12px !important;
        /*width: 226px;*/
        width: 100%;
    }
}

#main-nav li #siteSearch label {
    display: none;
}

#main-nav li #siteSearch input {
    display: block;
    width: 100%;
    border: 1px solid #fff;
    font-size: 0.875em;
    padding: 3px 5px;
    -moz-transition: all 0.3s ease 0;
    -webkit-transition: all 0.3s ease 0;
    -o-transition: all 0.3s ease 0;
    transition: all 0.3s ease 0;
}

#main-nav li #siteSearch .icon-search {
    position: absolute;
    right: 22px;
    top: 16px;
    cursor: pointer;
    cursor: hand;
}

#main-nav li a {
    display: block;
    color: white;
    background: #008571;
    border-top: 1px solid #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding: 12px 16px 13px 40px;
}

@media only screen and (min-width: 64em) {
    #main-nav li a {
        border-top: 0;
        font-weight: normal;
        padding: 14px 18px;
        /*border-right: 1px solid #fff;*/
    }
}

#main-nav li a:hover, #main-nav li a:active {
    background: #00b89c;
}

#main-nav li a.active {
    background: #50758a !important;
}

    #main-nav li a.active:hover {
        background: #668fa7 !important;
    }

@media only screen and (min-width: 64em) {
    #main-nav li:last-child {
        border-right: 0;
    }
}

.no-svg .nav-toggle {
    background: url(../images/siteFiles/bgMenu.png) no-repeat 9px center;
    padding-left: 43px !important;
}

    .no-svg .nav-toggle:hover {
        background: #50758a url(../images/siteFiles/bgMenu.png) no-repeat 9px center !important;
    }

.no-svg #hamburger {
    display: none;
}

#subNav {
    font-size: 1.25em;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #subNav {
        padding-bottom: 21px;
    }
}

@media only screen and (min-width: 64em) {
    #subNav {
        padding-bottom: 21px;
    }
}

#subNav li {
    text-transform: capitalize;
}

    #subNav li a {
        display: block;
        border-bottom: 2px solid #fff;
        padding: 11px 30px 11px 16px;
        color: white;
        background: #50758a;
    }

        #subNav li a:hover {
            background: #668fa7;
        }

        #subNav li a.active {
            background-color: #668fa7;
            background-image: url(../images/siteFiles/bgSubNavActive.png);
            background-position: 5px center;
            background-repeat: no-repeat;
        }

    #subNav li.parentList > a {
        color: #000;
        background-color: white;
    }

        #subNav li.parentList > a.active {
            background-image: url(../images/siteFiles/bgSubNavTopActive.png);
            background-position: 5px center;
            background-repeat: no-repeat;
        }

    #subNav li ul li.hasChildren a {
        color: white;
        background: #50758a url(../images/siteFiles/bgNavHasChildren.png) no-repeat 95% center;
    }

        #subNav li ul li.hasChildren a:hover {
            background-color: #668fa7;
        }

        #subNav li ul li.hasChildren a.active {
            background-color: #668fa7;
        }

    #subNav li ul li.hasChildren ul li a {
        border-bottom: 2px solid #50758a;
        color: #50758a;
        background: white;
        background-image: none;
    }

        #subNav li ul li.hasChildren ul li a.active {
            background-color: white;
            background-image: url(../images/siteFiles/bgSubNavHasChildrenActive.png);
            background-position: 5px center;
            background-repeat: no-repeat;
        }

        #subNav li ul li.hasChildren ul li a:hover {
            color: white;
            background-color: #668fa7;
        }

/*----------------------------------------------*/
/* Containers */
/*----------------------------------------------*/
#site {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

@media only screen and (min-width: 64em) {
    #site {
        width: 960px;
    }
}

@media only screen and (min-width: 64em) {
    #pageSlider + #mainContent #centerContent {
        padding-top: 20px;
    }
}

#pageTitle {
    margin-left: 10px;
}

    #pageTitle h1 {
        color: white;
        padding: 20px 27px;
        display: none;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #pageTitle h1 {
        display: block;
        /*margin-bottom: 18px*/;
    }
}

@media only screen and (min-width: 64em) {
    #pageTitle h1 {
        display: block;
        /*margin-bottom: 18px;*/
    }
}

#emergencyMessage {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 37px 10px 10px;
    position: relative;
    background-color: #eeefef;
    overflow: hidden;
}

    #emergencyMessage .marquee {
        width: 100%;
        height: auto;
    }

    #emergencyMessage div > div h4 {
        color: red;
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 1em;
    }

    #emergencyMessage div > div p {
        padding: 0;
        margin: 0;
        font-size: 1em;
    }

    #emergencyMessage div > div > * {
        display: inline-block;
    }

        #emergencyMessage div > div > * + * {
            margin-left: 5px !important;
        }

    #emergencyMessage a {
        display: block;
        text-indent: -9999px;
        position: absolute;
        width: 17px;
        height: 17px;
        z-index: 1;
        overflow: hidden;
        top: 10px;
        right: 10px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
        background: url("../images/siteFiles/icons/bgPlayPauseBlack.png") no-repeat right top;
    }

        #emergencyMessage a.marqueePlay {
            background-position: left top;
        }

#topBoxes {
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #topBoxes {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 64em) {
    #topBoxes {
        padding-bottom: 20px;
    }
}

#mainContent {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #mainContent {
        margin-right: 0;
    }
}

@media only screen and (min-width: 64em) {
    #mainContent {
        margin-right: 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #mainContent.contentPage {
        /* padding-top: 21px;*/
    }
}

@media only screen and (min-width: 64em) {
    #mainContent.contentPage {
        /* padding-top: 21px;*/
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #leftContent {
        float: left;
        display: inline;
        width: 31%;
    }
}

@media only screen and (min-width: 64em) {
    #leftContent {
        float: left;
        display: inline;
        width: 31%;
    }
}

#leftContent .boxBg {
    width: 100%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #leftContent .boxBg {
        float: none;
        display: block;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 64em) {
    #leftContent .boxBg {
        float: none;
        display: block;
        margin-bottom: 15px;
    }
}

#leftContent .boxBg .box {
    padding-right: 0;
}

#leftContent .boxBg + .boxBg {
    margin-left: 0;
}

#centerContent {
    padding: 20px 0 0 0;
}

    #centerContent.contentPage .header {
        padding-top: 0;
        font-size: 1.625em;
        line-height: 1em;
        margin: 0 0 .5em;
    }

    #centerContent h3 {
        font-size: 1.1875em;
        margin-bottom: 0.7em;
    }

    #centerContent a {
        font-weight: bold;
    }

    #centerContent ul {
        padding-bottom: 20px;
    }

        #centerContent ul li {
            background: url(../images/siteFiles/bgLi.png) no-repeat 0 7px;
            padding-left: 14px;
        }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent {
        float: right;
        display: inline;
        width: 66%;
        padding: 0 37px 0 0;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent {
        float: right;
        display: inline;
        width: 66%;
        padding: 0 37px 0 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.NoSibling {
        float: none;
        width: 100%;
        padding: 0 37px 0 17px;
        display: block;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.NoSibling {
        float: none;
        width: 100%;
        padding: 0 37px 0 17px;
        display: block;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingLeft {
        float: right;
        display: inline;
        width: 66%;
        padding: 0 37px 0 0;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingLeft {
        float: right;
        display: inline;
        width: 66%;
        padding: 0 37px 0 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingLeft h2, #centerContent.SiblingLeft p, #centerContent.SiblingLeft ul {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingLeft h2, #centerContent.SiblingLeft p, #centerContent.SiblingLeft ul {
        padding-left: 0px;
    }
}

#centerContent.SiblingLeft h3 {
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingLeft h3 {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingLeft h3 {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingRight h1 {
        padding-left: 17px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingRight h1 {
        padding-left: 17px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingRight {
        float: left;
        display: inline;
        width: 66%;
        padding: 0 6px 0 0;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingRight {
        float: left;
        display: inline;
        width: 66%;
        padding: 0 6px 0 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingRight h2, #centerContent.SiblingRight p, #centerContent.SiblingRight ul {
        padding-left: 17px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingRight h2, #centerContent.SiblingRight p, #centerContent.SiblingRight ul {
        padding-left: 17px;
    }
}

#centerContent.SiblingRight h3 {
    margin-bottom: 0.7em;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingRight h3 {
        padding-left: 17px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingRight h3 {
        padding-left: 17px;
    }
}

#centerContent.SiblingRight h4 {
    padding-bottom: 20px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent.SiblingRight h4 {
        padding-left: 17px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent.SiblingRight h4 {
        padding-left: 17px;
    }
}

#centerContent .header {
    padding-top: 0;
    font-size: 2.125em;
    line-height: 1em;
    margin: 0 0 .5em;
}

#centerContent .boxBg {
    width: 100%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg {
        width: 46%;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg {
        width: 46%;
    }
}

#centerContent .boxBg .box {
    padding-right: 0;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg .box {
        padding-right: 18px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg .box {
        padding-right: 18px;
    }
}

#centerContent .boxBg .header {
    padding-top: 0;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg .header, #centerContent .boxBg p, #centerContent .boxBg ul {
        padding-left: 0;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg .header, #centerContent .boxBg p, #centerContent .boxBg ul {
        padding-left: 0;
    }
}

#centerContent .boxBg ul {
    padding-bottom: 0;
}

    #centerContent .boxBg ul li {
        background: none;
        padding-left: 0;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg + .boxBg {
        margin-left: 4%;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg + .boxBg {
        margin-left: 4%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg:nth-child(4n) {
        margin-left: 2% !important;
        clear: none;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg:nth-child(4n) {
        margin-left: 2% !important;
        clear: none;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg:nth-child(3n) {
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg:nth-child(3n) {
        margin-left: 0 !important;
    }
}

#centerContent .boxBg .ribbon-right-main {
    padding-bottom: 0;
    padding-right: 0 !important;
    margin-left: 35%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #centerContent .boxBg .ribbon-right-main {
        margin-left: 0;
        padding-right: 0 !important;
        position: absolute;
        left: 18px;
        right: -3px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 64em) {
    #centerContent .boxBg .ribbon-right-main {
        margin-left: 0;
        padding-right: 0 !important;
        position: absolute;
        left: 18px;
        right: -3px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #rightContent {
        float: right;
        display: inline;
        width: 31%;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 64em) {
    #rightContent {
        float: right;
        display: inline;
        width: 31%;
        margin-right: 10px;
    }
}

#rightContent .boxBg {
    width: 100%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #rightContent .boxBg {
        margin-right: 10px;
        float: none;
        display: block;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 64em) {
    #rightContent .boxBg {
        margin-right: 10px;
        float: none;
        display: block;
        margin-bottom: 15px;
    }
}

#rightContent .boxBg .box {
    padding-right: 0;
}

#rightContent .boxBg .ribbon-right-main {
    padding-bottom: 0;
    padding-right: 0 !important;
    margin-left: 35%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #rightContent .boxBg .ribbon-right-main {
        margin-left: 0;
        padding-right: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    #rightContent .boxBg .ribbon-right-main {
        margin-left: 0;
        padding-right: 0 !important;
    }
}

#rightContent .boxBg + .boxBg {
    margin-left: 0;
}

#rightContent .eventInfo {
    padding-right: 5px;
}

#pageSlider + #mainContent #centerContent h1, #pageTitle + #mainContent #centerContent h1 {
    padding-top: 0;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .no-nav #centerContent h1 {
        /*padding-top: 22px;*/
    }
}

@media only screen and (min-width: 64em) {
    .no-nav #centerContent h1 {
        /* padding-top: 22px;*/
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #providerSearchResults {
        /* margin-left: 17px;*/
    }
}

@media only screen and (min-width: 64em) {
    #providerSearchResults {
        margin-left: 17px;
    }
}

/*----------------------------------------------*/
/* Footer */
/*----------------------------------------------*/
#footerHolder {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 64em) {
    #footerHolder {
        margin: 20px 10px 0 9px;
    }
}

#siteMapNavHolder {
    position: relative;
    background-color: #eeefef;
}

    #siteMapNavHolder .toggle-menu-expand {
        position: absolute;
        top: 0;
        padding-top: 11px;
        left: 18px;
        color: black;
        font-weight: bold;
        z-index: 10;
    }

@media only screen and (max-width: 42.125em) {
    #siteMapNavHolder .toggle-menu-expand {
        display: block;
        width: 95%;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder .toggle-menu-expand {
        display: none;
        padding-top: 0;
    }
}

#siteMapNavHolder #siteMapNav {
    /*background-color: $grey-background;*/
    padding: 10px 18px 0;
    position: relative;
}

@media only screen and (max-width: 42.125em) {
    #siteMapNavHolder #siteMapNav {
        min-height: 40px;
        padding: 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav {
        padding: 10px 18px 0;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav {
        padding: 22px 18px 0;
    }
}

#siteMapNavHolder #siteMapNav li {
    display: none;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li {
        display: block;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li {
        display: block;
    }
}

#siteMapNavHolder #siteMapNav li a {
    color: black;
    padding-left: 18px;
    display: block;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li a {
        padding-left: 0;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li a {
        padding-left: 0;
    }
}

#siteMapNavHolder #siteMapNav li a:hover {
    text-decoration: underline;
}

#siteMapNavHolder #siteMapNav li.sitemap-header {
    float: none;
    font-weight: bold;
    position: relative;
    border-top: 1px solid #fff;
    padding-bottom: 20px;
    margin-top: 40px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header {
        border-top: 0;
        float: left !important;
        display: block !important;
        width: 20%;
        margin-right: 1%;
        padding-bottom: 0;
        padding-left: 31px;
        margin-top: 0;
    }

        #siteMapNavHolder #siteMapNav li.sitemap-header:first-child {
            width: 15%;
        }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header {
        float: left !important;
        display: block !important;
        width: 181px;
        border-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
}

#siteMapNavHolder #siteMapNav li.sitemap-header + li {
    margin-top: 0;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header + li {
        padding-left: 0;
        margin-top: 0;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header + li {
        margin-top: 0;
    }
}

#siteMapNavHolder #siteMapNav li.sitemap-header ul {
    padding-top: 10px;
}

    #siteMapNavHolder #siteMapNav li.sitemap-header ul li {
        font-weight: normal;
        border-bottom: 0;
        padding-left: 0;
        padding-bottom: 5px;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li {
        display: none;
        font-weight: normal;
        border-bottom: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li {
        font-weight: normal;
        border-bottom: 0;
        padding-left: 0;
        display: block !important;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li:first-child {
        padding-top: 9px;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li:first-child {
        padding-top: 9px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li:last-child {
        padding-bottom: 28px;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li:last-child {
        padding-bottom: 28px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li a:before {
        content: "";
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header ul li a:before {
        content: "";
    }
}

#siteMapNavHolder #siteMapNav li.sitemap-header > a:first-child {
    padding-left: 18px;
    margin-top: 20px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header > a:first-child {
        border-bottom: 0;
        border-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        margin-top: 2px;
    }
}

@media only screen and (min-width: 64em) {
    #siteMapNavHolder #siteMapNav li.sitemap-header > a:first-child {
        border-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
}

#footerLinks {
    margin: 15px auto 0;
    text-align: center;
    width: 88%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #footerLinks {
        width: 68.35%;
    }
}

@media only screen and (min-width: 64em) {
    #footerLinks {
        width: 75.66%;
    }
}

#footerLinks a {
    color: black;
    display: inline-block;
    margin-bottom: 12px;
}

    #footerLinks a img {
        width: 15px;
    }

    #footerLinks a:last-child {
        margin-left: 11px;
    }

#footerLinks span.spacer {
    padding: 0 6px;
    display: inline-block;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #footerLinks span.spacer {
        padding: 0 8px;
    }
}

@media only screen and (min-width: 64em) {
    #footerLinks span.spacer {
        padding: 0 28px;
    }
}

#copyright {
    text-align: center;
}

#footerLogo {
    text-align: center;
}

    #footerLogo #footerImageHolder {
        width: 100%;
        margin: 0 auto;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #footerLogo #footerImageHolder {
        width: 154px;
    }
}

@media only screen and (min-width: 64em) {
    #footerLogo #footerImageHolder {
        width: 154px;
    }
}

#footerLogo #footerImageHolder img {
    width: 100%;
    max-width: 154px;
    margin: 0 auto;
}

/*============================================================================================*/
/* 3. MODULES */
/*============================================================================================*/
/*----------------------------------------------*/
/* Animations */
/*----------------------------------------------*/
/*----------------------------------------------*/
/* Box */
/*----------------------------------------------*/
.boxBg {
    background: url("../images/siteFiles/bgBoxBtmMobile.png") repeat-x left bottom;
    padding-bottom: 7px;
    margin-top: 20px;
}

@media only screen and (max-width: 42.125em) {
    .boxBg {
        height: auto !important;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .boxBg {
        float: left;
        width: 32%;
        display: inline;
        background: url("../images/siteFiles/bgBoxBtm.png") no-repeat right bottom;
        padding-bottom: 22px;
        margin-top: 0;
        margin-bottom: 25px;
        position: relative;
    }
}

@media only screen and (min-width: 64em) {
    .boxBg {
        float: left;
        width: 32%;
        display: inline;
        background: url("../images/siteFiles/bgBoxBtm.png") no-repeat right bottom;
        padding-bottom: 22px;
        position: relative;
        border: 0;
        margin-top: 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .boxBg + .boxBg {
        margin-left: 2%;
    }
}

@media only screen and (min-width: 64em) {
    .boxBg + .boxBg {
        margin-left: 2%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .boxBg:nth-child(4n) {
        margin-left: 0 !important;
        clear: left;
    }
}

@media only screen and (min-width: 64em) {
    .boxBg:nth-child(4n) {
        margin-left: 0 !important;
        clear: left;
    }
}

.boxBg .calltoaction a {
    font-weight: normal !important;
}

.box {
    border: 1px solid #eeefef;
    border-bottom: 0;
    padding: 20px 19px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box {
        border: 0;
        padding: 22px 18px 0;
        background: whitesmoke;
        /* IE6-9 */
        background: -moz-linear-gradient(top, whitesmoke 0%, white 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, white));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, whitesmoke 0%, white 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, whitesmoke 0%, white 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, whitesmoke 0%, white 100%);
        /* IE10+ */
        background: linear-gradient(top, whitesmoke 0%, white 100%);
        /* W3C */
        filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=whitesmoke, endColorstr=white)";
        /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=whitesmoke, endColorstr=white)";
        /* IE8 */
    }
}

@media only screen and (min-width: 64em) {
    .box {
        border: 0;
        padding: 22px 18px 0;
        background: whitesmoke;
        /* IE6-9 */
        background: -moz-linear-gradient(top, whitesmoke 0%, white 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, white));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, whitesmoke 0%, white 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, whitesmoke 0%, white 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, whitesmoke 0%, white 100%);
        /* IE10+ */
        background: linear-gradient(top, whitesmoke 0%, white 100%);
        /* W3C */
        filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=whitesmoke, endColorstr=white)";
        /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=whitesmoke, endColorstr=white)";
        /* IE8 */
    }
}

.box .header {
    margin: 0 0 .5em;
    font-size: 2.125em;
    line-height: 1em;
    text-transform: capitalize;
}

.box p {
    padding-bottom: 15px;
    padding-right: 10px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box p {
        padding-bottom: 20px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 64em) {
    .box p {
        padding-bottom: 20px;
        padding-right: 0;
    }
}

.box p.contact {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.box .blueButton, .box .button {
    padding-bottom: 0;
    padding-right: 0;
}

@media only screen and (min-width: 64em) {
    .box .blueButton, .box .button {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box .blueButton, .box .button {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 20px;
    }
}

.box .blueButton a, .box .button a {
    background-color: #50758a;
    display: block;
    text-align: center;
    color: white;
    font-family: "FocoBold";
    font-size: 1.125em;
    padding: 8px 0;
}

    .box .blueButton a:hover, .box .button a:hover {
        background-color: #668fa7;
    }

.box li.whatsNew {
    padding-bottom: 3px;
    margin-left: 2px;
}

    .box li.whatsNew a {
        font-weight: bold;
        background: url(../images/siteFiles/bgLi.png) no-repeat 0 7px;
        padding-left: 14px;
    }

        .box li.whatsNew a:hover {
            color: #000;
        }

    .box li.whatsNew:last-child {
        padding-bottom: 23px;
    }

.box li.quickLinks {
    vertical-align: top;
    padding: 0 0 17px 0;
}

    .box li.quickLinks a {
        font-weight: bold;
        display: block;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box li.quickLinks a {
        display: table;
    }
}

@media only screen and (min-width: 64em) {
    .box li.quickLinks a {
        display: table;
    }
}

.box li.quickLinks a img {
    margin-right: 8px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box li.quickLinks a img {
        display: table-cell;
    }
}

@media only screen and (min-width: 64em) {
    .box li.quickLinks a img {
        display: table-cell;
    }
}

.box li.quickLinks a span {
    vertical-align: middle;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .box li.quickLinks a span {
        display: table-cell;
    }
}

@media only screen and (min-width: 64em) {
    .box li.quickLinks a span {
        display: table-cell;
    }
}

.box li.social {
    margin-right: 18px;
    padding-bottom: 16px;
}

    .box li.social a {
        font-weight: bold;
        display: block;
        color: #fff;
        background: #afb0b2;
        /* IE6-9 */
        background: -moz-linear-gradient(top, #afb0b2 0%, #56595c 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afb0b2), color-stop(100%, #56595c));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #afb0b2 0%, #56595c 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #afb0b2 0%, #56595c 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #afb0b2 0%, #56595c 100%);
        /* IE10+ */
        background: linear-gradient(top, #afb0b2 0%, #56595c 100%);
        /* W3C */
        filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#afb0b2, endColorstr=#56595c)";
        /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#afb0b2, endColorstr=#56595c)";
        /* IE8 */
    }

        .box li.social a img {
            margin-right: 0;
            width: 38px;
        }

@media only screen and (min-width: 64em) {
    .box li.social a img {
        width: 51px;
    }
}

.box li.social a span {
    vertical-align: middle;
    padding: 0 5px;
    font-size: 0.875em;
}

@media only screen and (min-width: 64em) {
    .box li.social a span {
        font-size: 1.25em;
        padding: 0 21px;
    }
}

.box .newsArticleItem .newsInfo {
    float: right;
    width: 87%;
    padding-right: 10px;
}

    .box .newsArticleItem .newsInfo h3 {
        font-size: 1em;
    }

        .box .newsArticleItem .newsInfo h3 a {
            color: #000;
        }

    .box .newsArticleItem .newsInfo p {
        font-size: 0.875em;
        padding: 0;
        margin-bottom: 0;
    }

        .box .newsArticleItem .newsInfo p.calltoaction {
            padding-bottom: 15px;
        }

.box .newsArticleItem .newsImage {
    float: left;
    width: 10%;
    margin-right: 3%;
    display: inline;
}

.box .navigator h4 {
    font-size: 1em;
    padding-bottom: 20px;
    padding-right: 18px;
}

.box .navigator ul {
    padding-bottom: 20px;
    padding-right: 18px;
}

    .box .navigator ul li a {
        text-decoration: underline;
        display: block;
    }

    .box .navigator ul.formats {
        padding-bottom: 10px;
    }

        .box .navigator ul.formats li {
            padding-bottom: 15px;
        }

            .box .navigator ul.formats li a {
                text-decoration: none;
                font-weight: bold;
            }

            .box .navigator ul.formats li.webpage a {
                background: url(../images/siteFiles/icons/internal-link.gif) no-repeat left center;
                line-height: 24px;
                padding-left: 36px;
            }

            .box .navigator ul.formats li.adobepdf a {
                background: url(../images/siteFiles/icons/pdf-link.gif) no-repeat left center;
                line-height: 24px;
                padding-left: 36px;
            }

            .box .navigator ul.formats li.microsoftword a {
                background: url(../images/siteFiles/icons/doc-link.gif) no-repeat left center;
                line-height: 24px;
                padding-left: 36px;
            }

/*----------------------------------------------*/
/* Calendar */
/*----------------------------------------------*/
.eventDate {
    float: left;
    display: inline;
    border: 2px solid #008571;
    color: #008571;
    font-family: "FocoBold";
    padding: 3px 5px;
    text-align: center;
    text-transform: uppercase;
}

    .eventDate .month {
        font-size: 0.9375em;
        line-height: 0.9375em;
        display: block;
    }

    .eventDate .day {
        display: block;
        line-height: 0.875em;
        font-size: 1.5625em;
    }

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

    .eventInfo p {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

#rightContent .event {
    padding-bottom: 16px;
}

#rightContent .eventInfo {
    width: 70%;
}

#rightContent .eventDate {
    margin-right: 5%;
}

/*----------------------------------------------*/
/* Icons */
/*----------------------------------------------*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity .8 */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - magrins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;
}

.icon-search:before {
    content: '\e801';
}

/*----------------------------------------------*/
/* Marquee */
/*----------------------------------------------*/
div#pageSlider {
    position: relative;
    margin-right: 10px;
}

@media only screen and (min-width: 64em) {
    div#pageSlider {
        padding-right: 10px;
        margin-right: 0;
    }
}

div#pageSlider .figure {
    display: none;
}

div#pageSlider .flex-viewport #sliderContainer .figure {
    zoom: 1;
    position: relative;
}

    div#pageSlider .flex-viewport #sliderContainer .figure:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo {
        background: #333;
        color: white;
        padding: 18px 29px 13px 0;
        margin-left: 10px;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo {
        padding-bottom: 23px;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo {
        left: 11px;
        z-index: 2;
        top: 20px;
        width: 350px;
        position: absolute;
        height: 250px;
        padding: 21px 0;
        margin-left: 0px;
        background: transparent;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .bg {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -1px;
        right: 0;
        background: #000;
        zoom: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        width: 351px;
        height: 100%;
    }
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .header {
    font-size: 2.125em;
    line-height: 1.05em;
    padding-left: 16px;
    margin-bottom: .5em;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .header {
        float: left;
        display: inline;
        width: 55%;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .header {
        padding-left: 17px;
        padding-right: 17px;
        word-wrap: normal !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .figCaption {
    font-size: 1.125em;
    font-family: "FocoRegular";
    line-height: 1.25em;
    padding-left: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .figCaption {
        font-family: Calibri, "CalibriWeb", Arial, sans-serif;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .figCaption {
        float: right;
        display: inline;
        width: 45%;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo .figCaption {
        padding-left: 17px;
        padding-right: 17px;
    }
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo p.ribbon {
    margin-top: 20px;
    left: 1px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo p.ribbon {
        left: 1px;
        clear: left;
        width: 55%;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo p.ribbon {
        left: 0;
    }
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderInfo p.ribbon a {
    font-size: 18px;
    padding: 10px 20px;
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderImage {
    overflow: hidden;
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderImage {
        margin-left: 10px;
        position: static;
    }
}

div#pageSlider .flex-viewport #sliderContainer .figure .sliderImage img {
    min-width: 430px;
    min-height: 134px;
    width: 100%;
    margin-left: 10px;
}

@media only screen and (min-width: 64em) {
    div#pageSlider .flex-viewport #sliderContainer .figure .sliderImage img {
        margin-left: 0;
        margin-right: 0;
        max-width: 941px;
    }
}

div#pageSlider #pageSliderNav {
    position: absolute;
    bottom: 12px;
    left: 26px;
    z-index: 4;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider #pageSliderNav {
        text-align: center;
        width: 100%;
        left: 0;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider #pageSliderNav {
        width: 321px;
        bottom: 22px;
        left: 29px;
        z-index: 4;
    }
}

div#pageSlider #pageSliderNav .flex-pauseplay {
    float: left;
    display: inline;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider #pageSliderNav .flex-pauseplay {
        float: none;
        display: inline-block;
    }
}

div#pageSlider #pageSliderNav .flex-pauseplay a {
    width: 17px;
    height: 17px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/siteFiles/icons/bgSliderNav.png) no-repeat -21px top;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

    div#pageSlider #pageSliderNav .flex-pauseplay a.flex-play {
        background-position: left top;
    }

div#pageSlider #pageSliderNav .flex-control-paging {
    float: left;
    display: inline;
    margin-left: 11px;
    padding-top: 4px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    div#pageSlider #pageSliderNav .flex-control-paging {
        float: none;
        display: inline-block;
        padding-top: 4px;
    }
}

@media only screen and (min-width: 64em) {
    div#pageSlider #pageSliderNav .flex-control-paging {
        margin-left: 0;
        float: right;
        display: inline;
        padding-top: 0;
    }
}

div#pageSlider #pageSliderNav .flex-control-paging li {
    display: inline-block;
    margin-left: 0;
}

    div#pageSlider #pageSliderNav .flex-control-paging li + li {
        margin-left: 12px;
    }

    div#pageSlider #pageSliderNav .flex-control-paging li a {
        text-indent: -9999px;
        width: 9px;
        height: 13px;
        display: block;
        overflow: hidden;
        background-image: url(../images/siteFiles/icons/bgSliderNav.png);
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
        background-position: right -4px;
        background-repeat: no-repeat;
    }

@media only screen and (min-width: 64em) {
    div#pageSlider #pageSliderNav .flex-control-paging li a {
        height: 9px;
    }
}

div#pageSlider #pageSliderNav .flex-control-paging li a.flex-active {
    background-position: -42px -4px;
}

div#pageSlider #pageSliderNav .flex-control-paging li a:hover {
    background-position: -42px -4px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

html[xmlns] #sliderContainer {
    display: block;
}

* html #sliderContainer {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js #sliderContainer > .figure:first-child {
    display: block;
}

/*----------------------------------------------*/
/* Modal */
/*----------------------------------------------*/
#overlay {
    position: fixed;
    z-index: 1000;
    background-color: #000;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    display: none;
}

#modalHolder {
    position: fixed;
    z-index: 1001;
    top: -600px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
}

    #modalHolder #disclaimer {
        width: 91%;
        position: relative;
        padding: 45px 0 27px 27px;
        margin: 0 auto;
        text-align: left;
        border: 5px solid #008571;
        background-color: #fff;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #modalHolder #disclaimer {
        width: 80%;
    }
}

@media only screen and (min-width: 64em) {
    #modalHolder #disclaimer {
        width: 620px;
    }
}

#modalHolder #disclaimer .header {
    margin: 0 0 .5em;
    font-size: 2.125em;
    line-height: 1em;
    text-transform: capitalize;
}

#modalHolder #disclaimer .calltoaction {
    margin-top: 21px;
    margin-bottom: 0;
}

#modalHolder #disclaimer .ribbon-right-main {
    margin-right: -15px;
    margin-left: 10%;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #modalHolder #disclaimer .ribbon-right-main {
        margin-left: 45%;
    }
}

@media only screen and (min-width: 64em) {
    #modalHolder #disclaimer .ribbon-right-main {
        margin-left: 45%;
    }
}

#modalHolder #disclaimer .closeModal {
    position: absolute;
    z-index: 1003;
    right: 25px;
    top: 14px;
}

    #modalHolder #disclaimer .closeModal a {
        text-indent: -9999px;
        display: block;
        width: 33px;
        height: 32px;
        background: url(../images/siteFiles/icons/btnClose.jpg) no-repeat left top;
    }

/*----------------------------------------------*/
/* Ribbon */
/*----------------------------------------------*/
.ribbon {
    position: relative;
    background: #008571;
    clear: both;
}

    .ribbon a {
        background: #008571;
        color: white;
        font-family: "FocoBold";
        font-weight: normal;
        display: block;
        position: relative;
        padding: 12px 20px;
        font-size: 1.125em;
    }

        .ribbon a:after {
            content: url(../images/siteFiles/bgArrow.png);
            position: absolute;
            right: 12px;
        }

        .ribbon a:hover {
            background: #00b89c;
        }

.complementary-ribbon {
    background: #50758a;
}

    .complementary-ribbon a {
        background: #50758a;
    }

        .complementary-ribbon a:hover {
            background: #668fa7;
        }

.ribbon-left-main {
    margin-left: -10px;
}

    .ribbon-left-main:before {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        left: -11px;
        content: "";
        border-bottom: 10px solid transparent;
        border-right: 10px solid #00483d;
    }

.ribbon-right-main {
    margin-right: -10px;
}

    .ribbon-right-main:after {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        content: "";
        border-bottom: 10px solid transparent;
        border-left: 10px solid #00483d;
    }

.ribbon-full-main {
    margin-left: -10px;
}

    .ribbon-full-main:before {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        left: -11px;
        content: "";
        border-bottom: 10px solid transparent;
        border-right: 10px solid #00483d;
    }

    .ribbon-full-main:after {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        content: "";
        border-bottom: 10px solid transparent;
        border-left: 10px solid #00483d;
    }

.ribbon-left-complementary {
    margin-left: -10px;
}

    .ribbon-left-complementary:before {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        left: -11px;
        content: "";
        border-bottom: 10px solid transparent;
        border-right: 10px solid #3a5463;
    }

.ribbon-right-complementary {
    margin-right: -10px;
}

    .ribbon-right-complementary:after {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        content: "";
        border-bottom: 10px solid transparent;
        border-left: 10px solid #3a5463;
    }

.ribbon-full-complementary {
    margin-left: -10px;
}

    .ribbon-full-complementary:before {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        left: -11px;
        content: "";
        border-bottom: 10px solid transparent;
        border-right: 10px solid #3a5463;
    }

    .ribbon-full-complementary:after {
        display: block;
        width: 10px;
        height: 0px;
        position: absolute;
        bottom: -10px;
        right: -10px;
        content: "";
        border-bottom: 10px solid transparent;
        border-left: 10px solid #3a5463;
    }

@media only screen and (max-width: 42.125em) {
    #providerSearch.ribbon-left-main:before, #providerSearch.ribbon-left-complementary:before {
        border-bottom: 0;
        border-left: 0;
        bottom: 0;
        left: 0;
    }

    #providerSearch.ribbon-left-main a, #providerSearch.ribbon-left-complementary a {
        text-align: center;
        background: #50758a;
    }

        #providerSearch.ribbon-left-main a:hover, #providerSearch.ribbon-left-complementary a:hover {
            background: #668fa7;
        }

        #providerSearch.ribbon-left-main a:after, #providerSearch.ribbon-left-complementary a:after {
            content: "";
        }
}

@media only screen and (max-width: 42.125em) {
    #providerSearch.ribbon-right-main:after, #providerSearch.ribbon-right-complementary:after {
        border-bottom: 0;
        border-left: 0;
        bottom: 0;
        right: 0;
    }

    #providerSearch.ribbon-right-main a, #providerSearch.ribbon-right-complementary a {
        text-align: center;
        background: #50758a;
    }

        #providerSearch.ribbon-right-main a:hover, #providerSearch.ribbon-right-complementary a:hover {
            background: #668fa7;
        }

        #providerSearch.ribbon-right-main a:after, #providerSearch.ribbon-right-complementary a:after {
            content: "";
        }
}

@media only screen and (max-width: 42.125em) {
    #providerSearch.ribbon-full-main:before, #providerSearch.ribbon-full-complementary:before {
        border-bottom: 0;
        border-left: 0;
        bottom: 0;
        left: 0;
    }

    #providerSearch.ribbon-full-main:after, #providerSearch.ribbon-full-complementary:after {
        border-bottom: 0;
        border-left: 0;
        bottom: 0;
        right: 0;
    }

    #providerSearch.ribbon-full-main a, #providerSearch.ribbon-full-complementary a {
        text-align: center;
        background: #50758a;
    }

        #providerSearch.ribbon-full-main a:hover, #providerSearch.ribbon-full-complementary a:hover {
            background: #668fa7;
        }

        #providerSearch.ribbon-full-main a:after, #providerSearch.ribbon-full-complementary a:after {
            content: "";
        }
}

/*----------------------------------------------*/
/* Site Search */
/*----------------------------------------------*/
@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .site-search-header {
        padding-top: 22px;
    }
}

@media only screen and (min-width: 64em) {
    .site-search-header {
        padding-top: 22px;
    }
}

#searchResults .resultCount {
    background: #eeefef;
    padding: 5px 10px !important;
    margin-bottom: 0 !important;
}

    #searchResults .resultCount span {
        font-weight: bold;
    }

#searchResults .searchTitle {
    padding-top: 24px;
    font-size: 1.25em;
    margin-bottom: 0;
}

    #searchResults .searchTitle a {
        text-decoration: underline;
    }

#searchResults .searchTeaser {
    margin-bottom: 0;
}

#searchResults .searchUrl {
    margin-bottom: 0;
}

    #searchResults .searchUrl a {
        color: #008571;
        font-weight: normal;
    }

        #searchResults .searchUrl a:hover {
            text-decoration: underline;
        }

.sitePagination {
    padding-top: 30px;
}

    .sitePagination li {
        display: inline-block;
        padding-left: 0 !important;
        margin-bottom: 10px;
        background-image: none !important;
    }

        .sitePagination li a {
            padding: 5px 12px;
            text-decoration: underline;
        }

        .sitePagination li.currentPage a {
            background-color: #eeefef;
            color: #000;
            text-decoration: none;
        }

.providerResultsPagination {
    padding-bottom: 17px;
}

    .providerResultsPagination .resultsColumn {
        float: left;
        display: inline;
        margin-right: 3%;
        height: 29px;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerResultsPagination .resultsColumn {
        margin-right: 5%;
    }
}

@media only screen and (min-width: 64em) {
    .providerResultsPagination .resultsColumn {
        margin-right: 13%;
    }
}

.providerResultsPagination .resultsColumn:nth-child(4n) {
    margin-right: 0;
}

.providerResultsPagination .resultsColumn p {
    padding-left: 0 !important;
}

.providerResultsPagination .resultsColumn select {
    background-color: #eeefef;
    border: 0;
    font-size: 0.875em;
    padding: 3px 5px;
    line-height: 24px;
    margin-left: 5px;
}

    .providerResultsPagination .resultsColumn select:focus {
        background-color: #c1c1c1;
    }

.providerResultsPagination .resultsColumn .print {
    background: url(../images/siteFiles/icons/icnPrint.png) no-repeat left center;
    padding-left: 36px;
    display: block;
    line-height: 24px;
}

.providerResultsPagination .pageNumber {
    padding-top: 1px;
}

.providerResultsPagination .paginationControl {
    padding-top: 5px;
}

    .providerResultsPagination .paginationControl a {
        background-image: url(../images/siteFiles/icons/icnProviderSearchNav.png);
        background-repeat: no-repeat;
        text-indent: -99999px;
        display: block;
        height: 13px;
        float: left;
    }

        .providerResultsPagination .paginationControl a.pageNavFirst {
            width: 12px;
            background-position: left top;
        }

        .providerResultsPagination .paginationControl a.pageNavPrev {
            width: 7px;
            background-position: -27px top;
            margin-left: 15px;
        }

        .providerResultsPagination .paginationControl a.pageNavNext {
            width: 7px;
            background-position: -47px top;
            margin-left: 13px;
        }

        .providerResultsPagination .paginationControl a.pageNavLast {
            width: 12px;
            background-position: right top;
            margin-left: 14px;
        }

.providerresult {
    border: 1px solid #eeefef;
    background: #fafafa;
    padding: 18px;
    margin-bottom: 19px;
}

    .providerresult .moreInfo img {
        vertical-align: middle;
    }

    .providerresult h3.providerName {
        margin-bottom: 0 !important;
        padding-bottom: 5px;
        font-size: 1.25em;
    }

        .providerresult h3.providerName span {
            vertical-align: middle;
        }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult h3.providerName {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult h3.providerName {
        padding-left: 0 !important;
    }
}

.providerresult h3.providerName a {
    margin-left: 4px;
}

.providerresult h4.providerSpecialty {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    font-size: 1em;
}

    .providerresult h4.providerSpecialty span {
        vertical-align: middle;
    }

    .providerresult h4.providerSpecialty a {
        margin-left: 4px;
    }

.providerresult p {
    font-size: 1em;
    margin-bottom: 0 !important;
}

    .providerresult p.addressInfo {
        padding-top: 16px !important;
        padding-bottom: 0 !important;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult p.addressInfo {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult p.addressInfo {
        padding-left: 0 !important;
    }
}

.providerresult p.phoneInfo {
    padding-top: 0 !important;
    padding-bottom: 16px !important;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult p.phoneInfo {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult p.phoneInfo {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult p.button {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult p.button {
        padding-left: 0 !important;
    }
}

.providerresult p.button a {
    background-color: #50758a;
    display: block;
    text-align: center;
    color: white;
    font-family: "FocoBold";
    font-weight: normal !important;
    font-size: 1.125em;
    padding: 8px 0;
}

    .providerresult p.button a:hover {
        background-color: #668fa7;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult .providerColumn {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult .providerColumn {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult .providerColumn + .providerColumn {
        margin-left: 2%;
        float: right;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult .providerColumn + .providerColumn {
        margin-left: 2%;
        float: right;
    }
}

.providerresult .providerDetails {
    padding-top: 16px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult .providerDetails {
        padding-top: 0;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult .providerDetails {
        padding-top: 0;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult .providerDetails p.details {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 64em) {
    .providerresult .providerDetails p.details {
        padding-left: 0 !important;
    }
}

.providerresult .providerDetails p.details span {
    float: left;
    display: inline;
    width: 92%;
    vertical-align: top;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .providerresult .providerDetails p.details span {
        width: 82%;
    }
}

.providerresult .providerDetails p.details a {
    margin-right: 7px;
    float: left;
    display: inline;
    width: 13px;
    margin-top: 2px;
}

#providerSearchForm .providerSearchType {
    padding: 20px 13px;
    border: 1px solid #eeefef;
    background: #fafafa;
    margin-bottom: 18px;
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    #providerSearchForm .providerSearchType {
        margin-left: 17px;
    }
}

@media only screen and (min-width: 64em) {
    #providerSearchForm .providerSearchType {
        margin-left: 17px;
    }
}

#providerSearchForm .providerSearchType h3 {
    padding-left: 0 !important;
    font-size: 1.25em;
}

#providerSearchForm .providerSearchType .formHelp {
    font-style: italic;
    padding-left: 0 !important;
}

#providerSearchForm .providerSearchType .inputHolder input[type=text] {
    background-color: #fff;
    border: 1px solid #575e63;
}

#providerSearchForm .providerSearchType .inputHolder .buttonMain {
    background-color: #50758a;
    font-size: 1.25em;
    font-weight: bold;
    color: white;
    border: 0;
    padding: 8px 24px;
    cursor: pointer;
    cursor: hand;
    display: block;
    width: 100%;
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top {
        position: fixed;
        top: 25%;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 600;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top {
        position: fixed;
        bottom: 50px;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 600;
    }
}

@media only screen and (min-width: 64em) {
    .position-fixed-top {
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
    }
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top .back-to-top-holder {
        position: relative;
        margin: 0 auto;
        width: 69%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top .back-to-top-holder {
        position: relative;
        margin: 0 auto;
        width: 39%;
        min-width: 265px;
    }
}

@media only screen and (min-width: 64em) {
    .position-fixed-top .back-to-top-holder {
        position: relative;
        margin: 0 auto;
        width: 960px;
        text-align: left;
    }
}

@media only screen and (min-width: 64em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top {
        position: absolute;
        position: absolute;
        z-index: 600;
        right: 10px;
        left: 67%;
        bottom: 0;
    }
}

.position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top {
    padding-left: 0 !important;
}

@media only screen and (min-width: 64em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top {
        margin-left: 22px;
    }
}

.position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top a {
    font-weight: normal !important;
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon {
        background: rgba(0, 0, 0, 0.5) !important;
        background: transparent\9 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
        zoom: 1;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon {
        background: rgba(0, 0, 0, 0.5) !important;
        background: transparent\9 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
        zoom: 1;
    }
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon a {
        background: rgba(0, 0, 0, 0.5) !important;
        background: transparent\9 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
        zoom: 1;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon a {
        background: rgba(0, 0, 0, 0.5) !important;
        background: transparent\9 !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000) \9;
        zoom: 1;
    }
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon a:hover {
        background: black !important;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon a:hover {
        background: black !important;
    }
}

@media only screen and (max-width: 42.125em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon.ribbon-right-main:after {
        border-bottom: 0 !important;
        border-left: 0 !important;
        bottom: 0 !important;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 0 !important;
        width: 0 !important;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon.ribbon-right-main:after {
        border-bottom: 0 !important;
        border-left: 0 !important;
        bottom: 0 !important;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 0 !important;
        width: 0 !important;
    }
}

.position-fixed-top .back-to-top-holder .position-absolute-top p.back-to-top.ribbon a:after {
    content: url("../images/siteFiles/bgArrowUp.png") !important;
    top: 1em;
}

/*----------------------------------------------*/
/* Forms */
/*----------------------------------------------*/
.required {
    color: #da3b30;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    display: block;
}

    .validation-summary-errors h4 {
        color: #da3b30;
        padding-bottom: 25px;
    }

    .validation-summary-errors ul {
        display: none;
    }

.field-validation-error {
    font-size: 0.75em;
    color: #da3b30;
}

    .field-validation-error ~ label {
        color: #da3b30;
    }

    .field-validation-error ~ input[type=text] {
        color: #da3b30;
        background-color: #da3b30;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .column {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 64em) {
    .column {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .column + .column {
        margin-left: 2%;
        float: right;
    }
}

@media only screen and (min-width: 64em) {
    .column + .column {
        margin-left: 2%;
        float: right;
    }
}

.formRow {
    padding-bottom: 16px;
}

    .formRow label {
        display: block;
        padding-bottom: 3px;
    }

    .formRow input[type=text] {
        background-color: #eeefef;
        border: 0;
        width: 100%;
        display: block;
        font-size: 0.875em;
        padding: 3px 5px;
        line-height: 24px;
    }

        .formRow input[type=text]:focus {
            background-color: #c1c1c1;
        }

    .formRow select {
        background-color: #eeefef;
        border: 0;
        width: 100%;
        display: block;
        font-size: 0.875em;
        padding: 3px 5px;
        line-height: 24px;
    }

        .formRow select:focus {
            background-color: #c1c1c1;
        }

    .formRow textarea {
        height: 115px;
        background-color: #eeefef;
        border: 0;
        width: 100%;
        display: block;
        padding: 3px 5px;
        overflow: hidden;
        font-family: Calibri, "CalibriWeb", Arial, sans-serif;
    }

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .formRow.two-col .inputHolder {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 64em) {
    .formRow.two-col .inputHolder {
        float: left;
        display: inline;
        width: 48%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .formRow.two-col .inputHolder + .inputHolder {
        margin-left: 2%;
        float: right;
    }
}

@media only screen and (min-width: 64em) {
    .formRow.two-col .inputHolder + .inputHolder {
        margin-left: 2%;
        float: right;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .formRow.one-third-col .inputHolder {
        float: left;
        display: inline;
        width: 38%;
    }
}

@media only screen and (min-width: 64em) {
    .formRow.one-third-col .inputHolder {
        float: left;
        display: inline;
        width: 38%;
    }
}

@media only screen and (min-width: 42.1875em) and (max-width: 63.9375em) {
    .formRow.one-third-col .inputHolder + .inputHolder {
        margin-left: 2%;
        width: 60%;
        float: right;
    }
}

@media only screen and (min-width: 64em) {
    .formRow.one-third-col .inputHolder + .inputHolder {
        margin-left: 2%;
        width: 60%;
        float: right;
    }
}

.field-validation-error ~ label {
    color: #da3b30;
}

.field-validation-error ~ input[type=text], .field-validation-error ~ textarea, .field-validation-error ~ select {
    color: white;
    background-color: #da3b30;
}

.fullWidth {
    clear: both;
}

.buttonActions {
    clear: both;
    text-align: center;
}

    .buttonActions input {
        display: inline-block;
        border: 0;
        padding: 8px 24px;
        cursor: pointer;
        cursor: hand;
    }

        .buttonActions input.buttonMain {
            background-color: #50758a;
            font-size: 1.25em;
            font-weight: bold;
            color: white;
        }

        .buttonActions input.buttonAlternate {
            background-color: #eeefef;
            font-size: 1.25em;
            font-weight: bold;
            color: black;
        }

        .buttonActions input + input {
            margin-left: 12px;
        }

/*----------------------------------------------*/
/* Social */
/*----------------------------------------------*/
/*----------------------------------------------*/
/* Table */
/*----------------------------------------------*/
.rating {
    float: left;
}

    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position: absolute;
        top: -9999px;
        clip: rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        line-height: 1.2;
        color: #ddd;
    }

        .rating:not(:checked) > label:before {
            content: '? ';
        }

    .rating > input:checked ~ label {
        color: #f70;
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: #f70;
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }

/* end of Lea's code */

/*
 * Clearfix from html5 boilerplate
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */


/* my stuff */
#status, button {
    margin: 20px 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .searchDropdownPlan {
        width: 288px !important;
        margin-bottom: 7%;
    }

    .select-your-plan {
        width: 288px !important;
    }

    .borderZipTXT {
        width: 288px !important;
    }

    .valueProviderTXT {
        width: 288px !important;
    }

    .btn {
        width: 288px !important;
    }
}