/*************************
exploremaine 3.0
feb. 2011
trish thompson, mainedot
*************************/
/* Imports */
@import url("reset.css");
@import url("forms.css");
@import url("nav.css");

/* general */

body {margin: 0.714em /*10px*/ 0;text-align: center; font: 14px/1.5em normal Tahoma, Verdana Arial, sans-serif;color: #393939;}
/* NOTE: when changing body class, remember to update what's new templates with new class  - full template and search-tbl */

/*body.winter {background: #00A0C6 url(../images/bg/n04-1blue.png) repeat fixed top left;}*/

body.winter { background:#00A0C6 url(../images/bg/winter_cold_landscape.jpg) no-repeat top center; background-attachment:fixed; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }

/*body.spring {background: #979dab url(../images/bg/Bar-Harbor_lobster-boat2.jpg) repeat-x top left;}*/
body.spring {background: #333 url(../images/bg/monhegan.jpg) no-repeat top center;background-attachment:fixed; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;}
body.summer { background:#1c2e47 url(../images/bg/South-Bristol_harbor.jpg) no-repeat top center; background-attachment:fixed; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }

/*body.autumn {background: #000 url(../images/bg/Nature-In-Autumn8-crop.jpg) no-repeat top center;background-attachment:fixed; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;} */

body.autumn {background: #000 url(../images/bg/autumnglow.jpg) no-repeat top center;background-attachment:fixed; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;}

h1 {font-size:1.429em;line-height:1.15em; }
h2{ font-size:1.286em;line-height:1.25em;color:#487FA8 }
h3{ font-size:1.143em;line-height:1.25em; }
h4{ font-size:1em}
h5{ font-size:1em }
h6{ font-size:1em }
h1, h2, h3, h4, h5, h6 {font-weight: 700}
h1, h2, h3, h4, p, ul, ol, dd{margin-bottom:0.857em}
h1, h2, h3, h4 {margin-top: 1em}

/* anchors */
a {outline: 0;}
a img {border: 0; text-decoration: none;}
a:link, a:visited {color: #487FA8;text-decoration: none;}
a:hover, a:active {	color: /*#459A72*/#ff5a00;text-decoration: none;}

blockquote {margin-left:10px;font: 1.143em/1.5em cursive;color:#333;background: #ebebeb url(../images/icons/quote64px_icon.png) no-repeat top left;padding:20px 20px 20px 70px; width:50%}

/*** layout ***/

#wrap {position: relative;	width: 900px;margin: 0 auto;background: #fff url(../images/bg/content-bg.jpg) repeat-y center top;text-align: left; box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;}
* html #wrap {border: 2px solid #f1f1f1}

#contentwrap {min-height:500px;height:auto !important;height:500px;width:860px;margin: 0;padding:1.429em;background: #fff url(../images/bg/contentwrap-bg.png) no-repeat center top; }

/*header */
#header {position: relative;height: 110px; width:900px;	padding: 0;	background: #ebebeb url(../images/bg/header-newrpt-bg.jpg) repeat-x center top;color: #fff;}

.headerimg {width:900px;overflow:hidden}
* html .headerimg {margin-top:0px}

.logo {	position: absolute;	left: 1.929em;top: 1.643em;height: 69px;width: 177px;}
a.logoimg {display:block;background:url(../images/logos/logo-100pxh.png) no-repeat;width:164px;height:70px;margin: 0;padding: 0;border: 0;}
* html a.logoimg {display:block;background:url(../images/logos/logo-100pxh.gif) no-repeat;width:164px;height:70px;margin: 0;padding: 0;border: 0;}

a.mainedothead {background:url(../images/logos/mainedotlogo-new.png) no-repeat;display:block;width:130px;height:40px;margin-left: 210px;margin-top:5px;padding: 0;border: 0;}
* html a.mainedothead {background:url(../images/logos/mainedotlogo-new.gif) no-repeat;display:block;width:130px;height:40px;margin-left: 210px;margin-top:5px;padding: 0;border: 0;}

.topnav {float: right;	margin-top: 1.429em;margin-right: 1.429em;color: #487FA8;}
* html .topnav {margin-right: 0em /*10px*/;} 
.topnav a, .topnav a:visited {color: #487FA8;text-decoration: none;}
.topnav a:hover {color: #ff5a00;text-decoration: underline;}
.topnav a:active {color: #487FA8;text-decoration: none;}
.topnav img {margin-left: 15.571em; margin-top: 0.714em /*10px*/;}
* html .topnav img {position:absolute; top:40px; right:10px;}
* html .topnav {margin-right:10px;}

/*footer */
#footer {clear: both;min-height:110px;height:auto !important;height:110px;width: 880px;background: #fff url(../images/bg/footer-bg.png) no-repeat center top;font-size: 0.875em; padding:1.429em 0 0.714em /*10px*/ 20px;}

#footer a,  #footer a:visited {color: #333;text-decoration:none;}
#footer a:hover {color: #666;}
#footer a:active {	color: #333;}
#footer .copyright {color: #333;text-align: left;padding: 0.714em /*10px*/ 1.429em /*20px*/ 0.714em /*10px*/ 0.714em /*10px*/;}
* html #footer .copyright {padding: 0.714em /*10px*/ 1.429em 0.714em /*10px*/ 1.429em}
#footer h3 {font-size: 120%;color: #333;margin-bottom: 0.357em /*5px*/;padding-bottom: 0.357em /*5px*/;border-bottom: 1px solid #666;}
#footer .links {float: left;text-align: left;margin-right: 0.357em /*5px*/;margin-left:3.571em /*50px*/;padding-left: 0.714em /*10px*/;padding-right: 0.714em /*10px*/;}
* html #footer .links {margin-left:auto;}
/** html #footer .links {margin-left:0}*/
#footer .links ul {padding: 0px;margin:0 0 0 1.071em /*15px*/;}
#footer .links ul li {display:block;padding: 0.143em /*2 px*/ 0px 0.143em /*2 px*/ 0px;margin: 0.143em /*2 px*/ 0 0.143em /*2 px*/ 0; border-bottom: 1px dotted #666;}
* html #footer .links li {border-bottom: 0 solid #666;}

a.mainedotfoot {background:url(../images/logos/mainedot-sm.png) no-repeat;width:100px;height:25px;display:block;}

* html a.mainedotfoot {background:url(../images/logos/mainedot-sm.gif) no-repeat;width:100px;height:25px;display:block;}
	
.logoiconbg {background:url(../images/icons/exploremelogo2-48px.png) no-repeat left top;height: 48px;text-indent: 48px; line-height: 48px;width: 150px;}
* html .logoiconbg {background:url(../images/icons/exploremelogo2-48px.gif) no-repeat left top;height: 48px;text-indent: 48px; line-height: 48px;width: 150px;}
.resourcesiconbg {background:url(../images/icons/info.png) no-repeat left top;height: 48px;text-indent: 58px; line-height: 48px;width: 150px;}
* html .resourcesiconbg {background:url(../images/icons/info.gif) no-repeat left top;height: 48px;text-indent: 58px; line-height: 48px;width: 150px;}
.linksiconbg {background:url(../images/icons/link.png) no-repeat left top;	height: 48px;text-indent: 58px; line-height: 48px;width: 150px;}
* html .linksiconbg {background:url(../images/icons/link.gif) no-repeat left top;	height: 48px;text-indent: 58px; line-height: 48px;width: 150px;}
/* end footer */

/* columns */
.sidecol {width:35%;padding-bottom:0.714em /*10px*/;padding-left:0.714em /*10px*/;}
.sidecol h2{width:100%;-webkit-border-radius: 05px;-moz-border-radius: 05px;border-radius: 05px;padding:4px 0.143em /*2 px*/ 4px 0.143em /*2 px*/;text-align:center;color:#fff;}
.sidecol h3, .sidecol h4, .sidecol p,.sidecol  ul {margin-left:0.714em /*10px*/;margin-right:0.514em}
.sidcol div {margin-bottom:0.714em /*10px*/;}
div.colcontent {background:url(../images/bg/gradientbg-sm.png) repeat-x bottom left;}
div.colcontent p {border-bottom: 1px dotted #a2a5a4;}

/*right col photos */
.photogallery {margin: 0; padding: 0;padding-left:1.429em /*20px*/;}

.photogallery a.pics {float:left; display:inline; padding: 0 0.571em /*8px*/ 0.571em; width:105px; height:102px; }
.photogallery a.pics:hover{opacity:.7;filter:alpha( opacity=70 )}

* html .photogallery a.pics {margin:0.571em 0}
.photogallery a.pics img.thumb {display:block;}

/*background */
.bluebg {background:#487FA8}
.greenbg {background:#459A72}
.colbgbtm, .boxbg btm {background:url(../images/bg/gradientbg-sm.png) repeat-x bottom left}
.ltgraybg {background:#efefef}

/* border */
.bordertop {border-top: 1px solid #dadada;}
.bordertopdash {border-top: 1px dashed #dadada;}
.borderbtm, ul.col li {border-bottom: 1px solid #dadada;}
.noborder{border:0 !important;border-bottom:0}
.gradient-border {background:url(../images/bg/gradientbg-sm.png) repeat-x bottom left;}

/* breadcrumb */
.breadcrumb  {font-size: .857em;margin-right: 0.714em /*10px*/;text-align: right;padding: 0.214em /*3px */ 0}
.breadcrumb a {color: #898989;}
.breadcrumb a:hover {color: #459A72; text-decoration:underline}

/* text*/
.smalltext {font-size: 75%}
.txtright {text-align:right}
.txtcenter{text-align:center}
.bluetxt {color:#487FA8}
.redtxt {color:#F00}
.greentxt, .regionallisting h1 {color:#459A72}
p.captiontxt-lt {color:#fff; margin-top:-25px}
.caption {	font-size: 80%;	font-style: italic;	text-align: center;	margin-top: 1px;}
.photo-w-caption {	margin-bottom: -10px;}
strong, b, .bold {font-weight: 700}
em, i, .italictxt {font-style: italic}

ul, ul.list {list-style:circle;padding-left:10px}
ul.nobullet {list-style:none}

/* position */
.floatright{float:right;margin-bottom:1.21875em;margin-left:1.21875em;}
.floatleft {float:left;margin-bottom:1.21875em;margin-right:1.21875em;}
.offcanvas {position:absolute;left: -1999px;	width: 990px;}
img.right, figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: left; margin: 0 2em 2em 0;}
.clear {clear:both;height:1%;}


img.img-float-right { float: right;	margin: 10px 0px 5px 5px; }

/* corner radius - rounded corners */
.round4 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round2top {-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.round2btm, .colcontent {-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

/* padding & margin */
.pad5px {padding:5px}
.padtop5px {padding-top:5px}
.pad10px {padding:10px}
.padleft5px {padding-left:5px}
.padleft10px {padding-left:10px}
.padleft100px {padding-left:100px}
.padleft20px {padding-left:20px}
.pad-btm-10px, div.colcontent {padding-bottom: 10px}
.pad-top-10px {padding-top: 10px}

.marginleft5px {margin-left:5px}
.margin10px {margin:10px}
.margin-top10px {margin-top:10px}
.margin-btm10px, .colcontent, ul li {margin-bottom:10px}
.marginleft10px {margin-left:10px}
.marginleft50px {margin-left:50px}
.margin-top20px, #tablisting h3 {margin-top:20px}
.marginleft20px, ul, ol {margin-left:20px}
.marginright20px {margin-right:20px}
.marginright50px {margin-right:50px}
.margin-top75px {margin-top:75px}

/* widths */
.width180px {width:180px}
.width350px {width:350px}
.width375px {width:375px}
.width50percent {width:50%}
.width100percent {width:100%}
.minwidth100px {min-width:100px;width:auto !important;width:100px;}

/* regional tab listings */
.provider {border: 0px solid #ffffff}

.detailedlisting {width: 95%;margin: 10px 20px ;}

.regionallisting {width: 90%;margin: 5px 20px;padding: 10px 0;border-bottom: 1px dashed #a2a5a4;
}
.regionallisting h1 {font-size: 115%}

#tablisting .regionallisting a {color: #ff5a00}

#tablisting .regionallisting a:hover {color: #487FA8}

/** html li.lasttab {width: 75px;}*/


/* visibility opacity */
.hoverable {cursor:	pointer}
.hoverable:hover, .opac7 {opacity:.7;filter:alpha( opacity=70 )}
div#preload, .nodisplay { display: none }
.block, .captiontxt-lt {display:block}
.offleft {margin-left:-9999px;height:1px}

/* tableizer tables */
table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-table th {background-color: #104E8B; color: #FFF; font-weight: bold;}

/* bike index page */
div#bikeregionlinks {position: relative; width: 300px;}
div#bikeregionlinks a { display: block; min-height:25px;height:auto !important;height:25px; padding: 5px; text-decoration: none; color: #494949; font-weight: bold; }

div#bikeregionlinks a:hover { background: #efefef; color: #000; text-decoration: none;}
div#bikeregionlinks a span {display: none; }
div#bikeregionlinks a:hover span {
	display: block;height: 223px;width: 200px;position: absolute;left: 171px;top: 1px;}
* html div#bikeregionlinks a:hover span {display:none;}


.aroostookpol {background:url(../images/bike/bike-aroostook-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .aroostookpol {background:url(../images/bike/bike-aroostook-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.downeastpol {background:url(../images/bike/bike-downeast-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .downeastpol {background:url(../images/bike/bike-downeast-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.portlandpol {background:url(../images/bike/bike-portland-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .portlandpol {background:url(../images/bike/bike-portland-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.kennebecpol {background:url(../images/bike/bike-kennebec-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .kennebecpol {background:url(../images/bike/bike-kennebec-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.highlandspol {background:url(../images/bike/bike-highlands-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .highlandspol {background:url(../images/bike/bike-highlands-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.lakesspol {background:url(../images/bike/bike-lakes-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .lakesspol {background:url(../images/bike/bike-lakes-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.beachespol {background:url(../images/bike/bike-beaches-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .beachespol {background:url(../images/bike/bike-beaches-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

.midcoastpol {background:url(../images/bike/bike-midcoast-pol.png) no-repeat; width: 200px; height: 223px no-repeat;}

* html .midcoastpol {background:url(../images/bike/bike-midcoast-pol.gif) no-repeat; width: 200px; height: 223px no-repeat;}

/*** bike tour detail pgs ***/
/* more info link in summary tables */
.moreinfo-listing {text-align:right;padding-right: 20px;height:60px; }
.moreinfo-listing a {font-style: italic;color: #ff5a00;}
.moreinfo-listing a:hover {text-decoration: underline;color: #487FA8;cursor: pointer;}
/* loop table */

table.looptable {background: #ecf5f8; text-align: center; margin-top:1px; margin-bottom: -1px;margin-left:-1px; width: 350x;}

table.looptable thead  {height: 25px; line-height: 25px;}

table.looptable td { border-right: 1px solid #fff;padding:3px;}
table.looptable td.last, table.looptable th.last { border-right: 0px solid #fff;}

table.looptable th { border-right: 1px solid #fff;}

table.looptable th.toprow { border-bottom: 1px solid #fff;}

.tourtblbg {background:#ecf5f8;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;padding:3px 3px 5px 0px;width:500px;margin-left: 10px;margin-bottom: 15px;}
.tourtblbg span {font-weight:bold;padding-left:10px;padding-top:5px;}
* html .tourtblbg {width:486px;padding:0;}


a.bikemap, a.nobikemap, a.bikedetail{float:left;display: block;height: 121px;width: 130px;margin: 0.714em /*10px*/;padding:0}


a.nobikemap, a.nobikemap:hover {background:url(../images/icons/map-icon4-nomap.gif) no-repeat;margin-right:10px;margin-right:5px}
a.bikemap {background:url(../images/icons/map-icon4.png) no-repeat;margin-right:10px;margin-right:5px}
a.bikemap:hover {background:url(../images/icons/map-icon4over.png) no-repeat;}

a.bikedetail {background:url(../images/icons/tourdetails-icon.png) no-repeat;}

a.bikedetail:hover {background:url(../images/icons/tourdetails-icon-over.png) no-repeat;}


* html a.bikemap , * html  a.bikedetail {margin: 0.714em /*10px*/ 0.357em /*5px*/;}
a.nobikemap span, a.nobikemap:hover span, a.bikedetail span, a.bikemap span, a.bikedetail:hover span, a.bikemap:hover span {display: none;}
.detailsonly {display:block !important;margin-left:90px !important;}


/* byway map and details */
a.bywaymap {
display: block;
background:url(../images/icons/map-icon4.png) no-repeat;
height: 121px;
width: 130px;
margin: 10px auto;
}

* html a.bywaymap {
	margin: 10px 5px;
}

a.bywaymap:hover {
background:url(../images/icons/map-icon4over.png) no-repeat;
}
a.bywaydetail span, a.bywaymap span {
	display: none;
}
a.bywaydetail:hover span, a.bywaymap:hover span {
	display: none;
}

/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -3.571em /*50px*/ 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-3.571em /*50px*/ -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
       #cboxClose{position:absolute; /*bottom:0; right:0; */top:0;right:0;background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}	
	   * html #cboxClose {position:absolute; bottom:0; right:0;background:url(../images/colorbox/internet_explorer/ie-close.gif) no-repeat;width:25px; height:25px;}
	   * html #cboxClose.hover{background-position:0 0;}

/*!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.exploremaine.org/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* jquery ui tabs customs styles */
.ui-tabs .ui-tabs-nav li a {font-size: 11px !important;}

div#criticalinfo {display:none;}