@charset "UTF-8";


/* Primary CSS for ANCA Scenic Byways website */


body {
	color:#fff;
	background:rgb(212,216,174);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0px;
	margin:0px;
	margin-top:5px;
	/* margin-top:36px; */
	margin-bottom:36px;
}





/* New Searchbox test */

#searchbox {
	width:225px;
	height:40px;
	color:#fff;
	background-color:#c60;
	position:relative;
	left:50%;
	margin-left:150px;
	color:#fff;
	background:url(assets/leather-bkgrd.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	text-align:left;
	letter-spacing:.1em;
}

form {width:225px;height:40px;background-color:#c60;}
input {padding:0px;margin:0px;margin-left:10px;margin-top:9px;vertical-align:top}





/* The PRIMARY NAVIGATION DIV area.  */

#pnav {
	width:795px;
	position:relative;
	left:50%;
	color:#fff;
	background:rgb(88,69,46);
	font-size:75%;
	font-weight:normal;
	text-align:center;
	/* border:1px solid #000; */
	white-space:nowrap;
	margin-left:-398px;
}

#pnav p {letter-spacing:.1em;padding:10px;margin:0px;}
#pnav a:link {color:#fff;background-color:transparent;text-decoration:none;margin:0px 20px;} 
#pnav a:visited {color:#fff;background-color:transparent;text-decoration:none;margin:0px 20px;}
#pnav a:hover {color:rgb(255,206,59);background-color:transparent;text-decoration:none;margin:0px 20px;}





#snav {
	width:795px;
	position:relative;
	left:50%;
	color:rgb(113,69,5);
	background:rgb(217,216,179);
	font-size:75%;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-left:-398px;
}

#snav p {padding:5px;margin:0px;}
#snav a:link {color:rgb(98,102,69);background-color:transparent;padding:0px 5px;text-decoration:none;}
#snav a:visited {color:rgb(113,69,5);background-color:transparent;padding:0px 5px;text-decoration:none;}
#snav a:hover {color:#fff;background-color:transparent;padding:0px 5px;text-decoration:none;}





/* The PANORAMIC DIV is for the primary image on each page. */

#panoramic {
	width:795px;
	position:relative;
	left:50%;
	background-color:#fff;
	text-align:left;
	font-size:75%;
	/* border-left:1px solid #000;
	border-right:1px solid #000; */
	margin-left:-398px;
	margin-bottom:0px;
}

#panoramic img {padding-left:10px;margin-top:10px;margin-bottom:0px;}





/* The CAPTION DIV is for image captions. */

#caption {
	float:left;
	color:rgb(98,102,69);
	text-align:left;
	font-style:italic;
    width:510px;
    padding-left:20px;
}

#caption p {
    background:rgb(244,243,232);
	color:rgb(98,102,69);
	padding:5px 10px 5px 10px; 
	margin:0px;
	margin-right:10px;
}





/* The BREADCRUMBS DIV is for locating visitors on individual pages. */

#breadcrumbs {
	width:795px;
	position:relative;
	color:rgb(113,69,5);
	background:#fff;
	text-align:left;
}

#breadcrumbs p {padding:5px 10px;margin:0px;}





/* The CONTENT DIV is the container for all primary content on each page. It holds the MARKETING, SEARCHBOX, TEXT and BYWAYS DIVs. */

#content {
	width:795px;
	position:relative;
	left:50%;
	color:rgb(113,69,5);
	background:#ffffff;
	font-size:75%;
	text-align:left;
	vertical-align:top;
	padding:0px 0px;
	padding-bottom:10px;
	/* border-left:1px solid #000;
	border-right:1px solid #000; */
	margin-left:-398px;
	margin-bottom:0px;
}

#content a:link {color:rgb(235,138,53);background-color:transparent;}
#content a:visited {color:rgb(235,138,53);background-color:transparent;}
#content a:hover {color:rgb(113,69,5);background-color:transparent;}

#content h1, #content h2, #content h3 {
	color:rgb(235,138,53);
	background-color:transparent;
	/* font-family:"Times New Roman", Times, serif; */
	font-size:135%;
	/* letter-spacing:.1em; */
	padding:0px;
	margin:0px;
}

#content h1 {margin-bottom:10px;}
#content h2 {font-size:115%;letter-spacing:normal;} /* text-transform:capitalize; */
#content h3 {color:rgb(113,69,5);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;letter-spacing:normal;}  /* text-transform:capitalize; */





/* The MARKETING DIV is for the sidebar area containing the SEARCHBOX and MARKETING DIVs. */

#marketing {
	width:265px;
	float:left;
}

#marketing h1 {text-transform:capitalize;padding:0px 10px;margin:0px;margin-top:25px;}
#marketing h2 {padding:0px 10px;margin:0px;}
#marketing h3 {padding:0px 10px;margin:0px;}
#marketing p {padding:0px 10px;margin:0px;margin-bottom:10px;}

#marketing strong {
	color:rgb(235,138,53);
	font-size:90%;
	text-transform:uppercase;
}


.testimonial {font-style:italic;text-align:center;padding-top:0px;margin-top:0px;margin-bottom:20px;}
.displayad {margin-top:10px;}
#marketing img {border:none;}






/* Popular Picks TABLE */

#marketing table.popular {
	width:245px; 
	background:rgb(212,216,174); /* rgb(210,212,192) */
	padding:0px 0px;
	margin:10px 0px 25px 10px;
	border:none;
}


#marketing table.popular td {border-bottom:1px solid #fff;}
#marketing table.popular tr.last td {border-bottom:none;}


#marketing table a:link {
	display:block;
	color:rgb(113,69,5);
	text-decoration:none;
	padding:5px 0px;

}

#marketing table a:visited {
	display:block;
	color:rgb(113,69,5);
	text-decoration:none;
	padding:5px 0px;
}

#marketing table a:hover {
	display:block;
	color:#fff; /* rgb(235,138,53) */
	text-decoration:none;
	padding:5px 0px;
}





/* List for things to see and do in the marketing column */

#marketing ul {width:245px;padding:0px 10px;margin:0px;margin-bottom:25px;}
#marketing li {list-style-type:none;text-align:left;padding:0px;margin:0px;}
#marketing li a:link {color:rgb(145,149,99);font-weight:bold;}
#marketing li a:visited {color:rgb(145,149,99);font-weight:bold;}
#marketing li a:hover {color:rgb(235,138,53);font-weight:bold}





/* The TEXT DIV  contains all of the main page text, including dynamically-generated content. */

#text {
	width:529px;
	float:left;
	padding-top:20px;
}

#text h1, #text h2, #text h3 {padding:0px 20px;}
#text h4, #text h5, #text h6 {display:none;}
#text h2.pad {margin-bottom:10px;}
#text p {padding:0px 20px;margin:0px;margin-bottom:10px;}
.maps {margin-bottom:10px;}

.event {color:rgb(98,102,69);font-weight:bold;}

#text a.event:link {color:rgb(98,102,69);}
#text a.event:visited {color:rgb(98,102,69);}
#text a.event:hover {color:rgb(212,80,90);}

#text ul {margin-right:20px;margin-bottom:10px;}

#text table {
	width:490px;
	/* background:rgb(244,243,232); just removed this 7/6/09 */
	padding:0px;
	/* margin:10px 20px; just removed this 7/6/09 */
	/* border:solid 1px rgb(98,102,69); */
}

#text table a:link {text-decoration:none;}
#text table a:visited {text-decoration:none;}
#text table a:hover {text-decoration:none;}

#text div #wx_module_7354 {background-color:none;padding:0px;margin:0px;}
#text div #wx_module_7354 table {background-color:none;padding:0px;margin:0px;}

.ctr {text-align:center;}
.lefty {float:left;padding-right:5px;}
.righty {float:right;padding-left:5px;}
.anchors {width:250px;}
.col165 {width:165px;}
.more {color:#999;font-size:90%;}
.mapthumb {margin-right:10px;}




/* This class gets rid of extra spacing in the resource lists for the four themes */
#text ul.resourcelist {
list-style-type:none;
padding:0px;
margin:0px;
margin-left:20px;
margin-bottom:10px;
}

#text ul.indented-resourcelist {    /* this class for theme pages, need indentation under byway*/
   padding-left:6ex;	
}



/* This class gets rid of top and bottom spacing in the lodging, dining and other information listing */
#text ul.ldoilist {
list-style-type:none;
padding:0px;
margin:0px;
margin-left:20px;
}





/* this is for the italicized text below community name and byway name on the detail pages */
.itemdet {color:rgb(113,69,5);} /* rgb(251,190,27); */

#content #text a.itemdet:link {color:rgb(153,125,85);font-style:italic;} /* rgb(213,162,7) this is slighly darker, if needed */
#content #text a.itemdet:visited {color:rgb(153,125,85);font-style:italic;}
#content #text a.itemdet:hover {color:rgb(235,138,53);font-style:italic;}





/* Brochures table */

#brochures {
	background:rgb(244,243,232);
	border:none;
	margin:10px 20px;
	}

#brochures tr {padding-bottom:20px;border-bottom:solid 1px rgb(98,102,69);}
#brochures td {width:245px;}
#brochures h3 {padding:0px 0px 0px 20px;}
#brochures p {padding:0px 0px 0px 20px;}
#brochures img {float:left;padding:2px;border:rgb(113,69,5) 1px solid;margin-right:10px;}

#brochures a:link {font-weight:bold;}





/* Activities and Events tables */

#text table.ae450 {width:450px;}
#text table.ae450 td {width:150px;text-align:left;vertical-align:top;}

#text table.ae350 {width:350px;}
#text table.ae350 td {width:175px;text-align:left;vertical-align:top;}





/* Search Results TABLE */

#results td {padding:2px;margin:0px;}





/* Top Picks TABLE */

#toppicks td {padding:2px;margin:0px;}
#toppicks.col1 {width:200px;}
#toppicks.col2 {width:290px;}
#toppicks a:link {color:rgb(113,69,5);}
#toppicks a:visited {color:rgb(113,69,5);}
#toppicks a:hover {color:rgb(113,69,5);text-decoration:none;}




/* Community Services TABLE*/

#text table.cservices {
	width:490px;
	background-color:#fff;
	border:none;
}

#text table.cservices td {text-align:left;vertical-align:top;border-bottom:1px rgb(98,102,69);}
#text table.cservices td p {padding:0px;margin:0px;}
#text table.cservices ul {list-style-type:none;padding:0px;margin:0px;margin-bottom:10px;}
#text table.cservices li {padding:0px;margin:0px;border-bottom:1px rgb(98,102,69);}





/* Media Contacts TABLE*/

table #media {
	background:rgb(244,243,232);
	border:none;
	margin:10px 20px;
}


#media td {width:163px;text-align:left;vertical-align:top; border-bottom:1px solid rgb(200,183,146);}
#media td p {padding:2px;margin-bottom:5px;margin:0px;}
#media td ul {list-style-type:none;padding:0px;margin:0px;}
#media a:link {color:rgb(113,69,5);}
#media a:visited {color:rgb(113,69,5);}
#media a:hover {color:rgb(113,69,5);text-decoration:none;}
#media p.small {font-size:90%;}
#media tr.last td {border-bottom:none;}





/* Counties TABLE*/

#counties {width:490px;}

#counties td {width:163px;text-align:left;vertical-align:top;}
#counties td p {padding:2px;margin-bottom:5px;margin:0px;}
#counties td ul {list-style-type:none;padding:0px;margin:0px;}
#counties td ul li {padding:2px;margin:0px;border-bottom:1px rgb(98,102,69);}





/* Plan-Your-Stay Tourism Info TABLE */

#text table.tourisminfo {
	width:350px;
	background:rgb(244,243,232);
	margin:10px 20px;
}

#text table.tourisminfo td {text-align:left;vertical-align:top;padding:0px;margin:0px;border-bottom:solid 1px rgb(98,102,69);}
#text table.tourisminfo td p {padding:0px;margin:0px;}
#text table.tourisminfo tr.last td {border-bottom:none;}
#text table.tourisminfo.small {font-size:90%;}





/* County Tourism TABLE*/

#text table.countytourism {
	width:350px;
	background:rgb(244,243,232);
	margin:10px 20px;
}


#text table.countytourism td {text-align:left;vertical-align:top;padding:0px;margin:0px;border-bottom:solid 1px rgb(98,102,69);}
#text table.countytourism td p {padding:0px;margin:0px;}
#text table.countytourism tr.last td {border-bottom:none;}
#text table.countytourism.small {font-size:90%;}





/* Town Tourism Info TABLEs */

#text table.towntourisminfo {
	width:350px;
	background:rgb(244,243,232);
	margin:10px 20px;
}

#text table.towntourisminfo td {text-align:left;vertical-align:top;padding:0px;margin:0px;border-bottom:1px solid rgb(200,183,146);}
#text table.towntourisminfo td p {padding:0px;margin:0px;}
#text table.towntourisminfo td ul {list-style-type:none;padding:0px;margin:0px;}
#text table.towntourisminfo td.last {border-bottom:none;}





/* Town Tourism TABLE*/

#towntourism {width:350px;}

#towntourism td {text-align:left;vertical-align:top;}
#towntourism td p {padding:0px;margin:0px;}
#towntourism td ul {list-style-type:none;padding:0px;margin:0px;}
#towntourism td ul li {padding:2px;margin:0px;border-bottom:1px rgb(98,102,69);}
#towntourism td.last {border-bottom:none;}





/* Byway Town List TABLE*/

#text table.bywaytownlist {
	background:rgb(244,243,232);
	border:none;
	margin:10px 20px;
}

#text table.bywaytownlist td {
	text-align:left;
	vertical-align:top;
	padding:2px 0px;
	border-bottom:solid 1px rgb(98,102,69);
}





/* Town Lists TABLE*/

#townlists {width:350px;}

#townlists td {text-align:left;vertical-align:top;}
#townlists td p {padding:2px;margin-bottom:5px;margin:0px;}
#townlists td ul {list-style-type:none;padding:0px;margin:0px;}
#townlists td ul li {padding:2px;margin:0px;border-bottom:1px rgb(98,102,69);}





/* Town Sites TABLE*/

#text table.townsites {
	width:350px;
	background:rgb(244,243,232);
	margin:10px 20px;
}

#text table.townsites td {text-align:left;vertical-align:top;padding:0px;margin:0px;border-bottom:solid 1px rgb(98,102,69);}
#text table.townsites td p {padding:0px;margin:0px;}
#text table.townsites tr.last td {border-bottom:none;}
#text table.townsites.small {font-size:90%;}





/* Activities-Events details TABLE */

#details {
	background:rgb(244,243,232);
	margin:10px 20px;
}

#details td {text-align:left;vertical-align:top;border-bottom:solid 1px rgb(98,102,69);}
#details td p {padding:0px;padding-bottom:5px;margin:0px;}
#details td.last {border-bottom:none;}
#details.small {font-size:90%;}

#details.col1 {width:150px;}
#details.col2 {width:340px;}
#details.even {width:245px;}
#details.evenlast {width:245px;border-bottom:none;}


.col2 {border-left:solid 1px rgb(98,102,69);}





/* This spacer DIV keeps marketing and text DIVs same height */


#spacer {clear:both;width:775px;padding-left:10px;}





/* This is an upgrade of the footer area, replacing the original byways DIV. */

#footer {
	clear:both;
	width:795px;
	position:relative;
	left:50%;
	color:rgb(113,69,5);
	background:#fff;
	padding-bottom:10px;
	margin-left:-398px;
	margin-top:0px;
	/* border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000; */
}





#byways {
	width:775px;
	background:rgb(244,243,232) url(assets/anca_bkgrd.gif) no-repeat;
	font-size:75%;
	text-align:left;
	padding:20px 0px 10px 0px;
	border-bottom:1px solid rgb(244,243,232);
	margin-left:10px;
}


#byways a:link {color:rgb(235,138,53);background-color:transparent;}
#byways a:visited {color:rgb(235,138,53);background-color:transparent;}
#byways a:hover {color:rgb(113,69,5);background-color:transparent;}


.smtxt {font-size:95%;margin-left:150px;}





/* These DIVs are for the table cells containing the various data for ANCA and tertiary links. */

#anca {width:300px;float:left;text-align:left;vertical-align:middle;}
#anca p {width:250px;padding:0px;margin:0px;padding-left:10px;}
#anca img {margin-right:5px;}

#find {width:100px;text-align:left;vertical-align:top;}
#find p {padding:0px;margin:0px;padding-right:10px;}

#roads {width:165px;text-align:left;vertical-align:top;}
#roads p {padding:0px;margin:0px;padding-right:10px;}

#adks {width:165px;text-align:left;vertical-align:top;}
#adks p {padding:0px;margin:0px;padding-right:10px;}

#resources {width:120px;text-align:left;vertical-align:top;}
#resources p {padding:0px;margin:0px;}





/* The CREDITS DIV is for ANCA's copyright info. */

#credits {
	width:795px;
	position:relative;
	left:50%;
	color:#fff;
	background-color:transparent;
	font-size:75%;
	text-align:left;
	margin:10px 0px;
	margin-left:-398px;
}

#credits p {padding:0px;margin:0px;}


/* Stuff that Brad added */

.fixed-width-table {
    table-layout:fixed;
}

.collapsed-table {
    border-spacing:0;
}

tr.last td {
	border-bottom:none !important;
}


h2.visitor-info-header {
	padding-bottom:1ex !important;
}

/* begin fixes for google search box */

.cse-branding-bottom .cse-branding-logo {
    margin-left:6em;
}