﻿.body2 {
    background-position: top;
    background-color: #fff;
    margin: 0px;
    padding: 0px !Important;
    color: #363636;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 90%;
}


.noresults{
font-size:130%;
}


.mmbuts{
font-size:95%;width:83px !important;text-align:center;margin:0 0 0 4px !important;padding:2px 0px 2px 0px !important;
}

.lbtitleenhance{
line-height:100%;text-align:center;font-size:150%;margin-bottom:2px;margin-top:10px;font-family:'Oswald',sans-serif;
}

.ulTP {
    margin: 0;
    padding: 0;
}

#thebod a:link {
    color: #0069C2;
}

#thebod a:visited {
    color: #4ca7e0;
}

#thebod a:active {
    color: #0069C2;
}

#thebod a:hover {
    color: #019fbc;
}

#LOL {
    background-color: #f6f0e0;
    padding: 30px 0 50px 0;
}

    #LOL .botcontainer {
        max-width: 712px;
        margin: 0 auto 0 auto;
    }

    #LOL .botcontainer2 {
        max-width: 1100px;
        margin: 0 auto 0 auto;
    }

    #LOL .column_maps {
        max-width: 650px;
        float: left;
    }

    #LOL .column_events {
        max-width: 322px;
        float: left;
        padding: 0 0 0 15px;
    }

    #LOL .column_title {
        font-size: 190%;
        text-align: center;
        margin-bottom: 5px;
    }

    #LOL .column_title2 {
        font-size: 190%;
        margin: 4px 0 5px 50px;
    }

    #LOL .thumb {
        max-width: 125px;
        margin-right: 10px;
    }

    #LOL .spacer {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #d8d8d8;
        margin: 10px 0 10px 0;
    }

.seeall {
    background-position: right 7px;
    float: right;
    background-image: url('/15/images/dbl_arrow_rt.png');
    background-repeat: no-repeat;
    padding-right: 12px;
    position: relative;
    top: -33px;
}

.seeall2 {
    background-position: 59px 2px;
    background-image: url('/15/images/dbl_arrow_rt.png');
    background-repeat: no-repeat;
    position: relative;
    left: 270px;
    top: -34px;
}

.layoflandmap {
}

.prt_hdr {
    text-align: center;
    font-size: 140%;
}

.anchor {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

.clearflt {
    clear: both;
}

a.nfpop {
    position: relative; /*this is the key*/
    z-index: 24;
    font-weight: normal;
    padding-top: -8px;
    padding-bottom: -8px;
}

    a.nfpop:visited {
        position: relative; /*this is the key*/
        z-index: 24;
    }

    a.nfpop:hover {
        z-index: 25;
    }

    a.nfpop span {
        display: none;
    }

    a.nfpop:hover span {
        /*the span will display just on :hover state*/
        font-family: 'Karla', sans-serif !Important;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
        line-height: 120%;
        left: 150px;
        top: -30px;
        width: 300px;
        position: absolute;
        padding-left: 18px;
        padding-top: 13px;
        padding-right: 11px;
        padding-bottom: 11px;
        text-align: left;
        font-weight: normal;
        font-size: 80%;
        z-index: 20000;
        visibility: visible;
        background-color: #f0eee6;
        border: 1px solid #dddddd;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
    }

.warningbox {
    margin-bottom: 5px;
    padding: 5px;
    color: #fff;
    background-color: #a33f36;
}


.warningboxyellow {
    margin-bottom: 5px;
    padding: 5px;
    color: #fff;
  
}

.leftmenusecsize {
    max-width: 200px;
    width: 200px;
    padding-right: 0px;
    font-size: 121%;
}

.bodyarea {
    padding-top: 2px;
}

/*special deals on regular page*/

#PLW {
    margin-top: 10px;
}

    #PLW td tr table {
    }

    #PLW .sdrow {
        margin-bottom: 15px;
        float: left;
        max-width: 400px;
        margin-right: 30px;
    }

    #PLW .packagename2 {
        font-weight: bold;
        font-size: 90%;
    }

a.packagename3:link {
    font-weight: normal;
    font-size: 120% !Important;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    color: #333 !Important;
    text-transform: uppercase;
    margin-bottom:4px;
    line-height:103%;
}

a.packagename3:hover {
    text-decoration: underline;
}

.advancedbutton {
    font-size: 90%;
}

#PLW .textcontain {
    margin: 13px 0 5px 0px;
}

#PLW .textcontain2 {
    margin: 13px 10px 5px 0px;
}

#PLW .line {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    padding-top: 5px;
}

#PLW .lineT {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    padding-top: 5px;width:32%;
}

#PLW .more {
    background-color: #ef6421 !Important;
    font-size: 75%;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
}

#PLW .moreM {
    background-color: #ef6421;
    padding: 1px 2px 1px 2px;
    text-decoration: none;color:#fff !Important;
}

.formfield2plw {
    border: 1px solid #C0C0C0;
    padding: 2px;
    font-size: 100%;
    background-color: #EFEFEF;
    margin-top: 5px;
}

.valdate2 {
    font-weight: normal;
    font-size: 80%;
    color: #888;
}

#PLW .packageintro2 {
    font-size: 85%;
    margin-top: 0px;
}

#PLW .packageimg {
    width: 110px;
    margin-top: 14px;
}


.packagedatetext{
    text-transform: uppercase;
    font-size: 95%;
    color: #0069c2;
    font-weight: bold;
    margin-bottom:5px;
}






.packageimgM {
    max-width: 150px;
    margin: 4px 0 0px 5px;
}

#PLW .dealsdelin {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #808080;
    margin-top: 30px;
}

#PLW .showing {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 110%;
}

#PLW a.refineresults:link {
    text-align: center;
    text-decoration: none;
    color: #363636;
}

.packageulM {
    margin: 10px 10px 10px 25px;
    padding: 0;
}

.liMB {
    margin: 0 0 7px 0;
    padding: 0;
}

.distancewarn2 {
    background-color: #b23425;
    color: #fff;
    padding: 2px 5px 2px 5px;
    margin: 0 auto 0 auto;
    width: 450px;
    font-size: 85%;
    text-align: center;
}

.w510 {
    width: 510px;
}

/* Member Details NEW */

.pagemiddleMD { /* main part of body on  secondaary master*/
    margin-top: 0px;
    width: 100%;
    margin-bottom: 0px;
    max-width: 814px;
}

/*MBDETnav=Member details page special navigation */
#MBDETnav {
    margin-bottom: 10px;
    margin-top: 35px;
}

    #MBDETnav .navpunchout {
        padding: 4px 4px 4px 4px;
        background-color: #e6e6e6;
    }

    #MBDETnav a.linkit {
        font-size: 90% !Important;
        text-decoration: none;
        color: #333;
    }

        #MBDETnav a.linkit:hover {
            font-size: 90% !Important;
            text-decoration: underline;
            color: #333;
        }

    #MBDETnav .sep {
        font-size: 80% !Important;
        color: #888;
    }

#MD h1 {
    margin: 0 0 10px 0;
}

#MD .thingsdoUL {
    font-size: 90% !Important;
    margin: 0;
    padding: 0;
    font-family: 'Karla', sans-serif;
    font-weight: normal;
}

#MD .thingsdoLI {
    list-style-type: none;
    padding: 0 0 3px 0;
    margin: 0px 0px 5px 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999;
}

#MD .thingsknowprompt {
    margin: 40px 0 2px 0;
    font-size: 110%;
    font-family: 'Oswald', sans-serif;
}

.marginbot10 {
    margin-bottom: 10px;
}

.floatleft5 {
    float: left;
    margin-right: 5px;
}

.floatleft {
    float: left;
}

.floatleft10 {
    float: left;
    margin-right: 10px;
}

.floatleft20 {
    float: left;
    margin-right: 20px;
}

.floatright {
    float: right;
}

.adjloc {
}

a.addfav {
    color: #fff !Important;
    text-decoration: none;
    font-size: 90%;
    width: 100%;
}

.addfavcontainer {
    background-color: #5082c1;
    padding: 0px;
    max-width: 204px;
    margin:0 0 9px 0;
    text-align: center;

}

.addfavcontainerHAVE {
    background-color: #f36523;
    max-width: 203px;
    margin: 0 0 10px  0;
    text-align: center;
}

.addcompanyinfo {
    background-color: #6fa62e;
    padding: 2px;
    max-width: 200px;
    margin: 0 0 10px 0;
    text-align: center;
}

#MD a.seemaplink {
    color: #fff;
    text-decoration: none;
    width: 100%;
}

#MD a.seephotolink {
    color: #fff;
    text-decoration: none;
    width: 200%;
}

#MD .seemapcontainer {
    background-color: #a168b7;
    padding: 2px;
    max-width: 200px;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 90%;
}

#MD .seephotocontainer {
    background-color: #474747;
    padding: 2px;
    max-width: 200px;
    margin: 0 0 20px 0;
    text-align: center;
}

/* Location Bar Stuff */
.dividerdark2 { /* when ussing location bar - spreads things out it*/
    background-image: url('/15/images/divider_dark.gif');
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
    height: 5px;
    max-width: 860px;
    width: 100%;
    margin-bottom: 0px;
}

.no_enhanced { /* no enhanced listings, so must change spacing of enhanced if theer is a bar*/
    margin-top: -40px;
}

.listingenhancedtitle {
    font-size: 150% !Important;
    text-align: center;
    margin-top: 0px; /* distance atop featured listings title*/
    margin-bottom:0px;
    font-family: 'Oswald', sans-serif !Important;
}

.locationwarningbox {
    border: 1px solid #999999;
    font-size: 120%;
    background-color: #fafafa;
    padding: 5px 10px 5px 10px;
    position: relative;
    left: -4.1%;
    width: 105%;
    text-align: center;
    margin: 0 0 5px 0;
    color: #fff;
    background-color: #3ba865;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.locationbarBTN {
    border-style: none;
    background-color: #b33425 !important;
    color: #fff !important;
    font-size: 120%;
    text-decoration: none;
    font-family: Oswald, 'sans-serif !important';
    cursor: pointer;
}

.locationbar {
    border: 1px solid #959394;
    background-color: #dedede;
    color: #333333;
    font-size: 100%;
    margin: 2px auto 2px auto;
    padding: 8px 0 2px 0;
    max-width: 850px;
    font-family: 'Karla', sans-serif !Important;
}


.booknowBTN {
    border-style: none;
    background-color: #b33425 !important;
    color: #fff !important;
    font-size: 120%;
    text-decoration: none;
    margin-bottom:10px;
    cursor: pointer;text-align:center;max-width:204px;
}



.noflicker {
    height: 0px;
    overflow: hidden;
}

.biggerFF {
    font-size: 120% !Important;
    font-family: 'Oswald', sans-serif !Important;
}

/* also see locationbar in css/sizes/....*/

/* end location stuff*/

.artcalldetails { /* font properties member details text*/
    font-size: 95%;
    font-weight: normal;
}

.smallcitytext {
    text-transform: uppercase;
    font-size: 90%;
    color: #0069c2;
    font-weight: bold;
}

.smallcitytext2 {
    font-size: 90%;
}

.formfields {
    border: 1px solid #C0C0C0;
    font-size: 100%;
    color: #333333;
    padding: 2px;
    background-color: #F0F0EE;
    font-family: Arial, Helvetica, sans-serif;
}

a.proximitybtn {
    background-color: #f26522;
    color: #ffffff !Important;
    padding: 5px;
    font-weight: bold;
}

    a.proximitybtn:hover {
        background-color: #f26522 !Important;
        color: #ffffff !Important;
        padding: 5px;
        font-weight: bold;
    }

.usekilometers {
    font-size: 80%;
    color: #555;
}



/* the following include html complian image align plus responsive code for image*/
.imagealignleftresp {
    /* NOTE: don't forget to clear float with: <br style="clear: both;" />  also include max-width as style      */
    float: left;
    margin: 5px -16px 6px 0px;
    border: 0;
    width: 100%;
    display: block;
}

.imagealignleftresp2 {
    /* NOTE: don't forget to clear float with: <br style="clear: both;" />  also include max-width as style      */
    float: left;
    margin: 5px 12px 6px 0px;
    border: 0;
    width: 100% !Important;
    display: block;
}

.overlayedtextpos2 {
    /* These next 2 for article pics that have overlayed text*/
    position: absolute !important;
    background-position: bottom;
    left: 0px;
    bottom: 0px;
    z-index: 1;font-size:90% !Important;
    text-transform: uppercase;
    background: rgb(30, 15, 15); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(30, 15, 15, .5);
    width: 197px;
    margin-right: 0px;
    text-align: left;
    padding: 0 5px 0 5px;
    /*     opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */ */;
}

.overlayedtextpos3 {
    /* These next 2 for article pics that have overlayed text*/
    position: absolute !important;
    background-position: bottom;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    text-transform: uppercase;
    background: rgb(30, 15, 15); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(30, 15, 15, .5);
    width: 170px;
    margin-right: 20px;
    padding: 0 5px 0 5px;
    /*     opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */ */;
}

.imagecaro {
    margin-right: 15px !important;
    font-size: 20px;
    padding-right: 20px;
}

a.overlayedtext:link {
    color: #fff !Important;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
    background: none;
    top: 1px;
}

a.overlayedtext:hover {
    position: relative;
    font-family: 'Oswald', sans-serif;
    bottom: 0px !Important;
    background: none !Important;
    text-decoration: none !Important;
    top: 1px;
}

.OTleftbar {
    font-weight: bold;
    font-size: 110%;
    color: #e9a512 !Important;
    padding-right: 3px;
    padding-left: 8px;
    width: 10px;
    float: left;
}

.listlineabovebelow {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d8d8d8;
    padding: 10px 0 10px 0 !Important;
}

.listlinenone {
    border-bottom-width: 0px;
}

.ssmaintitle {
}

.sssubtitle {
}

.ss1dots {
    position: relative;
    top: -10px;
    padding-bottom: 18px;
}

h1, h2, h3, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif !Important;
    font-weight: 700;
    text-transform: uppercase;
}

.h2n {
    font-family: 'Oswald', sans-serif;
    font-size: 120%;
    font-weight: normal !Important;
    color: #333333;
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.h3n{
    margin-top:0px !important;
}

.h2nt3 {
    font-family: 'Oswald', sans-serif;
    font-size: 120%;
    font-weight: normal !Important;
    color: #333333;
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 0px;
    letter-spacing: .02em;
}

.h2nc{
color:#fff !Important;margin:0;padding:0;font-size:105% !Important;
}

.h2nc1{
color:#fff !Important;margin:2px 0 0 0;padding:0;font-size:90% !Important;
}


h4 {
    margin: 4px 0 -5px 0;
    font-size: 110%;
    padding: 0;
    font-family: 'Oswald', sans-serif !Important;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height:113%;

}

#bodyarea textarea {
    border: 1px solid #CCCCCC;
    background-color: #F0F0EE;
    padding: 1px;
    color: #1065B5;
}

#bodyarea table {
    font-size: 85%;
}

#bodyarea input {
    font-size: 12px;
    color: #333;
    padding: 1px;
    border: 1px solid #CCCCCC;
    background-color: #F0F0EE;
}

a.cookietrail { /* top of page bread crumbs*/
    text-decoration: none;
    color: #555 !Important;
}

    a.cookietrail:hover { /* top of page bread crumbs*/
        text-decoration: underline;
        color: #363636;
    }

.cookietrailspan {
    font-size: 85%;
    text-decoration: none;
    color: #555;
}

.cookietrailcolor {
    color: #555;
}

/* ==================================== the following overrides the styles in the editor   ==============================================*/

.menu_intro_pic_border {
    border: 1px solid #7b90a0 !important;
    padding: 3px !important;
    background-color: #fff;
}

.menu_intro_headline {
    font-style: normal !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
    font-weight: bold !important;
    font-size: 100% !important;
    line-height: 130% !important;
}

.menu_intro_details {
    margin: 0px !important;
    padding: 0px !important;
    font-style: normal !important;
    font-size: 90% !important;
    line-height: 130% !important;
}

    .menu_intro_details a:link {
        text-decoration: underline;
    }

/* end editor overwritiung stuff =============================================================================*/

.gopoint {
    width: 225px;
    font-size: 10px;
    color: #000;
}

.dotdot648 {
    background-image: url('/15/images/dotdot648.gif');
    background-repeat: no-repeat;
    height: 5px;
    max-width: 800px;
    width: 100%;
    margin-bottom: 8px;
}

.dotdot648center {
    background-image: url('/15/images/dotdot648.gif');
    background-repeat: no-repeat;
    height: 5px;
    max-width: 525px;
    width: 100%;
   
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

.dotdot100percent {
    background-image: url('/15/images/dotdot648.gif');
    background-repeat: no-repeat;
    height: 5px;
    width: 100%;
    margin-bottom: 8px;
}

.dividergray {
    background-image: url('/15/images/divider_gray.gif');
    background-repeat: repeat-x;
    height: 5px;
    max-width: 1100px;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
}

.dividerdark {
    background-image: url('/15/images/divider_dark.gif');
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
    height: 5px;
    max-width: 860px;
    width: 100%;
    margin-bottom: 8px;
}


#tablecss2 table { /*properly style tables*/
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
    margin-bottom: 0px;
}

#tablecss2 td { /*properly style tables*/
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}













/* ========================================== Results page #1  ======================================================*/
#tablecss table { /*properly style tables*/
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
    margin-bottom: 0px;
}

#tablecss td { /*properly style tables*/
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

#tablecss .td2class { /*properly style tables*/
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    width: 225px;
    padding-left: 40px;
}

#tablecss {
}

    #tablecss a:link {
        text-decoration: none;
        color: #363636;
    }

    #tablecss a:visited {
        text-decoration: none;
        color: #363636;
    }

    #tablecss a:active {
        text-decoration: none;
        color: #363636;
    }

    #tablecss a:hover {
        text-decoration: underline;
        background-color: #d5d5d5;
        color: #363636;
    }

    #tablecss h2 {
        font-size: 115%;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

/* ================================== LEFT MENU =======================================================================*/

.menuheader {
    padding: 3px 6px 3px 5px;
    font-size: 90% !Important;
    font-family: 'Oswald', sans-serif;
    overflow: auto;
    text-transform: uppercase;
}

#menuoverall {
    margin-left: 0;
    padding: 0px;
    font-family: 'Karla', sans-serif;
    background-color: #ffffff;
    margin-top: 55px;
    margin-left: 5px;
    letter-spacing: .02em;
}

    #menuoverall .arrowdown {
        text-decoration: none;
        position: relative;
        top: 5px;
        left: 3px;
        margin: 0;
        padding: 0;
    }

    #menuoverall a:link {
        margin-left: 0;
        margin-top: 0;
        padding: 0px;
        font-size: 72%;
        text-decoration: none;
        color: #000000;
    }

.menuitembg1 {
    border-width: 1px;
    border-color: #a0a0a0;
    text-transform: uppercase;
    background-color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
    border-top-style: solid;
}

.menuitembg2 {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 1px;
    border-width: 1px;
    border-color: #a0a0a0;
    border-top-style: solid;
    text-transform: uppercase;
}

.menuitembgcat {
    background-color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

.menuregularPB2ON, .menuregularP9ON {
    border-width: 1px;
    border-color: #a0a0a0;
    text-transform: uppercase;
    background-color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-top-style: solid;
}

.flush-right {
    position: absolute; /* All browsers */
    top: auto; /* Standards  browsers */
    top: position-static; /* IE all others ignore this as invalid*/
    right: 0; /* All except IE */
    left: expression(parentNode.offsetWidth - offsetWidth + 'px'); /* IE only */
}

.menuregularP3ON {
    /*border-style: solid none solid none;border-width: 2px;*/
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    color: #fff !Important;
}

.menuregularPB3ON, .menuregularPB2ON {
    background-color: #fff;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
}

a.menuregular2:hover {
    text-decoration: none;
}

a.menuregular2 {
    text-decoration: none;
}

    a.menuregular2:visited {
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
    }

a.menuregular2ON:hover {
    text-decoration: none;
    background-color: #b33425;
    padding: 0 0px 0 0px !Important;
    color: #fff !Important;
    text-transform: uppercase;
}

a.menuregular2ON {
    text-decoration: none;
    background-color: #b33425;
    padding: 0 0px 0 0px !Important;
    color: #fff !Important;
    text-transform: uppercase;
}

    a.menuregular2ON:visited {
        color: #fff;
        text-decoration: none;
        background-color: #b33425;
        padding: 0 0px 0 0px !Important;
        color: #fff !Important;
        text-transform: uppercase;
    }

a.menuregular3:hover {
    text-decoration: none;
}

a.menuregular3:link {
    color: #000;
    text-decoration: none;
}

a.menuregular3:visited {
    color: #000;
    text-decoration: none;
}

.menuregular3 {
    font-size: 100%;
    text-decoration: none;
}

.menuregular3ON {
    font-size: 100%;
    text-decoration: none;
    color: #fff;
}

a.menuregular3ON:hover {
    color: #fff !Important;
    background-color: #b33425;
    padding: 0 3px 0 13px !Important;
}

a.menuregular3ON:link {
    color: #fff !Important;
    background-color: #b33425;
    padding: 0 3px 0 3px !Important;
}

a.menuregular3ON:visited {
    color: #000 !Important;
}

.watermark {
    background: #FFAAFF;
}

@media (min-width: 33rem) { /* 40rem */
    .column {
        float: left;
        padding-left: 1.32rem; /* 1rem */
        padding-right: 1.32rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .column.full {
            width: 100%;
        }

        .column.two-third {
            width: 66.7%;
        }

        .column.two-fourth {
            width: 75%;
        }

        .column.two-fifth {
            width: 80%;
        }

        .column.two-sixth {
            width: 83.3%;
        }

        .column.half {
            width: 50%;
        }

        .column.third {
            width: 33.3%;
        }

        .column.fourth {
            width: 25%;
        }

        .column.fifth {
            width: 20%;
        }

        .column.sixth {
            width: 16.6%;
        }

        .column.flow-opposite {
            float: right;
        }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* slideshoew */

#layerslider * {
    font-family: Lato, 'Open Sans', sans-serif;
    font-weight: 300;
}

#layerslider h1 {
    font-size: 30px;
    color: #eee;
}

#layerslider h2 {
    font-size: 40px;
    color: #111;
}

#TS table {
    width: 100%;
    max-width: 260px;
}

#TS td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #7e7e7e;
    font-size: 90%;
    padding: 2px 0 2px 0;
}

.cohdrs {
    font-size: 110%;
    font-weight: normal;
}

.valdate3 {
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 10px;
}

.br60 {
    font-size: 60%;
}

#PD .midcolumnPACK {
    max-width: 390px; /* I don't get this 390. why not 510?????*/
}

#PD .midcolumnPACK1 {
    max-width: 300px; /* I don't get this 390. why not 510?????*/
}

#PD .rightcolPACK {
    padding: 50px 0 0 31px;
    max-width: 140px;
}

.locationbarRD {
    border: 1px solid #aaaaaa;
    background-color: #dedede;
    color: #333333;
    margin: 2px auto 2px auto;
    font-family: 'Oswald', sans-serif;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.pad5 {
    padding: 5px;
}

.formfieldswater {
    border: 1px solid #C0C0C0;
    font-size: 100%;
    color: #666;
    padding: 2px;
    background-color: #F0F0EE;
    font-family: Arial, Helvetica, sans-serif;
}

#PD .line {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666;
}

.margin20r {
    margin-right: 20px;
}

.displayblock {
    display: block;
    display: inline-block; /* added inline for compatability */
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (min-width: 500px) {
    .hideitall {
        display: none;
    }
}

a.sectionmenu:link {
    font-size: 120%;
    color: #000;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    position: relative;
    top: -10px;
    left: 13px;
}

@media screen {
    .hideforscreen {
        display: none;
    }

    a.morelink:link {
        text-decoration: none;
        color: #fff !Important;
        font-size: 70%;
        padding: 1px 8px 1px 8px;
    }

    a.morelink:visited {
        text-decoration: none;
        color: #fff;
        font-size: 70%;
        padding: 1px 8px 1px 8px;
    }

    a.morelink:active {
        text-decoration: none;
        color: #fff;
        font-size: 70%;
        padding: 1px 8px 1px 8px;
    }

    a.morelink:hover {
        text-decoration: underline;
        background-color: #c4511a !Important;
        color: #fff;
        font-size: 70%;
        padding: 1px 8px 1px 8px;
    }
}

@media print {
    .hideForPrint {
        display: none;
    }

    a.morelink:link {
        display: none;
    }

    a.morelink:visited {
        display: none;
    }

    a.morelink:active {
        display: none;
    }

    a.morelink:hover {
        display: none;
    }

    .hideforprint {
        display: none;
    }
}

/*=======================  MINOR MENU START */
.minor_menu_wrapper {
    max-width: 1242px;
    background-color: #474747;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    position: relative;
    z-index: 10000;
    font-family: 'Oswald', sans-serif !Important;
}

.minor_menu_top { /*Official tourism....*/
    padding-right: 0px;
    max-width: 840px;
    text-align: left;
    color: #a6a6a7;
    font-size: 104%;
    padding-top: 17px;
    padding-left: 0px;
    margin-left: 228px;
}

.alignleft {
    float: left;
    margin: 0;
    padding: 0px;
}

.alignright {
    float: right;
    margin: 0;
    padding: 0px;
}

.green1bg {
    background-color: #3ba865;
}

.lt_bluebg {
    background-color: #4bb1b7;
}

.dk_bluebg {
    background-color: #5082c1;
}

.bt_orangebg {
    background-color: #f26522;
    color: #fff;
}

.searchbtn {
    margin: 0px;
    padding: 0px;
}

.searchfield {
    border-style: none;
    border-width: 0px;
    width: 140px;
    height: 16px;
    margin-top: 0px;
    font-size: 80%;
    padding: 0 2px 3px 2px;
    color: #999;
}

.searchtable {
    position: relative;
    top: 10px;
    height: 16px;
}
/* nav */
.nav {
    position: relative;
    padding-top: 13px;
    background-color: #474747;
    font-size: 80%;
    text-align: left;
}

    .nav ul {
        margin: 0;
        padding: 0;
    }

    .nav li {
        margin: 0 0px 7px 0;
        padding: 0;
        list-style: none;
        display: inline-block;
    }

    .nav a {
        padding: 1px 3px; /*minor menu link*/
        text-decoration: none;
        color: #e8e8e8;
        font-size: 105%;
        line-height: 100%;
    }

        .nav a:hover {
            color: #000;
            background-color: #ffffff;
        }

    .nav .current a {
        background: #fff;
        display: none;
        color: #fff;
        border-radius: 5px;
    }

    /* right nav */
    .nav.right ul {
        text-align: right;
    }

    /* center nav */
    .nav.center ul {
        text-align: center;
    }

/* ///////////////////////////////////////////////////////////////////   editor.css ///////////////////////*/
.picborder {
    border: 2px solid #d0d0d0 !important;
    background-color: #fff;
    padding: 0;
}

.font-oswald {
    font-family: 'Oswald', sans-serif;
    font-size: 120%;
    line-heighT: 120%;
}

.font-montserrat {
    font-family: 'Karla', sans-serif;
}

.font-montserrat-light-spacetop {
    font-family: 'Karla', sans-serif;
    color: #999999;
    margin-top: 20px !important;
    padding-top: 20px !important;
}

.font-montserrat-light {
    font-family: 'Karla', sans-serif;
    color: #999999;
}

.font-montserrat2 {
    font-family: 'Karla', sans-serif;
}

.font-oswald2 {
    font-family: 'Oswald', sans-serif;
}

.highlight {
    background-color: #FFF2BC;
}

.highlightshout {
    background-color: #40A0D9;
    color: #FFF;
}

.smallgray {
    color: #666;
    font-size: 70%;
}

.smallblu {
    color: #4f94d5;
    font-size: 80%;
}

.blue_light {
    color: #1065B5;
}

.dark_gray {
    color: #333333;
}

.medium_red {
    color: #8A2323;
}

.yellowbox1 {
    background-color: #F2EED5;
    border: 1px solid #DFC493;
    color: #414D67;
    padding: 7px;
}

.textsmall {
    font-size: 90%;
}

.textregular {
    font-size: 90%;
}

.textbig {
    font-size: 140%;
}

.thumbborder {
    padding: 4px;
    border: 1px solid #b5b0aa;
}

.thumbborderON {
    padding: 1px;
    border: 3px solid #044B89;
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 140% !important;
    color: #333333;
    margin: 10px 0 5px 0;
    padding: 0px;
    line-height: 110%;
    letter-spacing: .02em;
    font-weight: normal !Important;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 125%;
    font-weight: normal !Important;
    color: #333333;
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 120%;
    color: #333333;
    margin-top: 4px;
    margin-bottom: 0px;
    letter-spacing: .02em;
    padding: 0px;
    font-weight: 400;
}

body {
    font-family: 'Karla', sans-serif;
    color: #555;
}

.successbox {
    background-color: #F5F0AE;
    border: 2px solid #B3AD8D;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.tableheader2 {
    background-color: #EFEBE7;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #CEC7B5;
    border-right-color: #CEC7B5;
    border-bottom-color: #CEC7B5;
    border-left-color: #CEC7B5;
}

.row1 {
    background-color: #ffffff;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-right-color: #bfbfbf;
    border-bottom-color: #bfbfbf;
    border-left-color: #bfbfbf;
}

.row2 {
    background-color: #fafafa;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-right-color: #bfbfbf;
    border-bottom-color: #bfbfbf;
    border-left-color: #bfbfbf;
}

hr {
    color: #FFFFFF;
    height: 1px;
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #92AA6F;
    margin-top: 20px;
    margin-bottom: 20px;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.pcTableHeader {
    background-color: #AC2F61;
    color: #FFFFFF;
    font-weight: bold;
}

.pcTableOddRow {
    background-color: #EEDCA2;
}

.responseimg {
    border: 0;
    width: 100%;
    display: block;
}

.responseimg300 {
border: 0;
	width: 100%;
	display: block;max-width:300px;
}
.responseimg600 {
border: 0;
	width: 100%;
	display: block;max-width:600px;
}
.responseimg900 {
border: 0;
	width: 100%;
	display: block;max-width:900px;
}



/*Include max-width: 1200px; (or desired size) in image*/
.responseimgcentered {
    border: 0;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*Include max-width: [width]px; in image*/
.responsemainimgcentered {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-top-style: solid;
    position: relative;
    border-top-width: 2px;
    border-top-color: #7b90a0;
}
/*Include max-width: [width]px; in image*/

.imagealignleft { /* don't forget to clear float with: <br style="clear: both;" />        */
    float: left;
    margin: 0px 15px 15px 0px;
}

.imagealignright { /* don't forget to clear float with: <br style="clear: both;" />        */
    float: left;
    margin: 0px 0px 12px 12px;
}

.imagealignrightresp { /* don't forget to clear float with: <br style="clear: both;" />       also include max-width as style     */
    float: right;
    margin: 5px 0px 15px 15px;
    border: 0;
    width: 100%;
    display: block;
}

@media only screen and (min-width: 1100px) and (min-width: 300px) {
    .noshowlogosmall2 {
        display: none;
    }

    #MD .googlemap {
        width: 510px;
        height: 336px;
        border: 1px solid #C0C0C0;
    }
}

@media screen and (max-width: 399px) {
    .noshowtiny { /*for the minor menu title*/
        display: none;
    }






    .breadpos {
        margin-top: 0px;
    }

    .firstonlyM {
        margin-top: 35px !Important; /* distance from m menu icon to first menu item. Needed cause of logo.*/
    }

    .mmleftbuffer {
        margin-left: 0px !Important;
    }
      .mmleftbuffer1 {
        margin-left: 0px !Important;
    }

    .mgmenu > li > a,
    .mgmenu > li > span {
        display: block;
        color: #ffffff !Important; /* Top level menu item******************************************/
        /*text-shadow:1px 1px 1px #000000;*/
        font-size: 18px !Important;
        outline: 0;
        text-decoration: none;
        padding: 5px 0 5px 10px;
    }
}

@media screen and (min-width: 400px) {
    .noshownontiny { /*for the minor menu title*/
        display: none;
    }


}



@media screen and (min-width: 400px) and (max-width:999px) {
    .alignwhensmall {
        margin-left: 90px;
    }

    .firstonlyM {
        margin-top: 35px !Important; /* distance from m menu icon to first menu item. Needed cause of logo.*/
    }

    .mmleftbuffer {
        margin-left: 0px !Important;
        padding-left: 10px;
    }
     .mmleftbuffer1 {
        margin-left: 0px !Important;
        padding-left: 10px;
    }

    .mgmenu > li > a,
    .mgmenu > li > span {
        display: block;
        color: #000000; /* Top level menu item******************************************/
        /*text-shadow:1px 1px 1px #000000;*/
        font-size: 18px !Important;
        outline: 0;
        text-decoration: none;
        padding: 5px 0 5px 10px;
    }
}

@media screen and (max-width: 440px) {
    .noshowpretiny { /*for the minor menu title*/
        display: none;
    }
}

@media screen and (max-width: 599px) {
    .addfavbtnsize {
        padding: 2px !Important;
    }

    .savetotrip {
        max-width: 200px;
        margin: 10px 10px 0px 0;
        margin-top: 10px;
        margin-bottom: 40px;
    }





}

@media screen and (min-width: 600px) {
    .addfavbtnsize {
        padding: 8px !Important;
    }

    .savetotrip {
        float: right;
        max-width: 200px;
        margin-right: 10px;
        position: relative;
        top: -10px;
    }


}

@media screen and (min-width: 1000px) {
    .noshowbiggest { /*for the minor menu title*/
        display: none !important;
    }

    .pagemiddlebuf {
    }

    .mmleftbuffer {
        margin-left: 130px !Important;
    }
      .mmleftbuffer1 {
        margin-left: 180px !Important;
    }


    .mgmenu > li > a,
    .mgmenu > li > span {
        display: block;
        color: #000000; /* Top level menu item******************************************/
        /*text-shadow:1px 1px 1px #000000;*/
        font-size: 18px !Important;
        outline: 0;
        text-decoration: none;
        padding: 15px 0 14px 0px;
    }
}

@media screen and (max-width: 1000px) {
    .noshowsmallest { /*for the minor menu title*/
        display: none;
    }
}

@media screen and (min-width: 900px) {
    .smallsearchBTN {
        width: 25px;
        position: fixed;
        z-index: 1000;
        right: 90px;
        top: 12px;
    }

    .mtpsmall {
        width: 100px;
        position: fixed;
        z-index: 1004;
        right: 110px;
        top: 14px;
    }
}

@media screen and (max-width: 899px) {
    .smallsearchBTN {
        width: 25px;
        position: fixed;
        z-index: 1000;
        right: 70px;
        top: 12px;
    }

    .mtpsmall {
        width: 100px;
        position: fixed;
        z-index: 1004;
        right: 130px;
        top: 14px;
    }
}

/* body area: have to be careful about with*/

@media screen and (min-width: 1120px) {
    #thebod {
        width: 100%;
        max-width: 870px;
        float: left;
        b1ackground-color: #f00;
    }
}

@media screen and (min-width: 1100px) and (max-width:1119px) {
    #thebod {
        width: 100%;
        max-width: 870px;
        float: left;
        ba1ckground-color: #0f0;
    }
}

@media screen and (min-width: 1050px) and (max-width:1099px) {
    #thebod {
        width: 100%;
        max-width: 820px;
        float: left;
        ba1ckground-color: #00f;
    }
}

@media screen and (min-width: 1000px) and (max-width:1049px) {
    #thebod {
        width: 100%;
        max-width: 750px;
        float: left;
        backg1round-color: #0ff;
    }
}

@media screen and (max-width:999px) {
    #thebod {
       max-width: 870px;  width: 100%;
        backg1round-color: #f0f;
    }
}

@media screen and (min-width: 1000px) {
    .nav .hidbig {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .noshowminmenu {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .pagemiddlebuf {
        padding: 0 10px 0 10px !Important;
    }

    .nav {
        position: relative;
        min-height: 30px;
    }

        .nav .hidbig {
            display: block;
        }

        .nav .hidbiginline {
            display: inline;
        }

        .nav ul {
            width: 250px;
            margin-left: 5px;
            padding: 2px 0;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: 5px;
            border: solid 1px #aaa;
            background: #fff 10px 11px;
            /* back1ground: #fff url(images/icon-menu.png) no-repeat 10px 11px;*/
            border-radius: 15px;
            box-shadow: 0 1px 2px rgba(0,0,0,.3);
        }

        .nav li {
            display: none; /* hide all <li> items */
            margin: 0;
        }

        .nav .current {
            display: block; /* show only current <li> item */
        }

        .nav a {
            display: block;
            padding: 5px 5px 5px 32px;
            text-align: left;
            color: #000;
        }

        /* on nav hover */
        .nav ul:hover {
            background-image: none;
        }

            .nav ul:hover li {
                display: block;
                margin: 0 0 5px;
            }

            .nav ul:hover .current {
                background: url(images/icon-check.png) no-repeat 10px 7px;
            }

        /* right nav */
        .nav.right ul {
            left: auto;
            right: 0;
        }

        /* center nav */
        .nav.center ul {
            left: 50%;
            margin-left: -90px;
        }

    .green1bg {
        background-color: #ffffff;
    }

    .lt_bluebg {
        background-color: #ffffff;
    }

    .dk_bluebg {
        background-color: #ffffff;
    }

    .bt_orangebg {
        /*background-color: #ffffff;*/
    }



    .searchfield {
        border: 1px solid #999999 !Important;
        width: 150px;
        height: 16px;
        margin-top: 0px;
        padding: 0px;
        background-color: #eee;
        color: #000;
    }

    .searchtable {
        position: relative;
        margin-left: 30px;
        height: 16px;
        top: 0px;
    }

    .minor_menu_top {
        padding-right: 0px;
        margin-left: 5px;
        max-width: 840px;
        text-align: left;
        color: #fff;
        font-size: 90%;
        padding-top: 7px;
        padding-left: 0px;
    }

    .minor_menu_wrapper {
        max-width: 100%;
        font-size: 130%;
        background-color: #474747;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0px;
        font-weight: normal !Important;
        position: relative;
        z-index: 100;
        font-family: 'Oswald', sans-serif !Important;
    }
}

@media only screen and (max-width: 1100px) {
    .noshowlogosmall {
        display: none;
    }

    #MD .googlemap {
        width: 320px;
        height: 300px;
        border: 1px solid #C0C0C0;
    }
}

/* ///////////////////////////////////////////////////////////////////   responsive < 999 px mobel ///////////////////////*/

@media only screen and (max-width: 999px) {
    .refineprompt {
        margin: 10px 0 10px 0;
        text-align: left;
    }


    .leftcolheadCTR {
        font-size: 185% !Important;
        margin: 25px 0 0 0;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald', sans-serif !important;
    }


    .nonenhancedtitle{
        line-height:100%;margin-bottom:2px;font-family: 'Oswald', sans-serif !Important;font-size:100% !Important;
    }
    .pagemiddle { /* main part of body on secondaary master*/
        margin-top: 0px;
        width: 94%;
        margin-bottom: 30px;
    }

    .re1sp-break {
        display: block !Important;
    }

    .m1link {
        letter-spacing: .02em;
        color: #dddddd !Important;
    }

    .m1link2 {
        letter-spacing: .02em;
        color: #333333 !Important;
        margin-left: 18px;
        padding-top: 20px;
        font-size: 130%;
    }

    .mgmenu > li:hover, .mgmenu > li.active {
        background-color: #333333; /*bg on main menu item*/
    }

    .mgmenu > li > span:hover,
    .mgmenu > li > a:hover,
    .mgmenu > li > a:focus {
        cursor: pointer;
        c1olor: #dddddd; /*focus on top menu item. This gives its bg color*/
        outline: none;
    }

    .mgmenu_container, .mgmenu_fixed, .mgmenu_footer {
        width: 100%;
        padding-top: 0px;
        height: 33px;
        z-index: 10;
        background: #474747;
        background-color: #474747 !important;
    }

    .slideshowposition {
        margin-top: 49px;
        position: relative;
        z-index: 0;
    }

    .mmvisbar {
        background-color: #474747;
        width: 100%;
        max-width: inherit;
        position: fixed;
        top: 0px;
        height: 67px;
        z-index: 2;
        *width: expression(this.parentNode.currentStyle['width']);
    }

    .bodyarea2 {
        float: left;
        max-width: 999px;
        width: 100%;
    }

    #footer table.tcenter {
        width: 100%;
        max-width: 980px;
        vertical-align: top;
        text-align: left;
        border-collapse: collapse;
    }

    .membertopoffset {
        margin-top: 20px;
    }

    .locationbar_ctrl {
        display: none;
    }

    .locationbarcoltitle {
        margin-top: 0px;font-size:150% !Important;
    }

    .span_rightcol {
        width: 100%;
        display: none;
    }

    .span_bodycol {
        width: 100%;
    }

    .span_menucol {
        width: 100%;
        display: none;
    }

    .sizecolor {
        background-color: #f00;
    }

    .noshowsmall {
        display: none;
    }
    /*============================  FOOTER ============================================*/

    #footer2 {
        background-color: #2b2a2a;
        max-width: 100%;
        color: #fdfbfb;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        z-index: 100;
        font-size: 100%;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
    }

        #footer2 .contact {
            font-family: 'Karla', sans-serif;
            text-transform: none;
            font-size: 80%;
        }

        #footer2 .menufont {
            font-family: 'Oswald', sans-serif;
        }

        #footer2 a.footermenuitem:visited {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

        #footer2 a.footermenuitem:active {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

        #footer2 a.footermenuitem:hover {
            margin-bottom: 2px;
            text-decoration: none;
            color: #000 !Important;
            background-color: #ffffff;
        }

        #footer2 a.footermenuitem:link {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

    .popupControl2 {
        position: relative;
        visibility: hidden;
    }

    .popupControl {
        background-color: #ff99ff;
        position: relative;
        top: -30px;
        border-style: solid;
        border-color: Black;
        border-width: 2px;
    }

    .popupControlposition {
        position: relative;
        left: -22px;
    }

    .searchbuttonimg {
        position: relative;
        left: 35px;
        text-align: left;
    }

    .rightcolhead {
        font-size: 190% !Important;
        text-align: left;
        margin-top: 22px !Important;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif !Important;
    }

    .searchMPO {
        background-color: #e8e8e8;
        width: 290px;
        padding: 8px 0 8px 8px;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    .searchMTB {
        border: 1px solid #999999 !Important;
        width: 220px;
        margin-top: 0px;
        margin-right: 5px;
        padding: 1px;
        background-color: #f8f8f8;
        font-size: 140%;
        color: #999;
    }

    .closeLoginPanel {
        line-height: 17px;
        font-size: 11px;
        font-weight: bold;
        position: absolute;
        top: 3px;
        right: 5px;
    }

        .closeLoginPanel a {
            background-color: #6699CC;
            cursor: pointer;
            color: #FFFFFF;
            text-align: center;
            text-decoration: none;
            padding: 2px 3px 2px 3px;
        }

    .getintroM {
        text-align: left;
        margin-right: auto;
	
    }

    .dotdot207 { /* mod 22 march - don't show on small*/
        display: none;
    }

    .extratopmar{
    margin-top:55px;
}

}

/* ///////////////////////////////////////////////////////////////////   responsive > 1000 px ///////////////////////*/

/* Large desktop */
@media (min-width: 1000px) {
    .refineprompt {
        margin-bottom: 10px;
        text-align: center;
    }


.extratopmar{
    margin-top:140px;
}



    .centershift {
        width: 125px;
        display: block;
        display: inline-block;
        float: left;
        height: 100px;
    }

    .pagemiddle { /* main part of body on secondaary master*/
        margin-top: 0px;
        width: 100%;
        margin-bottom: 30px;
    }

    .dotdot207 { /* mod 22 march - only show on desktop*/
        background-image: url('/15/images/dotdot648.gif');
        background-repeat: no-repeat;
        height: 5px;
        margin-right: auto;
        max-width: 207px;
        width: 100%;
        margin-bottom: 8px;
    }

    .getintroM {
        padding-bottom: 3px !Important;
    }

    .resp-break {
        display: none !Important;
    }

    .mgmenu > li > span:hover,
    .mgmenu > li > a:hover,
    .mgmenu > li > a:focus {
        cursor: pointer;
        color: #000000; /*focus on top menu item. This gives its bg color*/
        outline: none;
    }

    .mgmenu > li:hover, .mgmenu > li.active {
        background-color: #e0e0e0; /*bg on main menu item*/
    }

    .mgmenu_container, .mgmenu_fixed, .mgmenu_footer {
        width: 100%;
        padding-top: 3px;
        height: 33px;
        z-index: 10;
        background: #ffffff;
    }

    .slideshowposition {
        margin-top: 127px;
        position: relative;
        z-index: 0;
    }

    .mmvisbar {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #cccccc;
        background-color: #ffffff;
        width: 100%;
        max-width: inherit;
        position: fixed;
        top: 74px;
        z-index: 2;
        *width: expression(this.parentNode.currentStyle['width']);
        -webkit-box-shadow: 0px 0px 3px 1px #cccccc;
        -moz-box-shadow: 0px 0px 3px 1px #cccccc;
        box-shadow: 0px 0px 3px 1px #cccccc;
    }

    .bodyarea2 {
        max-width: 880px;
        width: 100%;
        margin: 0 auto 0 auto;
    }

    #footer table.tcenter {
        width: 100%;
        padding: 25px;
        max-width: 980px;
        vertical-align: top;
        text-align: left;
        border-collapse: collapse;
        margin-top: 55px;
    }

    #footer .contactf {
        padding-top: 25px;
        padding-left: 30px;
    }

    #PD {
        margin-left: 120px;
    }

    .membertopoffset {
        margin-top: 30px;
    }

    /* location bar */

    .locationbar_ctrl {
        margin-right: 7px;
        font-family: 'Oswald', sans-serif !important;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .locationbar_ctrl2 {
        margin-right: 7px;
        font-family: 'Oswald', sans-serif !Important;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .leftcolhead {
        font-size: 130%;
        text-transform: uppercase;
    }

    .leftcolheadCTR {
        font-size: 180% !Important;
        margin: 25px 0 0 0;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald', sans-serif !important;
    }

    .rightcolhead {
        font-size: 130%;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif !Important;
        margin-top: -4px;line-height:100%;margin-bottom:5px;
    }

    .moveresultsup {
        position: relative;
        top: -15px;
    }

    .locationbarcoltitle {
        font-family: 'Oswald', sans-serif;margin-bottom:2px;line-height:100%;font-size:150% !Important;
    }

    .nonenhancedtitle{
        line-height:140%;font-size:100% !Important;
    }

    /*     */

    .span_rightcol {
        width: 100%;
    }

    .span_bodycol {
        width: 66.13%;
    }

    .span_menucol {
        width: 32.26%;
    }

    .sizecolor {
        background-color: #fff;
    }

    /*======================  MISC ================================*/
    .noshowbig {
        display: none;
    }

    .specialfont2 {
        font-family: 'Oswald', sans-serif;
    }

    /*============================  FOOTER ============================================*/
    #footer {
        background-color: #2b2a2a;
        max-width: 100%;
        color: #fdfbfb;
        padding-bottom: 10px;
        position: relative;
        z-index: 100;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
    }

        #footer .footer_wrapper {
            color: #fdfbfb;
            margin-left: auto;
            margin-right: auto;
        }

        #footer a.thumb:link {
            text-align: center;
            font-family: 'Karla', sans-serif;
            text-transform: none;
            font-size: 90%;
            text-decoration: none;
            line-height: 100%;
            color: #ffffff !Important;
        }

        #footer .contact {
            font-family: 'Karla', sans-serif;
            text-transform: none;
            font-size: 80%;
        }

        #footer .menufont {
            font-family: 'Oswald', sans-serif;
        }

        #footer .bottom-line {
            background-image: url('/vp5/15/images/bottom-line.png');
            background-repeat: no-repeat;
            background-position: left top;
        }

        #footer a.footermenuitem:visited {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

        #footer a.footermenuitem:active {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

        #footer a.footermenuitem:hover {
            margin-bottom: 2px;
            text-decoration: none;
            color: #000 !Important;
            background-color: #ffffff;
        }

        #footer a.footermenuitem:link {
            margin-bottom: 2px;
            text-decoration: none;
            color: #fdfbfb;
        }

    .popupControl2 {
        position: relative;
        visibility: hidden;
        left: -300px;
    }

    .popupControl {
        background-color: #AAD4FF;
        position: relative;
        top: -15px;
        border-style: solid;
        border-color: Black;
        border-width: 2px;
    }

    .popupControlposition {
        position: relative;
        left: -300px;
    }

    .searchbuttonimg {
        position: relative;
        top: 4px;
        margin-left: 15px;
        margin-right: 15px;
    }
}


@media screen and (max-width: 599px) {

    .artimagepic {
      position:relative;
        padding-right: 0px;
       max-width:270px;
      margin:0 auto 0 auto !Important;
      
    }
    .overlayedtextpos {
    /* These next 2 for article pics that have overlayed text*/
    position: absolute !important;
    background-position: bottom;
    left: 2px;
    bottom: 0px;
    z-index: 1;
    text-transform: uppercase;
    background: rgb(30, 15, 15); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(30, 15, 15, .5);
    width: 100%;
    margin-right: 0px;
    padding: 0 0 3px 0;
    /*     opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */ 
}
.imagealignleftrespSP {
   margin: 5px 0px 6px 0px;
    border: 0;
    width: 100%;
    display: block;
 
}



.float_center {

    text-align: left;
}

    .float_center > .child {

        list-style-type: none;
        margin:0;padding:0;
    }



}

@media screen and (min-width: 600px) {

    .artimagepic {
        position: relative;
        float: left;
        padding-right: 0px;
        margin-right: 15px;
  
    }
    .overlayedtextpos {
    /* These next 2 for article pics that have overlayed text*/
    position: absolute !important;
    background-position: bottom;
    left: 2px;
    bottom: 17px;
    z-index: 1;
    text-transform: uppercase;
    background: rgb(30, 15, 15); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(30, 15, 15, .5);
    width: 100%;
    margin-right: 0px;
    padding: 0 0 3px 0;
    /*     opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */

}
    .imagealignleftrespSP {
   margin: 5px -16px 6px 0px;
    border: 0;
    width: 100%;
    display: block;
    float:left;
}


.imagealignleftrespSP2 {
    /* NOTE: don't forget to clear float with: <br style="clear: both;" />  also include max-width as style      */
    float:left;
    margin: 5px 12px 6px 0px;
    border: 0;
    width: 100% !Important;
    display: block;
}

/* LOVE THIS - CENTER FLOATING ELEMENTS!!!!!!*/

.float_center {
    float: right;
    position: relative;
    left: -50%; /* or right 50% */
    text-align: left;
}

    .float_center > .child {
        position: relative;
        left: 50%;
        list-style-type: none;
    }


}

/*mod 21 jul*/
.t3col{
    max-width:300px; width:33%;
}

 .t3row {
   

    width: 100%;

}
 .t3space{
     padding-right:10px !important;
 }

 .t3tab{
     border-collapse:collapse;width:100% !Important;

 }