@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

@font-face {
    font-family: 'ThirstyScriptBold';
    src: url('fonts/thirstyscriptbold-webfont.ttf');
    font-weight: normal;
    font-style: normal;
}

@import url(ie-font.css);

@-moz-document url-prefix() {

    @font-face {
        font-family: 'ThirstyScriptBold';
        src: url('fonts/thirstyscriptbold-webfont.ttf');
        font-weight: normal;
        font-style: normal;
    }
}


/* minified reset styles http://html5boilerplate.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video, .SkinObject, .Normal{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; color: #6e6a60;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}body{margin:0;}::-moz-selection{background:#999;color:#fff;text-shadow:none;}::selection{background:#999;color:#fff;text-shadow:none;}a{color:#00e;}a:visited{color:#551a8b;}a:hover{color:#06e;}a:focus{outline:thin dotted;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px; font-size:12px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:middle;}button,input{line-height:normal;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;width:13px;height:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}



/* ===== Skin styles start ===== */
body {
	
    background: #776a60 url('images/page-bg-texture.jpg') repeat top center;
    
}


/* General styles */
p, li, td, div {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #6e6a60;
	font-size: 13px;
}

p {
    line-height: 18px;
    padding: 5px 0;
}

h1 {
    padding: 5px 0 15px 0;
    font-size: 26px;
    line-height: 30px;
    font-family: 'ThirstyScriptBold', 'Thirsty Script', Arial;
    font-weight: normal;
}

h2 {
    padding: 5px 0 10px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

h3 {
    font-size: 16px;
    padding: 5px 0;
    line-height: 22px;
    font-weight: 300;
    text-transform: uppercase;
}

h4 {
    font-size:14px;
}

h6 {
    font-weight: 100;
}


a {
    color: #6e6a60;
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited, a:hover, a:link, a:active {
	color: #6e6a60;
}






/* Layout */

#page-body {
    width: 100%;
    min-height: 745px;
    background: transparent url('/images/page-bg-generic3.jpg') no-repeat top center;
}

#header {
    margin: 0 auto;
    width: 883px;
    height: 80px;
    position: relative;
}

#header-logo {
    position: absolute;
    top: 15px;
    left: 0px;
}

#header-icons {
    position: absolute;
    text-align: right;
    top: 15px;
    right: 35px;
}

    #header-icons a {
        color: #fff;
    }

.container-breadcrumbs {
    padding: 10px; 
    padding-left: 30px;
    display: none;
}

#container {
    width: 883px;    
    margin: 0 auto;
}

.container-header {
    width: 883px;
    height: 123px;
    background: transparent url('images/container-bg-header.png') no-repeat top center;
}

.container-header-two-cols {
    background: transparent url('images/container-two-column-bg-header.png') no-repeat top center;
}

.container-grey {
    padding-top: 12px;
    width: 883px;
    background: transparent url('images/container-bg-repeat-grey.png') repeat-y top center;
}

.container-white {
    width: 883px;
    background: transparent url('images/container-bg-repeat-white.png') repeat-y top center;
}

.container-two-cols 
{
	width: 883px;
	background: transparent url('images/container-bg-repeat-white.png') repeat-y top center;
}

.left-column 
{
	float: left;
	width: 589px;
	border-right: solid 1px #aaa;
	background: transparent url('images/left-pane-bg-grey.png') repeat-y top center;
}

.right-column 
{
	margin-left: 590px;
	width: 293px;
}

.container-fullheight {
    overflow: hidden;
}

.col-fullheight {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.container-footer {
    margin: 0 auto;
    width: 883px;
    height: 145px;
    background: transparent url('images/container-bg-footer.png') no-repeat bottom center;
}

#catalyst {
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
}

    #catalyst a {
        color: #fff;
    }



/* Navigation */
.nav-top {
    padding-top: 12px;
    margin-right: 35px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 18px;
    font-family: 'ThirstyScriptBold', 'Thirsty Script', Arial;
}

.nav-mid {
    line-height: 32px;
    margin-right: 35px;
    text-align: right;
    font-size: 18px;
    font-family: 'ThirstyScriptBold', 'Thirsty Script', Arial;
}

.nav-bottom {
    margin-right: 80px;
    line-height: 32px;
    height: 32px;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

    .nav-top a, .nav-mid a, .nav-bottom a {
        color: #000;        
    }

        .nav-top a:hover, .nav-bottom a:hover {
        }


.grey-hr {
    width: 795px;
    height: 30px;
    margin: 0 auto;
}


/* Content panes */

.BannerPane {
    width: 817px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.ContentPane {
    width: 817px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.FooterPane {
    border-top: solid 1px #aaa;
    width: 817px;
    margin: 0 auto;
    padding: 2px 18px;
    text-align: center;
}

.LeftPane 
{
	margin-left: 27px;
    padding-right: 15px;
	width: 547px;
    padding-bottom: 15px;
}

.RightPane
{
	width: 251px;	
	padding-left: 15px;
    padding-bottom: 15px;
}





/* Hero banner styling */


.hero-banner {
    width: 817px;
    height: 284px;
    padding-bottom: 15px;
    position: relative;
}

.hero-cycle-pager {
    position: absolute;
    left: 20px;
    bottom: 30px;
    z-index: 999;
}

    .hero-cycle-pager a {
        display: block;
        float: left;
        font-family: 'ThirstyScriptBold', 'Thirsty Script', Arial;
        color: #fff;
        font-size: 15px;
        padding: 0 5px;
        text-align:center;
    }

        .hero-cycle-pager a:hover {
            text-decoration: none;
            font-size: 17px;
        }

.hero-banner img {
    border-radius: 15px;
}

.hero-banner-ribbon {
    background: transparent url('images/hero-banner-ribbon-bg.png') no-repeat top center;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 5px 20px 30px 20px;
    width: 180px;
    height: 210px;
}

.hero-banner-ribbon h3, .hero-banner-ribbon p
{
	margin: 0;
	padding: 3px 0;
}

.right-column-ribbon 
{
	background: transparent url('images/ribbon-wide-bg.png') no-repeat top center;
	margin: 0 0 0 4px;
    padding: 20px 15px 30px 25px;
    width: 204px;
    height: 190px;
}


/* Footer styling */
.FooterPane a {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
}


/* Buttons */


a.ribbon-button {
    display: block;
    margin: 5px 0px;
    background: transparent url('images/ribbon-button.png') no-repeat top center;
    width: 153px;
    height: 43px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

a.content-button {
    display: block;
    margin: 5px 0px;
    background: transparent url('images/button-bg-blue.png') no-repeat top left;
    line-height: 72px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 250px;
    font-size: 18px;
}


a.side-button-speech, a.side-button-marker, a.side-button-marker-altered
{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	width: 140px;
	padding-left: 46px;
	color: #7B624B;
	font-size: 16px;
	font-weight: bold;
}

a.side-button-speech 
{
	height: 48px;
	padding-top: 22px;
	background: transparent url('images/side-button-bg-speech.png') no-repeat top center;
}

a.side-button-marker
{
	height: 55px;
	padding-top: 15px;
	background: transparent url('images/side-button-bg-marker.png') no-repeat top center;
}

a.side-button-marker-altered
{
	height: 65px;
	padding-top:8px;
	background: transparent url('images/side-button-bg-marker.png') no-repeat top center;
    line-height:17px;
    font-size: 15px;
}

a.section-button-brown, a.section-button-brown-small, a.section-button-marker, a.section-button-marker-altered, a.section-button-speech, a.section-button-marker-small, section-button-marker-move, a.section-button-speech-small  
{
	display: block;
	padding-bottom: 10px;
	text-align: center;
	width: 194px;
	padding-left: 56px;
	color: #7B624B;
	font-size: 16px;
	font-weight: bold;
}

a.section-button-brown 
{
	width: 250px;
	padding-left: 0px;
	color: #fff;
	height: 48px;
	padding-top: 22px;
	background: transparent url('images/section-button-bg-brown.png') no-repeat top center;
}

a.section-button-brown-small
{
	width: 204px;
	padding-left: 0px;
	color: #fff;
	height: 45px;
	padding-top: 22px;
	background: transparent url('images/section-button-bg-brown-small.png') no-repeat top center;
}

a.section-button-marker 
{
	height: 55px;
	padding-top: 15px;
	background: transparent url('images/section-button-bg-marker.png') no-repeat top center;
}

a.section-button-marker-altered
{
	height: 55px;
	padding-top: 8px;
	background: transparent url('images/section-button-bg-marker.png') no-repeat top center;
    line-height: 17px;
    font-size:15px;
}

a.section-button-speech 
{
	height: 48px;
	padding-top: 22px;
	background: transparent url('images/section-button-bg-speech.png') no-repeat top center;
}

a.section-button-marker-small
{
    width: 173px;
    padding-left: 0px;
	height: 53px;
	padding-top: 8px;
	background: transparent url('images/section-button-bg-marker-small.png') no-repeat top center;
    line-height:17px;
    font-size: 15px;
}

a.section-button-marker-move
{
    width: 173px;
    padding-left: 0px;
	height: 53px;
	padding-top: 15px;
	background: transparent url('images/section-button-bg-marker-small.png') no-repeat top center;
}

a.section-button-speech-small
{
    width: 173px;
    	padding-left: 0px;
	height: 70px;
	padding-top: 22px;
	background: transparent url('images/section-button-bg-speech-small.png') no-repeat top center;
}

.small-button-text {
    margin-left:40px;
}




/* Home page promo boxes */
.promobox {
    width: 247px;
}

    .promobox h2 {
        padding: 9px 0px 3px 0px;
    }

    .promobox p {
        padding: 0;
    }

    .promobox a {
        font-size: 12px;
        line-height: 22px;
        font-weight: bold;
        color: #6e6a60;
        text-decoration: none;
    }
    
    .promobox h2 a {
        font-size: 16px;
    }




/* Region town tabs */

.region-towns {
    /*height: 250px;*/ /*content revision is needed for a fixed height*/
    overflow: hidden;
    border-top: solid 1px #9e9a90;
    border-bottom: solid 1px #9e9a90;
    clear: both;
}


.ui-tabs-vertical {
    width: 100%;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: 0;
        float: left;
        width: 130px;
        list-style-position: inside;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            margin: 0;
            padding: 5px 0;
            border-bottom: 1px solid #9e9a90;
            list-style-image: url('images/list-marker.png');
            font-size: 14px;
        }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
                font-weight: bold;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 10px;
        float: right;
        width: 650px;
    }

#tabs hr {
    margin: 0px;
}

#tabs h2 {
    padding: 3px 0px 0px 0px;
}

#tabs img {
    margin-left: 35px;
}



/* ATDW Listing styles */
.atdw-listing {
    height: 140px;
    padding: 10px 0px;
}

.atdw-listing-alternate {
    margin-left: -27px;
    padding-left: 27px;
    margin-right: -14px;
    padding-right: 14px;
    background-image: url('images/left-pane-bg-white.png');
}

.atdw-listing-photo {
    margin-left: 10px;
    float: right;
    width: 180px;
    height: 140px;
    overflow: hidden;
    background-size: cover;
}




/* Right panel nav links */
.right-nav-links {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    width: 251px;
}

    .right-nav-links li {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #9e9a90;
        list-style-image: url('images/list-marker.png');
        font-size: 14px;
    }

 /* Right panel nav links for news pages*/
.right-nav-links-news {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    width: 251px;
}

    .right-nav-links-news li {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px solid #9e9a90;
        list-style-image: url('images/list-marker.png');
        font-size: 14px;
    }

        .right-nav-links-news li a {
            color: #40ae49;
        }



/* Regional Trails Competition Page */

/*Hero Info Box*/
.competition-hero-info {
    position: relative;
    text-align: center;
}

.competition-hero-info__title {
    margin: 10px 0px;
}

.competition-hero-info__dl-link {
    margin-bottom: 5px;
}

.competition-hero-info__available-soon {
    display: block;
    position: absolute;
    top: 0px;
    left: -20px;
}

.competition-hero-info img {
    /*Turn off something from the generic banners*/
    border-radius: 0;
}


/* How-to instructions and info */
.how-to-enter {
    background: #fff url(images/how-to-bg.jpg) top left no-repeat;
    margin-bottom: 10px;
}

.how-to-enter__content {
    float:right;
    width: 500px;
}

.how-to-enter__content__title {
    color: #c7d84f;
    font-weight: bold;
    font-size: 19px;
    padding: 15px 0 0px;
}

.how-to-enter__content__p {
    color: #fff;
    font-size: 14px;
    padding-right: 30px;
}

.how-to-enter__content__download {
    padding: 20px 20px 20px 0px;
}

.how-to-enter__content__terms,
.how-to-enter__content__terms a,
.how-to-enter__content__terms strong {
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
}

/*Header and page banners*/
.win-a-holiday {
    padding-right: 60px;
}
.comp-banner {
    display: block;
    padding-bottom: 8px;
    margin: 0px auto;
}
.comp-banner-small {
    padding-bottom: 5px;
    margin-left: 27px;
}


/*Location and entry management pages*/
.locations-table {
    width: 790px;
}

    .locations-table th,
    .locations-table td {
        padding: 5px 9px;
    }

.locations-row:nth-of-type(4n) {
    background-color: #B8DEEC;
}


/* ===== Media Queries ===== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* ===== Non-Semantic Helper Classes ===== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ===== Print Styles ===== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



.home-grid {

}
    .home-grid td {
        padding-right:16px;
        padding-top: 9px;
    }
    .home-grid .spacer-row > td {
        padding-bottom: 2px;
    }

    .home-grid .button-box {
        width: 192px;
        height: 151px; 
        background-color: #f6f6f6;
        border-radius: 8px;
    }
        .home-grid .button-box img {
            padding: 9px 9px 1px;   
        }

.home-banner-ribbon {
    background: transparent url('images/hero-banner-ribbon-bg.png') no-repeat top center;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 5px 20px 30px 20px;
    width: 180px;
    height: 210px;
    z-index: 101;
}

.home-banner-ribbon img {
    border-radius:0px;
}

.header-link-text {
font-family: 'ThirstyScriptBold', 'Thirsty Script', Arial;
color: #fff;
font-size: 17px;
padding: 0 5px;
text-align: center;
padding-right:20px;
}


.water-trails-button {
    max-width: 100%;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.396078) 1px 1px 5px 0px;
    border-radius: 8px;
}