.topbar {
    background-color: #008aab;
}

.containerPadding {
    padding: .5em;
}

.bgFooter {
    color: #fff;
    min-height: 12em;
    background-color: #000;
    background-image: -moz-linear-gradient(top, #535755, #000);
    background-image: -webkit-linear-gradient(top, #535755, #000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#535755), to(#000));
    background-image: -ms-linear-gradient(top, #535755, #000);
    background-image: -o-linear-gradient(top, #535755, #000);
    background-image: linear-gradient(top, #535755, #000);
    padding-top: .75em;
    padding-bottom: .75em;
}

    .bgFooter a {
        /*color:#FED105;*/
        color: #04C0FF;
    }

.footerContainers {
    background-color: #5E5755;
    background-image: -moz-linear-gradient(top, #8C8380, #5E5755);
    background-image: -webkit-linear-gradient(top, #8C8380, #5E5755);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C8380), to(#5E5755));
    background-image: -ms-linear-gradient(top, #8C8380, #5E5755);
    background-image: -o-linear-gradient(top, #8C8380, #5E5755);
    background-image: linear-gradient(top, #8C8380, #5E5755);
}




#txtSrch {
    /*width:70%;
    float:left;*/
    border: solid 4px #77c043;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: none;
}

.srchBox {
    height: 40px !important;
}

.srchButton {
    /*float:left;*/
    padding-top: .22em!important;
    padding-bottom: .26em!important;
    border: solid 4px #77c043 !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: none;
    background-color: rgba(51, 51, 51, 0.8) !important;
    height: 40px;
}

    .srchButton:hover {
        background-color: #528EA6 !important;
    }

.bgHr {
    background-color: rgba(51, 51, 51, 0.8);
    color: #fff;
    padding-left: .25em;
    padding-right: .25em;
    margin-bottom: 0;
}

.btnNav {
    background-color: #77c043 !important;
}

    .btnNav:hover {
        background-color: #64a139 !important;
    }

/*Orbital Slider Styles*/
/*.orbit-prev
{
   background-color: rgba(51, 51, 51, 0.8)
}

.orbit-next{
    
}*/

.orbit-container {
    border-radius: 5px;
}


.orbitheight {
    min-height: 200px;
}

.nextOrbit, .prevOrbit {
    top: 80% !important;
}



ul.off-canvas-list li a {
    background-color: #333;
    border-bottom: medium none;
    border-top: 1px solid #262626;
}

    ul.off-canvas-list li a:hover {
        background-color: #0d90B3;
    }

ul.off-canvas-list li .links a {
    border-top: medium none !important;
    font-size: .9em;
    /*margin-top:-2em;*/
    line-height: 2.2em;
}

    ul.off-canvas-list li .links a:hover {
        background-color: #333;
    }


ul.off-canvas-list li a.topics {
    /*background-image:url(../images/plus.png);*/
    background-position: right center;
    background-repeat: no-repeat;
}

.dlperforms dd > a {
    background-color: rgb(0, 140, 186) !important;
    color: #fff;
}

.accordion .content.active {
    background-color: #0D90B3;
    display: block;
}

.pperforms {
    background-color: rgb(124, 185, 206) !important;
    display: block;
}



.accordion dd.active a {
    background-color: #0D90B3;
}

.button {
    font-size: 1.1rem;
}

.f-dropdown {
    max-width: 245px;
    /*border-width:3px;
	border-radius:3px;*/
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: rgba(51, 51, 51, .95) !important;
    color: #fff  !important;
}

    .f-dropdown li {
        font-size: 1rem;
    }

        .f-dropdown li a {
            color: #fff  !important;
        }

            .f-dropdown li a:hover {
                color: rgb(28, 145, 168)  !important;
            }

.ddlMain {
    box-shadow: 2px 4px 8px #888888;
}

/*TILT*/
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .tilt:hover {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

/* animate Home page logo */
.animateLoad {
    margin: 0;
    transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-name: fadeAndScale;
    -webkit-animation-name: fadeAndScale;
    -moz-animation-name: fadeAndScale;
    -o-animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
    -webkit-animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
    -moz-animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
    -o-animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
}

@keyframes fadeAndScale {
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes fadeAndScale { /* Safari and Chrome */
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes fadeAndScale { /* Firefox */
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes fadeAndScale { /* Opera */
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* hover pop logo */
@-webkit-keyframes pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.pop {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}

    .pop:active, .pop:focus, .pop:hover {
        -webkit-animation-name: pop;
        animation-name: pop;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* START question-answer expanding text */
.qa-section {
    margin-left: 2px;
    margin-top: -5px;
}

    .qa-section h3 {
        background-color: lightgray;
        padding: 4px 0px 4px 4px;
        margin-bottom: -0px;
        margin-right: 30px;
    }

    /*show only one - with bullet*/
    .qa-section h4 {
        font-size: 1rem;
        font-style: normal;
        background: url('../images/bullet.png') no-repeat;
        padding-left: 12px;
        display: block;
        background-position: left center;
        margin-left: 2px;
    }

/*show only one - no bullet*/
.qa-sectionNB {
    margin-left: 2px;
    margin-top: -5px;
}

.qa-sectionNB h4 {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #008cba;
     cursor: pointer;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-size: 1.125rem;
    /*  background: url('../images/bullet.png') no-repeat;
        padding-left: 12px;
        display: block;
        background-position: left center;
        margin-left: 2px;*/
}

.qa-sectionNB blockquote {
    margin-left: 0px;
    padding-right: 10px;
    padding-bottom: 2px;
    /*margin-top: -15px;*/
    border: none;
}

.qa-showHideNB /* - more info   formatting */ {
    font-size: .8rem;
    font-style: italic;
    color: #008cba;
}


/*leave open until closed*/
.qa-section dfn {
    font-size: 1rem;
    font-style: normal;
    margin-bottom: -15px;
    margin-right: 30px;
}

.qa-section ul {
    margin-left: 10px;
}

    .qa-section ul li {
        margin-left: 1px;
        margin-bottom: -15px;
    }

.qa-section blockquote {
    margin-left: 0px;
    padding-right: 10px;
    padding-bottom: 2px;
    /*margin-top: -15px;*/
    border: none;
}

    .qa-section blockquote ul {
        margin-left: 7px;
    }

        .qa-section blockquote ul li {
            margin-left: 20px;
            list-style-type: disc;
            margin-bottom: 0px;
        }

.qa-showHide /* - more info   formatting */ {
    font-size: .8rem;
    font-style: italic;
    color: #008cba;
}

.qa-button {
    background: #2C89EF;
    color: white;
    font: 'trebuchet ms', trebuchet;
    padding: 10px 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border: 0 none;
    font-weight: bold;
}

.qa-lblSearch {
    background: #2C89EF;
    color: white;
    font-size: .9em;
    font: 'trebuchet ms', trebuchet;
    padding: 5px 10px 8px;
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    border: 0 none;
    /*font-weight: bold;*/
    /*margin-top: -10px;*/
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 10px;
}

#qa-searchBox {
    background: #eee;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
    border: 0 none;
    width: 210px;
    /*margin-top: 10px;*/
    margin-bottom: 20px;
    margin-right: 20px;
}
/* END question-answer expanding text */

/* START color backgrounds */
.bgBlueGray {
    background-color: #707b7b;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgBlueGray:hover {
        background-color: #929A9A;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgBlueGreen {
    background-color: #699c9b;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgBlueGreen:hover {
        background-color: #8AB3B1;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgBrown {
    background-color: #884e38;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgBrown:hover {
        background-color: #AC6246;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgDarkGray {
    background-color: #4d4d4d;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgDarkGray:hover {
        background-color: #7A7B7E;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgDarkerBlue {
    background-color: #008aab;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgDarkerBlue:hover {
        background-color: #65a4b9;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgGold {
    background-color: #ffd400;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgGold:hover {
        background-color: #FFDD5D;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgGray {
    background-color: #b1b3b6;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgGray:hover {
        background-color: #C7C9CB;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgGreen {
    background-color: #77c043;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgGreen:hover {
        background-color: #99CD6E;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgLighterBlue {
    background-color: #25cad3;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgLighterBlue:hover {
        background-color: #7ACFD7;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgOrange {
    background-color: #df8c19;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgOrange:hover {
        background-color: #E9A551;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgRust {
    background-color: #b23516;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgRust:hover {
        background-color: #E65733;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }

.bgTan {
    background-color: #d3cab7;
    /* border: solid 1px #E8B20C;
    box-shadow: inset 0px 0px 0px 1px #E8B20C;*/
}

    .bgTan:hover {
        background-color: #DDD8C8;
        /* box-shadow: inset 0px 0px 0px 1px #008aab;*/
    }
/* END color backgrounds */

.tileLabel {
    font-weight: normal;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    /*white-space: nowrap;*/
    display: inline-block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    /*padding: 0.25rem 0.5rem 0.375rem;*/
    font-size: 0.85rem;
    /*background-color: #008cba;
  color: white; */
}

.contactBlock {
    padding: 10px;
    background-color: rgba(112,123,123,.15);
    /*border-style: solid;
    border-color: black;
    border-width: 1px;*/
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 2px 4px 8px rgba(112,123,123,100);
    -moz-box-shadow: 2px 4px 8px rgba(112,123,123,100);
    -webkit-box-shadow: 2px 4px 8px rgba(112,123,123,100);
}

label.inFieldLabel {
    margin-top: .5rem !important;
}

.dirBlock {
    box-shadow: 2px 4px 8px rgba(112,123,123,100);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    background-color: rgba(112,123,123,.15);
    border-radius: 5px;
}


/*START dining site image map rollovers*/
.diningSites {
    width: 450px;
    height: 399px;
    position: relative;
}

.haines {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 94px;
    left: 229px;
    background: url(fake.jpg);
}

.bartow {
    width: 22px;
    height: 26px;
    position: absolute;
    top: 240px;
    left: 107px;
    background: url(fake.jpg);
}

.auburndale {
    width: 19px;
    height: 22px;
    position: absolute;
    bottom: 250px;
    right: 293px;
    background: url(fake.jpg);
}

.eaglelake {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 206px;
    left: 142px;
    background: url(fake.jpg);
}

.eloise {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 168px;
    left: 182px;
    background: url(fake.jpg);
}

.ftmeade {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 307px;
    left: 138px;
    background: url(fake.jpg);
}

.mulberry {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 237px;
    left: 46px;
    background: url(fake.jpg);
}

.lakewales {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 235px;
    left: 240px;
    background: url(fake.jpg);
}

.winterhaven1 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 157px;
    left: 148px;
    background: url(fake.jpg);
}

.winterhaven2 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 164px;
    left: 161px;
    background: url(fake.jpg);
}

.lakeland1 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 140px;
    left: 85px;
    background: url(fake.jpg);
}

.lakeland2 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 156px;
    left: 74px;
    background: url(fake.jpg);
}

.lakeland3 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 151px;
    left: 58px;
    background: url(fake.jpg);
}

.lakeland4 {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 135px;
    left: 70px;
    background: url(fake.jpg);
}

    .haines span, .auburndale span, .bartow span, .eaglelake span, .eloise span, .ftmeade span,
    .mulberry span, .lakewales span, .winterhaven1 span, .winterhaven2 span, .lakeland1 span,
    .lakeland2 span, .lakeland3 span, .lakeland4 span {
        margin-left: 20px;
        width: 15em;
        color: black;
        background: #333333;
        padding: 3px;
        border-width: thin;
        border-color: #ffd400;
        border-bottom: dotted 1px #cccccc;
        color: white;
        display: none;
    }

    .haines:hover span, .auburndale:hover span, .bartow:hover span, .eaglelake:hover span, .eloise:hover span,
    .ftmeade:hover span, .mulberry:hover span, .lakewales:hover span, .winterhaven1:hover span, .winterhaven2:hover span,
    .lakeland1:hover span, .lakeland2:hover span, .lakeland3:hover span, .lakeland4:hover span {
        display: block;
    }

/*END dining site image map rollovers*/

span.fontsmall p {
    font-size: 80%;
}


.banner{
     background:url('../unitedway/images/unitedwaybnr.png');
     background-size:cover;
     min-height:350px;
}

.waitTime{
    width:6rem;
    height:6rem;
    padding-top:2.5rem;
    color:#fff;
    font-size:2.5rem;
}

.uwlinks{
width:100%;margin-bottom:0;padding:0 .75rem;color:#fff;
     }

.uwlinks:hover{text-decoration:underline;}