/*default stylesheet vermontguides*/
.dropcap /* drop cap (apply inline to first letter)  */ { color: silver; font-size: 600%; font-family: Impact, "Arial Black"; line-height: 100%; position: relative; top: 0; left: 0; float: left; }




/* this is the small cover atop the leftnav 120x155 px*/
div.smcover { line-height: 155px; background-image: url(../2010/cov0710SM.jpg); background-repeat: no-repeat; width: 120px; overflow: visible; margin-top: 4px !important; }

/* this is the medium sized covers in the bottom component 140x181 px */
.mcover  { background-image: url(../2010/cov0710MD.jpg);  line-height: 181px; background-repeat: no-repeat; overflow: visible; margin-bottom: -12px;}
.mcoverTG { background-image: url(../2010/covTG0210MD.jpg); line-height: 181px; background-repeat: no-repeat; overflow: visible; margin-bottom: -12px; }


.index_story  /* for story items on index.html */ { font-size: 1em; font-family: Georgia, Palatino, "Times New Roman", Times, serif; line-height: 1.5em; text-align: left; padding-right: 10px; }
.index_storySM  /* for story items on index.html */ { font-size: 0.9em; font-family: Georgia, Palatino, "Times New Roman", Times, serif; background-color: #fffae6; text-align: left; padding-right: 10px; }
.index_story_bump  /* for bold item on index story item */ { color: #2b3a52; font-family: "Arial Black", Impact; }
.index_story_bumpSM  /* for bold item on index story item */ { color: #2b3a52; font-family: "Arial Black", Impact; }
.bt_em  /* text only link */ { font-size: 12px; font-family: Arial, sans-serif; }
div.smcoverTG { line-height: 155px; background-image: url(../2010/covTG0210SM.jpg); background-repeat: no-repeat; width: 120px; overflow: visible; margin-top: 4px !important; }





/*top   ----------------------------------------------- */
body { color: #616161; font-size: 1em; font-family: Georgia, Palatino, "Times New Roman", Times, serif; line-height: 1.5em; background-image: url(sidegrade1200x1g.gif); background-repeat: repeat-y; background-position: center 0; width: 100%; margin: 0; padding-top: 10px !important; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; }
#mainwrap { background: white; width: 970px; margin-left: auto; margin-right: auto;  }
#mainwrap-inner { overflow: auto; padding-top: 25px !important; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; outline: dotted 1px silver; }
.folio {float:right; margin:-2000px;}
#topnavlink {}
a.bannerL { display:  block; width: 450px; height: 100px; float:  left; background: url(BP_banner-simple.jpg) no-repeat; text-decoration: none; background-position: 0 0;}
a.bannerR { display:  block; width: 450px; height: 100px; float:  left; background: url(BP_banner-simple.jpg) no-repeat; text-decoration: none; background-position: -450px 0;}
div.topnavlink { color: white;  font-size: 11px; background-color: black; text-align: center; font-family: verdana, arial, sans-serif; font-style: normal; font-weight: normal; }
div.topnavlink a { color: white; font-size: 11px; background-color: black; text-align: center; font-family: verdana, arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
div.topnavlink a:hover { color: black; font-size: 11px; text-align: center; font-family: verdana, arial, sans-serif; font-style: normal; font-weight: normal; background-color: #b8c9fa !important; }
/*main content   ----------------------------------------------- */
#contentarea { background-image: url(bg_content.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 900px; }
/*these three IDs create the left middle and right portions of the content area*/
#envelope1 { background-color: transparent; width: 710px; float: left;}
#content_mid { width: 540px; float: right; }
#content_mid img { padding:0px 12px; }
#leftnav { width: 150px; float: left; }
/*these two IDs create the right portion of the content area*/
#envelope2 { width: 150px; float: right;}
#rightnav {  width: 150px; float: right; }
/*javascript formatting ----------------------------------------------- */
#breadnav { color: #aec6c5; font-size: 0.6em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-style: normal; text-align: right; float: left; margin: 4px 20px 5px 0; padding: 4px; border: dotted 1px gray; background-color: #eef5f4; }
.lilbox  /* used to outline press release info */ { font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-style: normal; text-align: left; float: left; margin: 4px 50px 5px 0; padding: 4px; border: dotted 1px gray; background-color: #eef5f4; width: 90%; }
.flipbox  /* box and background for flipping code */ { font-size: 97%; color: #603; font-family: "Arial Black", Impact; font-weight: 400; text-decoration: none; float: right; padding: 0 4px 4px; border: dotted 1px gray; background-color: #eef5f4; text-align: left; width: 180px; margin-top: 0; margin-right: 8px; margin-left: 8px; }
.flipboxLIL  /* box and background for flipping code */ { font-size: 97%; color: #603; font-family: "Arial Black", Impact; font-weight: 400; background-color: #9dc0c0; text-decoration: none; text-align: center; width: auto !important; border-color: gray; border-width: 1px; }.crumb /*used by breadcrumb dot js*/ { font-size: 0.6em; font-family: verdana, arial, sans-serif; }
#orig { font-size: 0.6em; line-height: 1.3em !important; text-align: right; margin-bottom: 20px; padding-top: 6px; padding-bottom: 8px; padding-left: 20px; border-bottom: 1px dotted gray; }
.orig  /* dup of div -- needed for old pages until all orig has been updated */ { font-size: 0.6em; line-height: 1.3em !important; text-align: right; margin-bottom: 20px; padding-top: 6px; padding-bottom: 8px; padding-left: 20px; border-bottom: 1px dotted gray; }
.this_month { color: maroon; font-weight: 100; font-variant: small-caps; text-align: left; padding-top: 6px; padding-bottom: 8px; padding-left: 20px; border-bottom: 1px dotted gray; }
.fancy_dancy_underline{ color: maroon; font-weight: 900; font-variant: small-caps; text-align: left; border-bottom: 1px dotted #be0000; }
.bp_em, .veljovic-ital  /* emphasize magazine title */ { font-style: italic; }
p.year_index/*use for the default index.html files in each Year folder*/ { color: #646464; font-size: 0.9em; font-family: "trebuchet ms", verdana, Arial, sans-serif; }
h1.year_index/*use for the default index.html files in each Year folder*/ { color: #a7a7a7; font-family: "trebuchet ms", verdana, Arial, sans-serif; }
.copyright /*   */ { font-size: 0.8em;  padding-top: 8px; border-top: 1px solid silver; }
.copyright_link { font-size: 0.8em; font-family: courier, "courier new";   padding-top: 8px; border-top: 1px solid silver;  }
hintanchor  /* used for mouse over box on epoint 0609 */ { background-color: aqua; }
small { font-size: 0.7em; }
h1 small { font-size: 0.5em; }

#switchform { color: #aec6c5; font-size: 0.6em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-style: normal; background-color:transparent; text-align: left; float: right; margin: 0 20px 5px 0; padding: 4px; }
/*navs   ----------------------------------------------- */

.leftnav_header {  font-size: 0.8em; font-family: "Arial Black", Impact; line-height: 1.4em; background-color: #eee; text-transform: uppercase; text-align: left; width: 120px; display: inline; }
.leftnav_header2 { font-size: 0.8em; font-family: "Arial Black", Impact; line-height: 1.3em !important; text-transform: capitalize; text-align: left; width: 120px; display: inline; }


/* type */ 
p  /* use body text */ {  }
h1, .s-column-title, .headline { font-size: 30px; color: #29487d; font-family: Georgia, Palatino, "Times New Roman", Times, serif; font-weight: 600; line-height: 1; text-decoration: none !important; text-align: left; padding-right: 300px; padding-top: 30px;}
.nopad {padding: 0px;}
h2, .s-column-deck, .deck  { font-size: 110%; color: #603; font-family: "Arial Black", Impact; font-weight: 400; text-decoration: none; }
h3, .s-column-byline, .byline { font-size: 90%; color: #768896; font-family: Georgia, Palatino, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; padding-bottom: 12px; }
h4, .caption, p.s-new-biz-name 
{ font-size: 90%; color: #900; font-family: "Arial Black", Impact; font-weight: normal; text-decoration: none; text-align: left; text-indent: 0; border-top: 1px dotted silver; border-bottom: 1px dotted silver;   }

h6 { font-size: 0.7em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-weight: 400; line-height: 1em; }
td { }
/*img { float: right; clear: right; margin: 8px; }/*
img {  margin: 4px; }

.left { float: left; clear: left; margin: 8px; }
/*featured_list is used for the logos in the featured navigation; text_line keeps the next line from wrapping around the logos */
img.featured_list { float: left; clear: both; padding: 4px 95px 12px 0px; border:0px; }
.text_line {clear:both; margin-bottom:2px; }

/* link styles  ----------------------------------------------- */
a { color: navy; text-decoration: none; border-bottom: 1pt solid #ccf; }
a:visited { color: #900; border-bottom-color: #f3e0e4 !important; border-bottom-style: solid; border-bottom-width: 1px; }
a:hover   { color: white; text-decoration: underline; background-color: #808080;  }
a:active { color: white; background-color: navy; text-decoration: none    }





/* bottom component from matthewjamestaylor dot com  */
.bottomnav { font-size: 0.8em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; }
#bottom_outer { margin-right: -35px; margin-left: -35px; border-top: 4px solid navy; }
#container4 { clear:left; float:left; width:100%; overflow:hidden; background: #f1f1fc;   /* column 4 background colour */ border-bottom: 4px solid navy; outline: solid thin navy !important; }
#container3 { clear:left; float:left; width:100%; position:relative; right:25%;  background: #f8f8ff;  /* column 3 background colour */ outline: solid thin navy !important;}
#container2 { clear:left; float:left; width:100%; position:relative; right:25%;  background: #f5f8fa;  /* column 2 background colour */ outline: solid thin navy !important;}
#container1 { float:left; width:100%; position:relative; right:25%;  background: #f8f8ff;  /* column 1 background colour */
outline: solid thin navy !important;}
#col1 {float:left;width:21%;position:relative;left:77%;overflow:hidden;}
#col2 {  float:left;  width:21%;  position:relative;  left:81%;  overflow:hidden; }
#col3 {  float:left;  width:21%;  position:relative;  left:85%;  overflow:hidden; }
#col4 {  float:left;  width:21%;  position:relative;  left:89%;  overflow:hidden; }

/*biblio content   ----------------------------------------------- */
#bibbib { background-color: white; width: 900%; padding-right: 185px; padding-left: 185px; }
.backtotop { color: #483d8b; font-weight: normal; font-size: 10px }
.indexlist { font-size: 11px; line-height: 11px; font-family: sans-serif }
.indexlist a { font-weight: bold }
/*tables internal to main story windows such as act 250, real estate, tg just the facts, commercial spaces -----------------------------------------------*/
table.int /* article tables style light tan eee8aa pale goldenrod */  { background-color: #eee8aa; margin: 0; padding: 0; text-indent: 1em; width: auto; }
td.int_head /* section head */  { background-color: navy; color: white; font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; }
td.int_tab_fade /* lighter color background with pale fade and grey type */ { padding: 6px 6px 6px 12px; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334748; background-color: #d1ebec; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: auto; border-left: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-top-style: none; border-top-width: 0; }
td.int_tab_lt /* lighter color background with image detail */ { padding: 6px 6px 6px 12px; background: #d1ebec url(bullet1.gif) no-repeat; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334748; text-align: center; width: auto; border-left: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-top-style: none; border-top-width: 0; }
td.int_tab_med /* med color background */ { background-color: #c4dedf; width: auto; padding: 6px 6px 6px 12px; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334748; text-align: center; border-left: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-top-style: none; border-top-width: 0; }
td.int_tab_dark /* darker color background */ { background-color: #bad4d5; width: auto; padding: 6px 6px 6px 12px; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #334748; text-align: center; border-left: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-top-style: none; border-top-width: 0; }
/* see style folder act250 may 2008 for sample -----------------------------------------------*/
.act250, .act250hed, .act-250-headers { color: pink; font-size: 0.9em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; background-color: #e6e6bb; padding: 3px; border-bottom: 1px solid navy; border-top-style: none; border-right-style: none; border-left-style: none; outline-style: none; }


.act250hed { color: black; font-size: 0.9em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-weight: 700; background-color: #ccf; padding: 3px; border-bottom: 1px solid navy; border-top-style: none; border-right-style: none; border-left-style: none; outline-style: none; }

/* use these styles in STORY templates along with the script in style > stripe.js ----------------------------------------------- */
#zebra { border: 1px solid #666666; }
#zebra tbody tr td { font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; line-height: 12pt; border-bottom: 1px solid silver; border-left-color: #d9d9d9; border-left-width: 1px; padding-left: 6px;  }
.zebra_head { color: white; font-size: 12px; font-family: Verdana, "trebuchet ms", Arial, sans-serif; background-color: #26353d; padding-left: 6px; }
.zebra_head2 { color: white; font-size: 12px; font-family: Verdana, "trebuchet ms", Arial, sans-serif; background-color: #798890; }
.zebra_sub { color: white; font-size: 12pt; font-weight: bold; line-height: 16pt; background-color: #445f6d; }	
/* use these styles in TG templates along with the script in style > stripe.js */
.zebra_tg_head { color: white; font-size: 13pt; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-weight: bold; background-color: gray; }
.zebra_tg_head2 { color: navy; font-size: 12px; font-family: Verdana, "trebuchet ms", Arial, sans-serif; line-height: 2em; background-color: #bdbdbd; }
.zebra_tg_sub { color: black; font-size: 12pt; font-weight: bold; background-color: #e1e1e1; }	
.zebra_tg_test color1 { background-color: #e1e1e1; }
.zebra_tg_test color2 { background-color: #e1e1e1; }



/*styles from Act 250 0610*/
#act2500510 { font-size: small; font-family: Verdana, "trebuchet ms", Arial, sans-serif; line-height: 0.08; }
.act-250-headers { font-weight: 700; }
.act-250-sub { font-weight: 900; }
.act-250-tabs {  }


/*styles from indesign: CONTRIBUTED COLUMNS -- see style defs combined with regular styles such as h2, h3, etc. */

p.s-column-byline {}
p.s-column-deck {}
p.s-column-title {}

span.veljovic-ital {}

/*styles from indesign: SNAKE --  */

span.bold-snake-gill-sans { font-weight: 700; }
span.snake-ital-gill { font-style: italic; }
p.s-bo-new-biz-ma-bo {}

span.bold-snake-gill-sans {}



p.caption {}
p.deck {}
p.headline {}
p.byline {}

/*styles from indesign: TG BIZ  */

			p.db-bo-9-10 {}
			p.db-bo-9-10-lead {}
			p.db-sub-12-10 {font-weight: 700;  color: #8B0000; }
			span.bullet-color-periwinkle {}
			
/*styles from indesign: TG FAMILY FUN  */
	
			li.family-items { list-style-type: square; }
			p.family-items-first-graph {}
			span.dingbat {}
			span.drop-cap /* drop cap (apply inline to first letter)  */ { color: silver; font-size: 600%; font-family: Impact, "Arial Black"; line-height: 100%; position: relative; top: 0; left: 0; float: left; }
			span.family-bold { color: #0053ac; font-weight: 700; }
			span.italic {}
			span.no-break {}
			span.phone-no-break {}
			span.web-site-nobreak {}

/*styles from indesign: TG ROTARY  */

			p.rotary-body {}
			p.rotary-column-head { color: #008080; font-weight: 700; }
			p.rotary-sub { color: #008080; font-weight: 700; }

/*styles from indesign: TG RESOURCE  */
			
	li.resource-text { list-style-type: square; }
			span.bold { color: #800000; font-weight: 900; }




/*clearfix see positioniseverything dot net slash easyclearing.html for details ------ */
.clearfix:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */