@import url(forms.css);
/* 
  -----------------------------------
  Jaffrey Chamber of Commerce Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
Color Scheme
Light Green : 693
Dark Green : 360
Pea Green : cc6
Background Tan : edecc3
Light Tan : f6f6e1
Dark Tan : dcda95

In order to hide the third column - give the BODY element a CLASS of twoCol */

/*============================ Layout ============================*/
body, div, table {
	border:0;
	margin:0;
	padding:0;
	font-family: Centaur, Georgia, "Times New Roman", Times, serif;
	font-size: 100%;}
body {background-color:#333333; background-color:#fff;}
body:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
#pageContainer {
	width:940px;
	padding:0;
	margin: 0 auto;
	min-height:600px;}
#introDiv{
	background: #693 url(../img/theme/headerBackground.jpg) repeat-x 0 0;
	width:auto;}
#headerDiv{
	background: url(../img/theme/headerMountain.jpg) no-repeat 0 0;
	width:100%;
	height:72px;}
#introDiv h1 {
	margin: 0;
	padding: 0;}	
#introDiv h1 span {
	visibility: hidden; 
	display:none;}
	/* Change this back ground to change site wide deafulat sub header image */
#subHeaderDiv{
	height:125px;
	width:auto;
	background: #cc6 url(../img/subHeads/happyHolidaysLong.jpg) no-repeat center 2px;
	background: #cc6 url(../img/subHeads/lake.jpg) no-repeat center 2px;
	}
#subHeaderDiv img{margin:auto; margin-top:2px; }	
/*============================  Header Images ============================*/	
#membership #subHeaderDiv{
	background-image:url(../img/subHeads/winterWreath.jpg)}
#events #subHeaderDiv{
	background-image:url(../img/subHeads/library.jpg)}
#relocation #subHeaderDiv{
	background-image:url(../img/subHeads/sunset.jpg)}
#relocation #subHeaderDiv img{display:none;}	
/*============================  END Header Images ============================*/	
.clearingDiv {
	clear: both;
	height: 0;	
	font-size: 1px;}
#mainDiv {
	background-color:#edecc3;}
#mainContentDiv{
	margin: 0 0 0 190px;
	padding: 20px 15px;
	line-height: 1.5em;
	float:left;
	width:440px;}
#sidebarDiv{
	float: left;
	width: 190px;
	margin: 0 0 0 -660px;
	padding-top:20px;}
#sidebar2Div {
	padding-top:20px;
	float:left;
	width:280px;
	margin:auto;
	text-align:center;}
#members #sidebar2Div {
	background-color:#f6f6e1;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;}
#members #sidebar2Div p{margin-top:2px;}
/* In order to hide the third column - give the BODY element a CLASS of twoCol */
.twoCol #mainContentDiv{
	width:690px;}
.twoCol #sidebarDiv{
	margin-left:-910px;}	
.twoCol #sidebar2Div, .oneCol #sidebar2Div, .oneCol #sidebarDiv{
	display:none;}	
/* In order to hide all columns - give the BODY element a CLASS of oneCol */
.oneCol #mainContentDiv{
	width:800px;
	margin:0;}

#menuDiv {
	margin-left:10px;}	
#footerDiv {
	border-top:2px solid #dcda95;
	background-color:#edecc3;}
#footerContentDiv{
	padding:3px;
	text-align:center;
	font-size:85%;}
#calendarLink {
	float:left;
	width:200px;
	color:#cecece;
	padding-top:3px;}
#ewsTagDiv{
	color:#666666;
	text-align:right;
	padding-top:3px;}
#ewsTagDiv a, #ewsTagDiv a:link, #ewsTagDiv a:visited, #ewsTagDiv a:hover
,#calendarLink a, #calendarLink a:link, #calendarLink a:visited, #calendarLink a:hover{
	color:#ccc;
	text-decoration:none;}
#ewsTagDiv a:hover {
	text-decoration:underline;
	color:#666666;}
/*#calendarLink a, #calendarLink a:link, #calendarLink a:visited, #calendarLink a:hover
	{color:#F5F5F5;
	text-decoration:none;}*/
h1,h2,h3,h4,h5,h6 {color:#360;}
h1 {line-height:100%;}
h1.top {
	border-top: 4px solid #cc6;
	padding-top:10px;
	margin-top:0;}
h2{
	border-bottom: 2px solid #cc6;
	margin-top:2em;}
/* Clear the container item so short pages won't "stick out" the menu*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
.clearfix {display: inline-block;}
* html #mainContentDiv
	{display: inline;}	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.title{font-weight:bold;}
.erc{font-style: italic;}
.committee table {width:400px;}

/*============================ Top Menu items ============================*/
.topMenu {
	background-color:#dcda95;}

img{border:none;}

/*============================ Basic Form Formatting ============================
		The application form formatting is in forms.css */
.required {
	color:#990000;}
.required:after {content: "*";}
.errorMessage {
	color:#900;
	font-weight:bold;}
.errorMessage {
	padding:3px;}
.tinytext {font-size:70%;}
.errorLabel {
	border:2px solid red; 
	background-color:red;
	padding:2px;
	color:#fff;}

.altRowOdd{}
.altRowEven{background-color:#dcda95;}
.tbtabularData{border:1px solid #dcda95;}
.tbtabularData caption {
  font-size: 125%;
  font-weight: bold;
  color: #360;
  margin: 0 0 0 0;
  padding: 0 5px;}
.tbtabularData td {padding-left:1em;}
	
/*=============================Member listing layout scheme===========================*/
h1.category {
	border-bottom:1px solid #aba2ab;
	/*background: url(../img/h1bkgrd.jpg) repeat-y;
	padding-left:30px;*/
	font-size:130%}
.tbMemberListing, .tbMemberListingPreferred{
	width:400px;
	margin-bottom:15px;}
.tbMemberListingPreferred{
	background-color:#f6f6e1;}
th {font-size:medium;}
.thMemberTitle{
	border: 1px solid #6d686d;
	padding:1px;}
.thMemberTitle a{
	display: block;
	color:#fff;}
.divMemberTitle, .divMemberTitleLinked{
	color:#fff;
	text-transform:uppercase;
	background: #693 url(../img/memberbkgrd.gif) repeat-y;
	padding-left:30px;
	padding-bottom:3px;
	padding-top:3px;
	text-align:left;
	vertical-align: middle;
	margin:0;}
.divMemberTitleLinked{
	background: #693 url(../img/memberbkgrdLinked.gif) no-repeat 0 0;}
.divMemberTitleLinked a {display:block;}	
.tdMemberBenefits, .divMemberBenefits {
	width:30px;
	vertical-align:top;
	text-align:right;}
.divMemberBenefits {
	margin:0;
	padding:0;
	float:right;}
.tdMemberDesc {
	padding-top:10px;}	

/*=============================Non Member listing layout scheme===========================*/
.tbNonMemberListings{
	width:100%;
	margin-bottom:1em;}
.tbNonMemberListings caption{
	margin-left:-.5em;
	font-size:1.25em;
	border-bottom:1px solid #360;
	color:#360;}
.nonMemberTitle {
	font-weight:bold;}
/*=============================Mini Results Descriptors===========================*/		
.divMemberListingPreferred, .divMemberListing {}
.miniResults .memberName {font-weight:bold;}
blockquote.memberListing {
	margin-top:0;
	line-height: 1em;}
/*=============================Board Member  Descriptors===========================*/
.boardTitle{
	font-weight:bold;}	
/*=============================Member Details Descriptors===========================*/	
#map{
	width: 90%;
	height: 400px;
	border: 1px solid #000;
	margin:5px;
	margin-left:0;
}
caption {text-align:left;}
#tableMemberDetails {
	border: 1px solid #6d686d;
	width:90%;}
#memberCategories {
	width:200px;
	border: 1px solid #6d686d;
	float:right;
	background-color:#f6f6e1;
	color:#000;
	text-align:center;
	padding:0;
	padding-bottom:5px;}
#memberCategories h1 {
	margin:0;
	font-size:1.2em;
	background-color:#dcda95;
	border-bottom:1px solid #fff;
	margin-bottom:.5em;
	color:#fff}

/*=============================Email Members Descriptors===========================*/	
#emailForm {
	border: 1px solid #6d686d;
	padding-left:15px;
	background: url(../img/logoWtrmk.gif) no-repeat center center;}
	
/*=============================Static Listing Page Layout Scheme===========================*/	
.tbStaticListings{border:1px solid #dcda95;}
.tbStaticListings caption {
  font-size: 125%;
  font-weight: bold;
  color: #360;
  margin: 0 0 0 0;
  padding: 0 5px;}
.trStaticMember{
	background-color:#dcda95;}

/*=============================Calendar Listing Scheme===========================*/	
.month{
	border:1px solid #cc6;}
.month p {
	margin:3px;
	padding-left:10px;}
.month h1 {
	font-size:110%;
	background-color:#cc6;
	color:#fff;
	margin:0;
	padding-left:5px;}
.upcomingEvents {
	border:3px solid #693;
	margin-bottom:.5em;}
.upcomingEvents div{
	border:3px solid #f6f6e1;
	background-position: 100% 10%;
	padding:0;}
.upcomingEvents p {
	padding-left:5px;}
.upcomingEvents h1 {
	font-size:110%;
	background-color:#f6f6e1;
	color:#693;
	margin:0;
	padding-left:5px;}	
.hidden {display:none;}

.upcomingEvents #fireworks {}
.upcomingEvents #artsAuction {
	/*background:url(../img/ArtsAuctionWtrmk.jpg) no-repeat top right;*/}

/*This is to help hide from form bots */
.donteventhinkaboutit {display:none;}