/*  
see:   ~~~~   README-css-general-notes.css    ~~~~  
                     
Greens #006400 (in use)
others: 008000, #4B5320;  #739b40;    516f21;
pale top of footer bar
.footerbar { position:relative display:block; background:c9dbb1;
}


  header1a.jpg 
  header1nov.jpg
  header1a-nov.jpg
header1a-nov-f.jpg      */

body { position:relative;   
color:#000;   
background:#fff url(/twm-icons/bg-mtn.jpg) top right no-repeat;
font: normal 90% Arial, Helvetica, sans-serif;
text-align:center;
width:100%;
margin:0;
padding:0 1px 1px 1px;
  border:none; outline:none;
/*  below is for Firefox   
 	border-top:solid #000 -1px !important; margin-top: 1px !important; */
}
/* ~~~   PAGE  TYPES / WATERMARKS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.full {
	position:relative;
	display:inline;
	overflow:visible;
	float:right;
	width:90%;
	text-align:left;
	margin:12px 0 20px;
	padding:10px 15px 0 0;
	border:none;
	background:transparent;
	color:#000;
	font-size:100%;
}
.article {position:relative; display:block;
	float:right;
	width:74%;
	text-align:left;
	margin:0 0 30px 0;
 padding:2% 3% 0 2%;
	border:none;
	background:transparent;
	color:#000;
	font-size:100%;
}
/*  PNG VERSION:  NB - transparency script not installed for twm - DON'T USE
	background:transparent url(/image-twm/weight-watermark.png) no-repeat bottom left;  */
#watermark { background:transparent url(/twm-icons/weight-watermark.jpg) no-repeat bottom left;   }
.watermark { background:transparent url(/twm-icons/weight-watermark.jpg) no-repeat bottom left;   }
.lefthalf, .righthalf  {	position:relative;
	display:block; 
	background:transparent;
	width:47%;
	float:left;
	margin:0 1em 0 0;
	padding:0;
}
.righthalf {	float:right;  }
/* ~~~  HEADERS  (plus their link styles) ~~~~~~~~~~~~~ */
h1 { position:relative; display:block;  
	text-align:center; 
	width:70%;
	color:#b42304;
	letter-spacing:.15em; 
	margin:0;  padding:.2em 0 1em 0;  
	font: 1.4em arial, helvetica, sans-serif; 
	font-weight:bold;
	background:transparent;
 }
p.subtitle  
{ position:relative; display:block;    width:60%;
    margin:-.8em 0 0 5%;
     text-align:center;   font-size: 1.3em;    
     color:#b42304;
     letter-spacing:.15em;  
     padding:0 0 2em 0;
  }
                         /*  #ffe2dc */
p.subtitle { position:relative; display:block;   
width:60%;  margin:0; padding-left:5%;
text-align:center;  letter-spacing:.12em;  
color:#b42304;
}

.topform h1 {   position:relative; display:block;    
margin:0;   padding:0; 
letter-spacing:.16em;   
}
.topform { position:relative; display:block; 
width:60%;   float:left; margin:0; padding-top:.5%;  padding-left:5%;

} 

.topform h2  { position:relative; display:block; text-align:center;  
margin:0; padding:1em 0 0 0;  color:#006400; }



.topformbox { position:relative; display:block;   
width:80%;  margin:.7% 10% 2% 10%; padding:0 0 2% 0;
text-align:center;  letter-spacing:0;  
color:#b42304; background:#ffe2dc;
} 
    
/* .subtitlebox, p.subtitlebox { position:relative; display:block;  float:left;  width:40%;
    margin:-.8em 0 0 5%;
     text-align:center;       
 border:solid #b42304 1px; background:#ffe9e5; color:#b42304;  padding:1em 0 1em 2em; }

*/

h2, h3, h4, h5, h6 { display:block;
	background:transparent;
	font-size:100%;
	font-weight:bold; 
	text-align:left; 
	padding-top:.5em;  padding-bottom:.1em;
	font-size:1.27em; 
 	color:#006400;
  }  
h3, h4, h5, h6 { font-size:1.1em; color:#000;  }
	/* temp, for home page */ 
	h2.small { font-size:1em;  }
/*   h1 - not spaced */
h1.normal { position:relative; display:block; 
	margin:0 0 1em 0; 
	font: 1.6em arial, helvetica, sans-serif; 
	font-weight:bold;
	text-align:center; 
	color:#5a7c2e; 
	letter-spacing:0;  
	line-height:1.1em; 
}  
/*   headers: dk grey,  LEFT, size = body text  */
h1.std, h2.std, h3.std, h4.std, h5.std, h6.std {
	text-align:left;
	color:#739b40;
	font-size:100%;
}
/*  header link styles  */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
	font: 100% Arial, sans-serif;
 font-weight:bold; 
	color:#739b40;
	text-decoration:none;  border:none; 
}
h1 a:hover, h1 a:focus  { color:#b42304; /* change to brick red */
	text-decoration:underline;  border:none;  
}
/* ~~~   RE-DEFINE  STANDARD FEATURES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p { font: normal 100% Arial, sans-serif; padding-top:.2em;  padding-bottom:.7em; }
em {font-style:italic;  }
strong {  font-weight:bold; }
abbr, acronym { border-bottom:1px dotted #739b40; cursor:help; }
ul {	position:relative;
	display:block;
	padding:0 0 0 2em;
	margin:0 0.5px 0 0;
	color:#000;
}
li {	list-style: disc;
	padding:0;
	margin:0 0 .5em 0;
	font-size:90%;
}
code { color:green; 	background:#fff; }
/* ~~~   COLOURS   ~~~~~~~~~ 
	background:transparent url("/image-twm/greentab.jpg") repeat top left; */
h1.white { color:#fff; }
#white { color:#fff; }
.white { color:#fff; }
h1.white { color:#fff; }
 /* green 739b40 */
.comp {color:#b42304; }  
.comp2 { color:#707070;  }
.dark {  color:#516f21; }   
.black, .nearlyblack {  color:#26360d; }  /*  NEARLY BLACK (GREEN) */
.pale  {  color:#739b40;  }  
/* ~~~   POSITION / HIDE / SHOW / FIXED / BACKGROUND   ~~~~~~~~~ */
.right { text-align:right; }
.left { text-align:left; }
.inline  { display:inline;}
.floatright   { float:right; z-index:100; }
.floatleft   { float:left; }
.block { position:relative; display:block; }
.clear { clear:both; }
.center { display:block;	text-align:center; }
.strong {  font-weight:bold; }
.hide  { display:none; }
.articletop { display:none; }
#narrower { width:38%; }
#nobg {background-image:none; }
#fixed { height:100%; }
.heavy {font-weight:bold;}
.spaceabove {padding-top:3em;}

/* ~~~   BRANDING  STYLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.brandTel  { position:relative;  display:block;  float:left;
	width:280px; 	
	clear:left; text-align:center;  margin:0 0 1px 0; padding:0 0 0 20px;   
	color:#707070; 
	font-size:120%;  font-weight:bold;
}
.dbl-logo {  position:relative;  display:block; 
	width:45%;
	float:left;
	margin:0 1px 0 0;
	padding:0;
}
/*  ~~~ FOR EMERGENCIES ~~~~~~~~~~~ */
.adminmessage { position:relative; 
        width:80%;
        border:2px dashed #739b40;
        padding:10px;
        margin-bottom:15px;
        background:#fff;
      }
/* ~~~   LINKS   (also see header link styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* standard links,  blocklinks:  no border; no underline except on hover sometimes;  */
.decorate { text-decoration:underline;  }
/* normal inline links */
a:link, a:visited, a:hover, a:focus, a:active  { 
	position:relative; display:inline;
	border:none;
	text-decoration:none;
	font: normal 98% Arial, sans-serif; font-weight:bold; 
	color:#006400;
	}
	a:hover, a:active, a:focus { color:#b42304;  }
/* general blocklinks */
.blocklink { position:relative; display:block;}
	.blocklink a:link, .blocklink a:visited 
	 {	 position:relative;  display:block;
		font:  normal 98% Arial, sans-serif;
		 font-weight:bold; 
		color:#006400;
		text-decoration:none; border:none;  
	}
	.blocklink a:hover, .blocklink a:active, .blocklink a:focus 
	{ 	position:relative; display:block; 
		color:#b42304;  
		text-decoration:none; border:none;  
	}
/*   N A V I G A T I O N ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/*   ~~~~~   PRIMARY NAVIGATION  ~~~~~~~~~~~~~  */
.navhoriz { position:relative; 
	display:block;
margin:0;
width:100%;
padding:0;
	overflow:visible;
	clear:both;
}
.navigation { position:relative; 
	display:block;
	margin:0 1%;
	padding:0;
	font:100% normal, Arial, Helvetica, sans-serif;
	line-height:3.5em;
	font-weight:bold;
	/* height:auto; */
width:98%;
clear:right;
}
.navigation ul  { position:relative;	display:block;
 list-style:none;
	padding:0; margin:0;
}
.navigation li { position:relative; display:inline; line-height:3em;   width:7em; 	white-space:nowrap; }

/*  reason for problem is here:
   http://www.positioniseverything.net/explorer/lineheightbug.html
*/
.navigation li a:link, .navigation li a:visited, .navigation li a:hover, .navigation li a:focus,  .navigation li a:active  { 
margin:0 .2em;
	padding:.5em .6em;
	font-weight:bold;
	text-decoration:none;
	border:3px solid #fff; 
	color:#fff;
	background:#6fa750;   
white-space:nowrap; 
}
.navigation li a:visited  {  
margin:0 .2em;
	padding:.5em .6em;
	color:#fff; 
	border:3px solid #fff; 
white-space:nowrap; 
 }  
.navigation li a:hover { 
margin:0 .2em;
	padding:.5em .6em;
	 color:#fff; 
	background:#f27559; 
	border:3px solid #fff; 
white-space:nowrap; 
}
.navigation li a:active {  
margin:0 .2em;
	padding:.5em .6em;
	background:#f27559;
	color:#fff;
	border:3px solid #fff; 
white-space:nowrap; 
}
.navigation li a:focus {  
margin:0 .2em;
	padding:.5em .6em;
border:3px solid #6fa750;
	border:3px solid #fff; 
	border-bottom:none;
	font-weight:bold;
	color:#fff;
	background:#b42304; /*#2E8B57; */
white-space:nowrap; 
}
li.here { display:inline; 
margin:0 .2em;
	padding:.5em .6em;
white-space:nowrap; 
}
li.here a:link, li.here a:visited, li.here a:hover, li.here a:active, li.here a:focus {
	border:3px solid #89bb40;
	border-bottom:none;
	background:#fff;
	color:#204544;
	font-weight:bold;
	text-decoration:none; 
margin:0 .2em;
	padding:.5em .6em;
white-space:nowrap; 
}
 li.here a:visited {
margin:0 .2em;
	padding:.5em .6em;
color:#204544; white-space:nowrap; 
 }
 li.here a:hover  { 
margin:0 .2em;
	padding:.5em .6em;
color:#204543; white-space:nowrap; 
 }
 li.here a:active {   
margin:0 .2em;
	padding:.5em .6em;
	color:#204544; 
white-space:nowrap; 
 }




/*  ~~~~~~~~~   SECONDARY NAVIGATION ~~~~~~~~~~~~~ */
.leftbar { position:relative;
	display:block; clear:left; 
/*  below is for Firefox  
	border-top:solid #000 -1px !important; margin-top: 1px !important; */
/* overflow:none;*/
	width:15%; 
	float:left;
	text-align:left;
	background:#fff;	
top:5px;
	margin:5% 0 3% 1%;
	padding:0;
	color:#b42304;
	font-size:100%;
}
/* ~~~~~ only applies to side tabs  ~~~~~*/

/* for "IN THIS SECTION:"  (goes above sidenavigation) */
h2.side  { position:relative; display:block;    width:100%;
	margin:0 0 1em 0; 
	padding:.5em 0;
	font: 1em Arial, Helvetica, sans-serif;
font-weight:bold;
	text-align:center;
	color:#b42304;
border:none; 
border-top: 1px solid #b42304;
border-bottom: 1px solid #b42304;
}

.sidenavigation { position:relative; display:block;  
/*overflow:hidden;*/
	 width:100%;  
	/*margin-left:1.5em;*/
 padding:0;
	font:  98% Arial, Helvetica, sans-serif;  font-weight:bold; 
}
.sidenavigation ul { position:relative; display:block;  
	width:100%; 
	list-style:none;
	padding:0;
	margin:0; 
	background:transparent;
}
.sidenavigation li { position:relative;  display:block;  
	background:transparent;
	width:100%; 
	margin:0 0 1em 0;
	padding:0 2em 0 0;
 }
.sidenavigation a:link, .sidenavigation a:visited, .sidenavigation a:hover, .sidenavigation a:active,  .sidenavigation a:focus   {  position:relative; 
	display:block;  
	width:98%; 
	padding:.5em 3em .5em 0;
	background:#6fa750; 
	color:#fff;
	text-align:right;
	border:none;
	font:100% normal, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	text-decoration:none;
}
.sidenavigation a:hover, .sidenavigation a:active, .sidenavigation a:focus  {  position:relative;  
	display:block;  
	width:98%; 
	padding:.5em 3em .5em 0;
	background:#f27559;
	color:#fff;
	text-align:right;
	border:none;
	font:100% normal, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	text-decoration:none;
}

/*  end side tabs*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
QUIZ AND NEWSLETTER BOXES USE:
newsletterlink, h1.linktoNL, em.blocklinkNewsletter
 (plus their links)
~~~~~~~~~~~~~~~~~~~~~~~  */
.newsletterlink { position:relative; display:block; 	
	overflow:hidden; /*  @@ */
	text-align: center;
	border: 4px double #739b40; 
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	color:#26360d;
	margin:0 0 2em 0;
	padding: .5em 1em .5em 1em;
 }
.extrasidenav { 
	position:relative; display:block; 	
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	color:#26360d;
	margin:0 0 2em 0;
	padding: .5em 1em 1.5em 1em; 
	border:none; 
	border-right:1px #6fa750 solid; 
}

.linktoNL, h1.linktoNL, h1.linktoNL a:link,  h1.linktoNL a:visited, h1.linktoNL a:hover, h1.linktoNL a:active, h1.linktoNL a:focus, em.blocklinkNewsletter a:link, em.blocklinkNewsletter a:visited, em.blocklinkNewsletter a:hover, em.blocklinkNewsletter a:active, em.blocklinkNewsletter a:focus  { 		position:relative; display:block; 
	overflow:hidden; 
	width:99%; 
	margin:0; 
	padding:0; 
	letter-spacing:0;
	text-align:center; 
	font: 1em Arial, Helvetica, sans-serif;  
	font-weight:bold; 
	color:#26360d;
	text-decoration:none;
	border:none; 
	}
 h1.linktoNL a:hover { color:#b42304; }
em.blocklinkNewsletter a:link, em.blocklinkNewsletter a:visited, em.blocklinkNewsletter a:hover, em.blocklinkNewsletter a:active, em.blocklinkNewsletter a:focus  { position:relative; display:block; 
	overflow:hidden; 
	width:99%;
	font-size:.8em;
	font-weight:normal; 
	padding:0; 
	color:#26360d; 
	text-decoration:none;
	border:none; 
	}
em.blocklinkNewsletter a:hover, em.blocklinkNewsletter a:active, em.blocklinkNewsletter a:focus { position:relative; display:block; 	
	overflow:hidden; 
	width:99%;
	font-size:.8em;
	font-weight:normal; 
	margin:0; 
	text-decoration:none;
	border:none; 	
 	color:#b42304;  
	}
 
/* ~~~   INFO DISPLAY / BOXES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* original gradient was 
http://www.templetonfinn.co.uk/image-twm/green-RtoL.jpg */
.noborder {  border:none; }
.box, .boxwide, .boxborder  { 
	position:relative; 	display:block; 
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	border:1px #6fa750 solid; 
	padding:1.5em; 
 }
	.box { width:45%; margin:1.5% 20% .1% 20%; padding:2% 3%;  font: 1em arial, helvetica, sans-serif; }
	.boxwide {  width:93%;}
	.boxborder { background-color:#fff;  width:93%; 
	border:3px #6fa750 solid; 
	}

.boxright, .salebox { 	position:relative; display:block; 
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	width:15%; float:right; 
	border:none;
	margin:15% 0 .1% 20%; 
	padding:2em 2em 2em 3em; 
z-index:100;
}


.boxright2 { position:relative; display:block; 
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	width:15%; float:right; 
	border:none;
	margin:0 0 3em 3em; 
	padding:2em 2em 2em 3em; 
z-index:100;	border-left:1px #6fa750 solid; 
}

.salebox {   z-index:100; width:340px;
	margin:10px 0 10px 10px; padding:10px; }
h2.salebox { 	position:relative; display:block; width:140px;  margin:0; padding:0 0 10px 0;  float:right; font-size:1em; }
.salepic { display:block; float:left; width:180px; margin:10px 10px 0 0; padding:0 0 30px 0; } 

.newsbox, .rhsbox { z-index:100;
	position:relative; 	display:block; 
	background:none; 
	width:19%; 
	float:right; 
	border:none;
	border-left:1px #6fa750 solid; 
	margin:0;
	margin-top:15%; 
	padding:1% .5% .1% 2%; 
}
	.rhsbox { margin-top: 1%; border-left:8px #6fa750 solid;  }

/* ~~~  IMAGES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img { position:relative;
	display:inline;
	border:none;
	margin:0 10px 0 0;
	padding:5px;
}
img a:link, img a:visited, img a:hover, img a:active, img a:focus { border:none; }
img.rightsidepic { z-index:100; position:relative; display:block; 
	float:right; 
	width:30%;   
	 }
img.leftsidepic { position:relative; display:block; 
	float:left; 
	width:30%;   
	 }
img.fill { position:relative; display:block; 
	float:left; 
	width:98%;   
margin-left:1%;
padding:0;
	 }
/* for Book covers */
.bookright { position:relative; display:block; 
	 padding:.5em; 
	margin:.2em 0 .5em 1em; 
	border:solid 2px #739b40;   
	float:right; 
}
.book { position:relative; display:block;  
	 padding:.5em; 
	border:solid 2px #739b40;   
	float:left; 
	margin:.2em 1em .5em 0; 
 }
.book a:link , .book a:visited , .book a:hover , .book a:active, .book a:focus { 
border:solid 2px #739b40; }

/* for use on green bg */
img.sidepic { position:relative;
	display:block;
	width:90%;
	border:3px solid #fff;
	margin-left:5%;
}

/* ADMIN IMAGE  for tracking images */
.fix1  { position:relative; display:block; height:1px; width:1px; overflow:hidden; padding:0; margin:0; border:none; }
/* ADMIN IMAGE  for header logo - and email in footer (with #vtop) */
img.butt { 	position:relative;
	display:inline;
	border:none;
	margin:0;
	padding:0;
}
.dbl-logo img { width: 260px;  padding-top:2px; border:none; outline:none;  }
 .dbl-logo img a:link {  border:none; outline:none;   }
/*  ~~~   FOOTER   ~~~ */
.nav-foot {  display:block;
	background:transparent;
	font-size:94%;
	color:#739b40;
	text-align:center;
	margin:1em 1em 3em 1em;
	clear:both;
}     
.nav-foot  ol { background:transparent;
	display:inline;
	list-style:none;
	border-top:1px solid #6fa750;
	border-bottom:1px solid #6fa750;
	margin:2em;
	padding:.2em;
	text-align:center;
	clear:both;
	line-height:2.2em;
}
.nav-foot  li { display:inline;
	padding:0;
	text-align:center;
	border:none;
}
.footer { position:relative; display:block; 
/*background:transparent url("/image-twm/base.gif") repeat-x bottom left;	*/
/*padding-bottom:37px; bottom:0; */
margin:8em 0 0 0;
text-align:center;
color:#739b40;  /*  #516f21;  */
clear:left;
}
h3.footer { font-size:70%; color:#739b40; }
h4.footer { font:italic 99%  Georgia serif;
	color:#6fa750;
	line-height:1.3em;
}
address {
	text-align:center;
	font-style:normal;
	font-size:100%;
	color:#739b40;
}
address.big {
	padding-left:.1em;
	color:#739b40; 
	font-size:101%;
	font-weight:bold;
	text-align:left;
}

/*   ~~~   FIRST LETTER ~~~~~~~~~~~  */
.first:first-letter {
/*	line-height:0.3em;	*/
	position:relative;
	display:inline;
	overflow:visible;
	float:left;
	font-size:360%; 
	line-height:60%;
	margin:-4px 0 00;
	padding:0 2px 8px 0;
	color:#b42304;
	height:100%;
}
/*  ~~~   FIRST:  ~~~~~~~~~~~~~~~~~~~~~~~~ */
p.first:first-letter { position:relative;
	float:left;
	font-size:360%;
	line-height:60%;
	margin:-4px 0 00;
	padding:0 2px 8px 0;
	color:#b42304;
}
/* BLOCKQUOTES  */
blockquote {  position:relative; display:block;
	overflow:hidden;
	float:right;
	margin:1em;
	padding:.5em;
	width:30%;
	border-top:3px double #b42304;
	border-right:none;
	border-bottom:3px double #b42304;
	border-left:none;
	background:transparent;
	color:#b42304;
	font:italic 1em Arial, Helvetica, sans-serif; 
	line-height:1.7em;
 }
.pullquote {
	position:relative;
	display:block;
	overflow:visible;
	float:right;
margin:10px 0 20px 25px;
padding:20px 0;
	width:30%;
	border-top:3px double #b42304;
	border-bottom:3px double #b42304;
	border-right:none;
	border-left:none;
	background:#fff;
	font:italic 1.15em Lucida, "Palatino Linotype Italic", "Palatino Linotype", Georgia, serif;
	color:#b42304;
	line-height:1.7em;
}
/*  ~~~   INLINE = NO "display" + NO "height"   ~~~~~    */
.huge { display:inline; position:relative; float:left;
	line-height:300%;
/*  top did have a mius sign before it . . . .   */
	margin:0.5em .5em .1em 5px;
	font-size:380%; font-weight:bold;
	color:#590e27;
	text-align:left;
}
/*  ~~~  DISPLAY EMAIL IMAGE  ~~~  */
.imgvtop {  vertical-align:top; }  
#imgvtop {  vertical-align:top; }  
h1#newsbox { position:relative; display:block;  
	background:transparent;
	color:#3c3d3f; /*707070;  */
	font-size:8em;  
	text-align:center;  
 }
.forcetobottom { display:none;  }

:lang(en-us)>q {   quotes: "\201c" "\201d" "\2018" "\2019"; }
q:before, q:after {  font-size:2em; }

.footerbar { margin:1.8em 0 0 0; padding:.9em 1em .7em 1em; position:relative; display:block; 
background:#c9dbb1 url("/image-twm/base.gif") repeat-x bottom left;
font-weight:bold;
color:#fff;
font-size:.9em;
}

.clearleft { clear:left; }
/*
---------------------------
 HTML
<p lang="en"><q>I don't know</q></p>


matching end tag 


*/
.article a, .leftbar a {text-decoration: underline ; color:#005d8c; }
.enlbuynow { background: url(/image-twm/enl-buynow.jpg); }