@charset "utf-8";
/* CSS Document */

/* TOP LEVEL SELECTORS */
/*****************************************************************************/

body
{
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, p, form, input
{
  padding: 0;
  margin:  0 0 6px 0;
}

img
{
  border: none;
}

fieldset
{
  border: none;
	padding: 0;
	margin: 0;
}

legend
{
  display: none;
}

a
{
  color: #3389c6;
}

a:hover
{
  text-decoration: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	line-height: 0px;
	font-size: 1px;
}
#wrapper {
	width: 975px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#background_wrapper {
	width: 965px;
	padding-left: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/shadow.png);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	position: relative;
}
#home_wrapper {
	width: 955px;
	background-color: #FFFFFF;
}
#logo {
	float: left;
	width: 955px;
}
/**  TOP NAV **/

/* must have the margin & padding set to 0 or it will sit wrong in div*/

/* this is where I've set how wide my container should be and added a background image IT MUST BE THE SAME NAVE AS THE UL LI TAGS*/

/* this is the main nav using LISTOMATIC horizontal nav*/
#navlist {
	float: left;
	width: 955px;
	height: 51px;
	color: #FFFFFF;
	margin: 0px;
        padding: 0px;
	line-height: 51px;
	background-color: #9C2122;
       text-align: center;
}
#navlist ul
{
	text-align: center;
	margin: 0px;
	padding: 0px;
} 
#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
        padding-left: 15px;
}
#navlist li a:link, #navlist li a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF7E8;
	text-transform: uppercase;
}
#navlist li a:hover, #navlist li a:active, #navlist li a#current {
	color: #ebbd60;
}

#featured {
	float: left;
	width: 275px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#featured img {
    margin: 0;
	padding: 0;
}
#mainimage {
	float: left;
	width: 680px;
	background-image: url(images/barn.jpg);
	background-repeat: no-repeat;
	height: 450px;
	margin-bottom: 20px;
}#navimage {
	float: left;
	height: 4px;
	width: 955px;
	background-color: #4890ca;
}
#calendar {
	float: right;
	width: 308px;
	margin-right: 72px;
}
#calendar #mailinglist {
	width: 175px;
	float: left;
}

#calendar_template {
	z-index:1;
	position: absolute;
	left: 649px;
	top: 190px;
	width: 311px;
}
#familyfun {
	width: 301px;
	float: left;
	padding-right: 26px;
}
#AE {
	float: left;
	width: 301px;
	padding-right: 26px;
}
#lowerfeatured {
	float: left;
	width: 618px;
	background-color: #c4b081;
	margin-top: 26px;
	padding-top: 20px;
	padding-left: 10px;
}
#lowerfeatured img {
	border: 2px solid #eae4d5;
}

.featuredimage1 {
	margin-right: 4px;
}

.featuredtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #9c2021;
	font-weight: bold;
	margin-left: 19px;
	margin-top: 20px;
}
.featuredname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #484848;
	margin-left: 19px;
	font-weight: bold;
}
.featuredname a:link, .featuredname a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #484848;
	font-weight: bold;
	text-decoration: none;
}
.featuredname a:hover, .featuredname a:active {
	color: #EEEEEE;
	text-decoration: none;
}
.enter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #9c2021;
	font-weight: bold;
	border: 1px solid #A32021;
	width: 70px;
	margin-left: 125px;
	margin-top: 80px;
	text-align: center;
	padding: 5px;
}
.enter a:link, .enter a:visited {
    color: #9c2021;
	text-decoration: none;
}
.enter a:hover, .enter a:active {
	color: #D7D7D7;
}
#bottomright {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	float: left;
	margin-top: 26px;
	width: 289px;
	margin-bottom: 17px;
}
.allrights {
	margin-left: 37px;
}

.itinerarybutton {
	margin-left: 30px;
}
.addbusiness {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #9c2021;
	letter-spacing: 0.125em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
}
.addbusiness a:link, .addbusiness a:visited {
    color: #9c2021;
	text-decoration: none;
}
.addbusiness a:hover, .addbusiness a:active {
    color: #c4b081;
	text-decoration: none;
}
#bottomnavlist {
	float: left;
	width: 955px;
	height: 75px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	line-height: 75px;
	text-align: center;
}
#bottomnav {
	margin-left: 15px;
}

#bottomnavlist ul
{
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
} 
#bottomnavlist li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
}
#bottomnavlist li a:link, #bottomnavlist li a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-transform: uppercase;
    border-right: 1px solid #9fa1a4;
    padding-right: 25px;
}
#bottomnavlist li a:hover, #bottomnavlist li a:active, #bottomnavlist li a#current {
	color: #c4b081;
}
.sweetdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9c2021;
	font-weight: normal;
	margin-top: 10px;
	line-height: 20px;
	text-transform: uppercase;
}
.maplelinks a {
	color: #685724;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
        text-transform: uppercase;
        line-height: 20px;
}
.maplelinks a:hover {
	color: #A58634;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#template_mainarea {
	width: 915px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#template_mainarea h1 {
	text-transform: uppercase;
	color: #9C2122;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
        margin: 10px 0 10px 0
}
#template_mainarea h2 {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
        margin: 0px 0 20px 0
}
#template_navimage {
	float: left;
	height: 4px;
	width: 955px;
}
.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}
#intro_title  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 60px;
	float: left;
        width: 855px;
}
#intro_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	padding-left: 60px;
	padding-right: 50px;
	line-height: 24px;
	margin-bottom: 10px;
}
#packagearea p a, #packagearea p a:link, #packagearea p a:visited {
	text-decoration: none;
	color: #333;
	font-size: 15px;
	font-weight: normal;
}
#packagearea p a, #packagearea p a:hover, #packagearea p a:active {
	text-decoration: none;
	color: #666;
	font-size: 15px;
	font-weight: normal;
}
#testpage #background_wrapper #home_wrapper #template_mainarea #packagearea .eventdate {
	color: #666;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#packagearea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	padding-left: 60px;
	padding-right: 50px;
	line-height: 24px;
	margin-bottom: 10px;
}

#intro_text a {
        text-decoration: none;
        color: #000000;
}
#intro_text a:hover {
        color: #999999;
}   
.rolloverclick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #9C2122;
	text-align: right;
}
#whattodo {
	float: left;
	padding-left: 0px;
}


.fltlft_whattodo {
	float: left;
	width: 178px;
	margin-top: 15px;
	margin-right: 25px;
	margin-left: 25px;
}
#whattodo_subpage {
	float: left;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 15px;
}
.fltlft_whattodo_subpage {
	float: left;
	width: 90px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.clickforcategory  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #666666;
	text-decoration: none;
    line-height: 30px;
}
.clickforcategory a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #666666;
	background-position: center;
	text-decoration: none;
}

#wheretostay {
	float: left;
	padding-left: 0px;
}
.fltlft_wheretostay {
	float: left;
	width: 270px;
	margin-top: 15px;
	margin-right: 17px;
	margin-left: 17px;
}
#backto {
	text-align: left;
	font-size: 12px;
	color: #999999;
	margin-right: 20px;
}
#backto a {
        text-decoration: none;
        color: #999999;
}
#backto a:hover {
        color: #666666
}
.rollovers, .rollovers a:link, .rollovers a:active {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0px;
	padding: 5px 0 5px 10px;
	position: absolute;
}
.rollovers a:hover, .rollovers a:visited {
    background-color: #949E19;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
}

/** this is how we highlight the nav area**/

#wtd #navlist .todo a,
#wtd_sea #navlist .todo a,
#wtd_agri #navlist .todo a,
#wtd_sh #navlist .todo a,
#wtd_sp #navlist .todo a,
#wtd_pk #navlist .todo a,
#wtd_ht #navlist .todo a,
#wtd_mf #navlist .todo a,
#wtd_ae #navlist .todo a,
#wts #navlist .stay a,
#wte #navlist .eat a,
#wts_argyle #navlist .stay a,
#wts_cambridge #navlist .stay a,
#wts_fortann #navlist .stay a,
#wts_fortedward #navlist .stay a,
#wts_granville #navlist .stay a,
#wts_greenwich #navlist .stay a,
#wts_hampton #navlist .stay a,
#wts_hartford #navlist .stay a,
#wts_salem #navlist .stay a,
#wts_shushan #navlist .stay a {
        color: #ebbd60;
}

/** this is for the category listing pop up windows **/
#apMARKETS {
	width:163px;
	z-index:1;
	left: 574px;
	top: 207px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#apSTAY {
	width:163px;
	z-index:1;
	left: 513px;
	top: 93px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#apSTAY a, #apEAT a, #apPARKS a, #apMARKETS a {
        color: #ffffff;
        text-decoration: none;
}
#apSTAY a:hover, #apEAT, #apPARKS a:hover, #apMARKETS a:hover  {
        color: #ebbd60;
        text-decoration: none;
}
#apEAT {
	width:163px;
	z-index:1;
	left: 552px;
	top: 14px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#apEAT {
	width:163px;
	z-index:1;
	left: 552px;
	top: 14px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#apPARKS {
	width:163px;
	z-index:1;
	left: 514px;
	top: 201px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#data_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        line-height: 16px;
	color: #000000;
	padding-left: 65px;
	padding-right: 50px;
	margin-bottom: 10px;
	float: left;
        width: 750px;
}
#data_text a, #data_text a:visited {
        text-decoration: none;
        color:  #9C2122;
        font-size: 10px;
        font-weight: bold;
}
#data_text a:hover {
        text-decoration: none;
        color:  #9C2122;
        font-size: 10px;
        font-weight: bold;
}
.datatitle {
       text-transform: uppercase;
       color:  #9C2122;
       font-weight: bold;
}
#data_text td { 
       padding-bottom: 20px;
       padding-right: 40px;
       width: 33%;
       vertical-align: top;
}
#listings {
       width: 200px;
       padding-bottom: 20px;
       border-right: 1px solid #666666;
}
#calendarlft {
        float: left;
        width: 55%;
	padding-left: 60px;
	padding-right: 20px;
	margin-bottom: 10px;
        font-size: 12px; 
        color: #333333;
        line-height: 18px;
}
#calendarlft a {
        color:  #9C2122;
        text-decoration: none;
        line-height: 9px;
}
#calendarlft a:hover {
        color:  #ebbd60;
        text-decoration: none;
        line-height: 9px;
}

#calendarrt {
        float: left;
        width: 30%;
	    line-height: 24px;
	    margin-bottom: 10px;
}
.eventdate {
        color: #949E19;
        font-weight: bold;
        font-size: 13px;
        border-bottom: 1px solid #999999;
        padding-bottom: 5px;
        margin-bottom: 5px;
}
.eventtitle {
        color: #9C2122;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0px;
        font-size: 12px;
}
.photocredit {
	font-size: 12px;
	font-style: italic;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
}
.photocredit a {
	font-size: 12px;
	font-style: italic;
	color: #666666;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}
.photocredit a:hover {
	font-size: 12px;
	font-style: italic;
	color: #999999;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}
#townmainarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9C2122;
	padding-left: 60px;
	padding-right: 50px;
	line-height: 24px;
	margin-bottom: 10px;
	float: left;
}
#townmainarea a {
        text-decoration: none;
        color: #999999;
        font-size: 10px;
        font-style: italic;
}
#townmainarea a:hover {
        color: #666666;
}
.dataHEADER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
        border-bottom: 1px solid #666666;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 20px;
}.lwl_title {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	padding-right: 5px;
}
.lwl_link a {
	font-size: 12px;
	color: #9C2122;
}
#marketslft {
        float: left;
        width: 45%;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 10px;
        font-size: 12px; 
        color: #333333;
        line-height: 18px;
}
#marketslft a {
        color:  #9C2122;
        text-decoration: none;
        line-height: 9px;
}
#marketslft a:hover {
        color:  #ebbd60;
        text-decoration: none;
        line-height: 9px;
}

#marketsrt {
        float: left;
        width: 30%;
	    line-height: 24px;
	    margin-bottom: 10px;
}
#bridges {
	margin-right: 20px;
	background-color: #949e19;
	width: 824px;
}


#bridgestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#bridgestext a {
	color: #FFF;
	text-decoration: none;
}
#bridgestext a:hover {
	color: #9C2122;
	text-decoration: none;
}
#birdingimg {
        float: left;
        width: 259px;
}
#birding1 {
        float: left;
        width: 535px;
        height: 150px;
	font-family: Arial, Helvetica, sans-serif;
        float: left;
        color: #9C2122;
        font-size: 17px;
        padding: 40px 20px 0px 40px;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        line-height: 22px;
}
#birding1 img {
        margin-right: 30px;
}
#birding2 {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	padding: 35px 25px 35px 35px;
        background-color: #949e19;
        line-height: 20px;
}
#birding2 a:link, #birding2 a:visited {
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
}
#birding2 a:hover, #birding2 a:active {
        color: #9C2122;
        text-decoration: none;
        font-weight: bold;
}

/* SEASONAL EVENTS STYLING */
#seasonal_lft {
        float: left;
        width: 55%;
	padding-left: 60px;
	padding-right: 20px;
	margin-bottom: 10px;
        font-size: 12px; 
        color: #333333;
        line-height: 18px;
}
#seasonal_lft a {
        color:  #9C2122;
        text-decoration: none;
        line-height: 9px;
}
#seasonal_lft a:hover {
        color:  #ebbd60;
        text-decoration: none;
        line-height: 9px;
}

#seasonal_rt {
        float: left;
        width: 30%;
	    line-height: 24px;
	    margin-bottom: 10px;
}
.seasonal_header {
        color: #0f7201;
        font-weight: bold;
        font-size: 13px;
        border-bottom: 1px solid #999999;
        padding-bottom: 5px;
        margin-bottom: 5px;
}
.seasonal_eventdate {
        color: #9C2122;
        font-weight: bold;
        font-size: 12px;
         margin-bottom: 5px;
}
.seasonal_eventtitle {
        color: #9C2122;
        text-transform: uppercase;
        margin-bottom: 5px;
        font-size: 13px;
}
#townmainarea a:link, #townmainarea a:visited {
        line-height: 10px;
}
#template_mainarea .tourtitle {
	color: #949e19;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 40px;
}
.tourimage {
	background-color:#F3F3F3;
	border-bottom-color:#DDDDDD;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#DDDDDD;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#DDDDDD;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#DDDDDD;
	border-top-style:solid;
	border-top-width:1px;
	padding: 3px;
	float: left;
	margin-right: 15px;
}
.packageimage {
	background-color:#F3F3F3;
	border-bottom-color:#DDDDDD;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#DDDDDD;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#DDDDDD;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#DDDDDD;
	border-top-style:solid;
	border-top-width:1px;
	padding: 3px;
	float: left;
	margin-right: 15px;
}

#template_mainarea #intro_text #tour {
	float: left;
	width: 800px;
	margin-bottom: 25px;
}
#intro_text p .tour a, #intro_text p .tour a:link, #intro_text p .tour a:visited {
	color: #949e19;
}
#intro_text p .tour a:hover, #intro_text p .tour a:active {
	color: #666d11;
}
#template_mainarea #intro_text h1 {
	color: #666;
	font-weight: normal;
	text-transform: none;
	font-size: 17px;
}

#apSHOPS {
	width:185px;
	z-index:1;
	left: 600px;
	top: 146px;
	background-color: #231f20;
	padding: 15px 10px 20px 20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	visibility: hidden;
	position: absolute;
}
#apSHOPS a {
        color: #ffffff;
        text-decoration: none;
}
#apSHOPS a:hover {
        color: #ebbd60;
        text-decoration: none;
}