/*default stylesheet vermontguides*/ .dropcap /* drop cap (apply inline to first letter) */ { color: silver; font-size: 600%; font-family: Impact, "Arial Black"; line-height: 90%; position: relative; top: 0; left: 0; float: left; } /* csstypeset.com */ .pullquote {font-family: verdana, sans-serif; color: #967D30; background-color: #FFF4D1; font-size: 1em; text-align: center; line-height: 1.7; padding:12px;} .pullquote_caption {font-family: georgia, serif; color: #1E5E0A; background-color: #FFF4D1; font-size: 1.2em; font-variant: small-caps; text-align: center; letter-spacing: 1.2pt; line-height: 1.7; } div.figure { float: none; width: auto; padding: 12px; } div.figure p { text-align: center; font-family: georgia, serif; color: #1E5E0A; background-color: #FFF4D1; font-size: 1.2em; font-variant: small-caps; text-align: center; letter-spacing: 1.2pt; line-height: 1.7; clear: both; padding-right: 50px; padding-left: 50px; } img.scaled { width: 100%; } /*------------------------------------------------------------------------------------------------------------*/ /* the text-bluetoad links beside the h2 headlines on index and email*/ /* see style folder act250 may 2008 for sample -----------------------------------------------*/ .act250, .act250hed, .act-250-headers { font-size: 0.9em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; padding: 0; border-bottom: 1px solid navy; border-top-style: none; border-right-style: none; border-left-style: none; outline-style: none; } .act2502011 { font-size: 0.9em; border-collapse:collapse; background-color: #fff4de; border-bottom: 1px solid #000080; } .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; } /*styles from Act 250 0510-----------------------------------------------*/ #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 { } /*------------------------------------------------------------------------------------------------------------*/ .digitext { color: navy ; font-size: 70%; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-style: normal; background-color: #FFCC00; text-align: center; width: 8em; height:3.5em; float: right; } .tinysansC { font-size: 0.6em; font-family: sans-serif; text-align: center; } .h2_choice { color: #bcbc9d; font-family: Verdana, "trebuchet ms"; display: inline; } .underrule { padding-bottom: 6px; border-bottom: 1px solid black; } /* used in digest.html and in email notices for small snake headers */ .departments { font-size: .7em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-weight: 700; } /* used with p tags to create rule under paragraphs on index and email*/ .underrule { padding-bottom: 6px; border-bottom: 1px solid black; } /* this is the small cover atop the leftnav 120x155 px*/ div.smcover { line-height: 155px; background-image: url(../2012/cov0112SM.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(../2012/cov0112MD.jpg); line-height: 181px; background-repeat: no-repeat; overflow: visible; margin-bottom: -12px;} .mcoverTG { background-image: url(../2011/covTG0811MD.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: #6E5943; font-weight: 900; } .index_story_bumpSM /* for bold item on index story item */ { color: #6E5943; font-weight: 900; } .bt_em /* text only link */ { font-size: 12px; font-family: Arial, sans-serif; } div.smcoverTG { line-height: 155px; background-image: url(../2011/covTG0811SM.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:0 12px; background-image: none; float: right; border-style: none; } #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; overflow: hidden; } /*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; clear: both; } .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, fancy_dancy_underline{ color: maroon; font-weight: 900; font-variant: small-caps; text-align: left; } .fancy_dancy_underline { 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, h3, h4, h5, h6 { font-family: sans-serif; line-height: 150%; text-align: left; } h1, .s-column-title, .headline { color: #29487d; padding-right: 6em; padding-top: 2em; } .nopad {padding: 0px;} h2, dt,.s-column-deck, .deck { color: #603; text-decoration: none; font: 400 .95em "Arial Black", Impact; } dt { font-size: 90%; color:navy;} h3, .s-column-byline, .byline { color: #c20b0b; padding-bottom: 4px; line-height: 1.5em; font-size: .95em; font-weight: bold; } .bold, .bold-snake-gill-sans {font-weight: bold;} h4, .caption, p.s-new-biz-name { color: #638c8c; text-decoration: none; text-align: left; text-indent: 0; padding-right: 0em; padding-left: 0em; border-top: 1px dotted silver; border-bottom: 1px dotted silver; font-size: .9em; } h6 { font-size: 0.7em; font-family: Verdana, "trebuchet ms", Arial, sans-serif; font-weight: 400; line-height: 1em; } td { font: .7em "Lucida Grande", Lucida, Verdana, sans-serif; } /*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 4px 12px 0; border:0; } .text_line {clear:both; margin-bottom:2px; } /* link styles ----------------------------------------------- */ a { color: navy; text-decoration: none; border-bottom: 1pt solid #ccf; } a:visited { color: #2a5f80; 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 } a.chittenden { color: green; text-decoration: none; border-bottom: none; } .chittenden { color: silver; text-decoration: none; border-bottom: 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 } .indent /* use as a div to indent a section of type 4ems on both sides */ { padding-right: 4em; padding-left: 4em; } .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; } /* use these styles in STORY templates along with the script in style > stripe.js ----------------------------------------------- */ .zebra { border: 1px solid #666666; font-family: verdana, sans-serif; } .zebra tbody tr td { border-bottom: 1px solid navy; border-left-color: #d9d9d9; border-left-width: 1px; padding-left: 3px; } .zebra_head { color: white; background-color: #26353d; padding-left: 6px; } .zebra_head2 { color: white; background-color: #798890; } .zebra_sub { color: white; background-color: #9ea8b0; padding-left: 6px; } /* use these styles in TG templates along with the script in style > stripe.js */ .zebra_tg_head { color: white; font-weight: bold; background-color: gray; } .zebra_tg_head2 { color: navy; line-height: 2em; background-color: #bdbdbd; } .zebra_tg_sub { color: black; font-weight: bold; background-color: #e1e1e1; } .zebra_tg_test color1 { background-color: #e1e1e1; } .zebra_tg_test color2 { background-color: #e1e1e1; } /* For commercial spaces 2011 */ td.town_sub { font-size: 12px; font-weight: bold; color: #d7e4da; background-color: #7f9176; } td { background-color: white; border-bottom: 1px solid #bdd2e5; } /*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 */ .bug /* make type tiny for h1 on featured biz */ { color: white; font-size: 0.01em; line-height: 0.01em; text-indent: 0; float: left; } .bug2 /* make type tiny for h1 on featured biz */ { text-indent: 0; float: right; }