/*
Date: 1/15/087;  VT Web-Ink Design Studio [802] 897-2483 info@vtwebink.com
for: Will Stevens, Independent Member of the Vermont House

Page-map:
			1 body
			2 wrapper
			  2a banner
				 2a-1 nav
			  [2b breadcrumbs]
			  2c content
				 2c-1 centerA (top, narrow)
				 2c-2 centerB,C,D (bottom, full widt/flush left/flush right)
				 2c-3 leftcol
				 2c-4 rightcol
			  2d push [keeps footer at bottom of screen]
			3 footer
Style-map:
			global resets
			base styles
			structure
			typography/styles
colors:
		 text: #333  dark gray
		 banner/footer: #ddddb3   yellow gray
		 rules: # 808099    gray blue
		 nav: #d5d599;
		 html/body bckgrnd: #ffff99   yellow
		 wrapper & contents: #ffffcc   pale yellow
			

===============================================================================================*/

   /*------- RESETS -------*/
*, html, body, {
 margin: 0; padding: 0; border: 0; }

a img, :link img, :visited img {border:0;}



/*============== BASES ========================================================================*/
html, body {height:100%; background-color:#006000;}
body {width:100%; font-family:Arial, Verdana, Helvetica, "Trebuchet MS", Trebuchet, sans-serif;
	font-size:62.5%; line-height:1; text-align:center; color:#333; }


   /*----- STRUCTURE -------*/
#wrapper{position:relative; /*holds nav & content; footer follows*/
	font-size: 1em;      /*10+px */
	/*min-height:100%;          these 3 make content fill screen height */
	height:auto; /*!important;
	height: 100%;  */
	background-color: #e5e4ba;  /*  #003333; */ 
	border-top: 3px solid #660000;
	border-left:1px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 4px solid #660000;
	width:90%;
	margin: 12px auto;  /*-4em; bottom margin= negative value of footer's height */}

#content{position:relative ;
	/*margin:5px 0px;*/
	width:100%;
	background-color:#e5e4ba;
	color:#333;
	text-align: left;
	margin:0;}
	
#banner{
	width:100%;
	height:160px;
	background-color:#e5e4ba;
	background-image:url(/graphics/banner.gif);
	background-repeat: no-repeat;
	background-position:top: 25px; 	left:30px;
	;
	background-position: 25px 30px;
	}
#alert{
	background-color:#006600; /*  #c6002d =red; */
	text-align: center;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size:90%;
	color: #fff; text-align:center;
	float: right;
	position: absolute;
	width: 100px; height:50px;
	top: 11px;
	right: 3%;
	/*left: 603px; */
      }

#nav {
	position: absolute;
	left: 15px; 
	top: 1px;
	height:24px;
	border-top:2px solid #006000;
	border-bottom:1px dotted #808099;
	width:65%;
	background-color:#d5d599;  /* color or 'transparent' */
	color: #660000;
	z-index:1050; }

#skipNav {/* skip-navigation */
	position: absolute;
	top: 2px;
	right: 15px;
	width: 60px;
	text-align: center;
	visibility: hidden;
		}

/*---------------------Menu tooltips ------------------*/
a.tooltip, a.tooltip2 {color:#c00;}

a.tooltip b, a.tooltip2 b {display:none;}

a.tooltip:hover, a.tooltip2:hover {border:0; position:relative; z-index:1000; text-decoration:none;}

a.tooltip:hover b, a.tooltip2:hover b {display:block; position:absolute; top:22px; left: 5px;  z-index:1000; padding:5px; font-weight:normal; font-size: .85em; color:#fcffe0; border:1px solid #000099; background:#808099; width:260px; }   /*tooltip text */
a.tooltip2:hover b {position:absolute; top:22px; left: -255px;  z-index:1000;}   /*tooltip text */

a.tooltip:hover b em, a.tooltip2:hover b em {position:absolute;  z-index:1000;left:20px; top:-6px; width:11px; height:6px; background:transparent url(/graphics/tooltip.gif) 0 0; display:block; font-size:1px;}    /*tooltip box & pointer */
a.tooltip2:hover b em {left:260px;}

/*       to use it (for any link, use #nogo for non-linking tooltip): 

	<a class="tooltip" href="______">Item<b><em></em>description of where button-link goes (size auto-adjusts to the amount of text to be displayed). </b></a>

/*-------------- inline tooltips ------------------------*/
a.tooltip3   {/*color:#c00;*/}

a.tooltip3 b  {display:none;}

a.tooltip3:hover  {border:0; position:relative; z-index:800; text-decoration:none;}

a.tooltip3:hover b  {display:block; position:absolute; top:22px; left: 3px; padding:3px; font-weight:normal; font-size: .85em; color:#333; border:1px dotted #999; background:#fcffe0; width:180px; }   /*tooltip text */
a.tooltip3:hover b {position:absolute; top:10px; left: 65px; }   /*tooltip text */

a.tooltip3:hover b em  {position:absolute; left:20px; top:-2px; width:11px; height:6px; background:transparent url(/graphics/tooltip3.gif) 0 0; display:block; font-size:1px;}    /*tooltip box & pointer */
a.tooltip3:hover b em {left:20px;}


 /*---------------------------------------------------*/
.push {height: 4em; background-color:inherit; } /* .push must be the same height as .footer, is an empty div inserted just before close of 'content'  */ 



/* ----- body sections ----------------- */




.leftcol{
	width:150px;
	float:left;
	display:inline;
	position:absolute;
	border-right:1px dotted #777766;
	border-bottom:3px solid #777766;
	background-color:#ffffcc;
	left: 0px;
	top: 188px;
	color:#530000;
	z-index:900;}

	.leftcol p, .leftcol h2, .leftcol h3 {	
		text-align: center; 
		line-height:1;
		back-ground:transparent;}

		.leftcol p {color:#530000;	 /* dk red */ font-size:1em; }

		.leftcol h2 {color:#000099;/*blue */ font-size:1.2em}

		.leftcol h3 {color:#000099; font-size:1.1em;}

	.leftcol a, .leftcol a:visited {background-color:transparent; color: #003300; text-decoration: underline; }

	.leftcol a:hover{
			color: #333;  background-color:#ccc; font-weight:bold; }

.centerA {  
	background-color:#fcffe0; 
	margin-left:162px; /*width of left column plus 2px*/
	margin-right:152px; /*width of right column plus 2px */
	margin-top:80px;
	padding-left:24px; padding-right:34px;}  

.centerB { margin-left:162px;margin-right:24px; padding-left:24px; padding-right:14px;background-color:#fcffe0;}

.centerC { margin-left:20px; margin-right:194px; padding-left:14px; padding-right:14px; background-color:#e5e4ba;}

.centerD { clear:both; margin-left:24px;margin-right:24px;padding-left:24px; padding-right:14px;background-color:#fcffe0;}

.rightcol{background-color:#FFFFCC;
	width:190px;
	float:right;
	position:absolute;
	display: inline;
	height: auto;
	top:60px; 
	right:2px; 
	border-left:1px dotted #777766;
	border-bottom: 3px solid #777766;
	z-index:900;}

	.rightcol p, .rightcol h2, .rightcol h3{ 
		line-height: 1.1;
		margin-top:4px;
		margin-bottom:5px; }

	.rightcol p { color: #530000; font-size: 1em; text-align: left; padding-left: 6px; padding-right: 3px; }

	.rightcol h2, .rightcol h3{color:#003300; font-size: 1.2em; text-align:center;  }

	.rightcol h3{ font-size: 1.1em; }

	 .rightcol a, .rightcol a:visited  { color: #003300; text-decoration: underline; background-color:transparent;}

		.rightcol a:hover{ color: #333; background-color:#ccc; font-weight:bold; }

#footer{ height:4em;/* inserted just after wrapper close*/
	width:100%;
	/*margin: 0 auto;*/
	position:relative;
	border-bottom: 4px solid #660000;
	margin-left: 1p ;
	margin-right: 1px ;
	border-top:1px dotted #660000;
	background-color:#d5d599;
	padding: 8px 0 4px 0;}

.Rscroll { /*scrollboxes on main page rightcol */
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	line-height: 125%;
	color: #003300;
	width:85%;
	margin:6px auto;
	height:40px; overflow:auto; }

	.Rscroll a { text-decoration: underline; color: #003300; } /* green*/

		.Rscroll a:hover { color: #333333; text-decoration: none; font-weight: normal; }

		.Rscroll a:visited  { color: #006600; text-decoration: none; }

.Lscroll { /*scrollboxes on main page */
	text-align: left;
	font-size: .85em;
	font-weight: normal;
	line-height: 100%;
	color: #003300;
	width:70%; border:1px groove #CCCCCC;
	Background-color:#FFFFCC;
	margin-left:6px ;
	
	height:600px; overflow:auto; }
	
.Lscroll p {padding:1px 8px 2px 8px;}
	.Lscroll a { text-decoration: underline; color: #003300; } /* green*/

		.Lscroll a:hover { color: #333333; text-decoration: none; font-weight: normal; }

		.Lscroll a:visited  { color: #006600; text-decoration: none; }


.dfn { color: #666666;border-bottom: 1px dotted #666;cursor: help; 
	/*background-image: url(/graphics/dot.gif); background-repeat: repeat-x; background-position: bottom; */}


/* ========================  Typography/Styles =========================================================================*/

/*-- nav ---*/
.nav  {float: left; display: inline;font-family: Verdana, Arial, helvetica, sans-serif; background-color:#d5d599; border-right:1px solid #000099; font-size: 99%; height:16px;}

.nav ul{background-color:#d5d599;
		list-style-type:none;
		margin: 0px auto;
		margin-bottom:-2px;
		width:auto; }

	.nav ul li{  text-align:center;  }
		.nav ul li a, .nav ul a:visited { color:#003300; font-weight:bold; background-color:#d5d599; text-decoration: none;}
		.nav ul li a:hover { color:#ffffcc; background-color:#d5d599; font-weight: bold; } 

.sectionHome #nav #linkHome a, .sectionIss #nav #linkIss a, .sectionArt #nav #linkArt a, .sectionAct #nav #linkAct a, /*.sectionRespond #nav #linkRespond a, .sectionHaz #nav #linkHaz a, .sectionResource #nav #linkResource a */{/* automation for active tab */
		background: #fcffe0;
		padding:4px 15px 5px 15px;
		}

.sectionHome #nav #linkHome a:hover, .sectionIss #nav #linkIss a:hover, .sectionArt #nav #linkArt a:hover, .sectionAct #nav #linkAct a:hover, /*.sectionRespond #nav #linkRespond a:hover, .sectionHaz #nav #linkHaz a:hover, .sectionResource #nav #linkResource a:hover*/{/* hover over-ride for automated tab */
		color: #d5d599;
		}

 .sectionPers #txtmenu #linkPers2 a, .sectionBiz #txtmenu #linkBiz2 a, .sectionTown #txtmenu #linkTown2 a, .sectionRespond #txtmenu #linkRespond2 a, .sectionHaz #txtmenu #linkHaz2 a, .sectionHome #txtmenu #linkHome2 a, .sectionResource #txtmenu #linkResource2 a {
 		background: #d5d599; color: #fcffe0;
		padding:2px 10px 2px 10px;}
 

#skipNav a {
		font: .75em Arial, sans-serif;
		display: block;
		color: #999; text-decoration:underline;
		width: 40px;
		padding: 0 0 10px 10px;
		} 
		
#skipNav a:hover {font-size: .8em;
		color: #898989;
		background: url(/graphics/skip-nav.gif) 65% 100% no-repeat;
		}

h1, h2, h3 {font-family:Georgia, "times new roman", serif; text-align:left;
	margin-top: 15px;
	background-color:transparent;
	line-height: 1.1;}

	h1{font-size: 1.7em; /* 18px */
		color: #434320;
	 font-weight:400;
		text-align:center;
		 }
	h2{font-size: 1.4em;   /* 13px */  font-weight:380; color: #434320;}
	h3{font-size: 1.2em;    /* 12px */  font-weight:500; color: #55554d;}
	.subhd {margin-top: 5px;
			color: #55554d;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style: italic;}

p {line-height: 150%;
	color:#515045;  
	font-size: 1.1em; /* 11px */
	font-weight: normal;
	margin-top: 6px;
	margin-bottom:1px;
	letter-spacing: 0.02em;
	background-color:transparent;}

a, a:visited {text-decoration: underline; 
		color: #666;  /* med gray*/
		background-color:transparent;
		text-decoration: underline;} 

a:hover {color: #ccc;  /* light gray */ text-decoration: none; background-color:#999;}  

.ttip a, .ttip a:hover, .ttip a:visited {text-decoration:none; border-bottom:1px dotted #999; color:#000; background-color:#ffffcc; cursor:help;}  

 /*change space before & after p */
	.p0-10 {margin-top:1px; margin-bottom:10px; background-color:transparent;}
	.p0-0 {margin-top:1; margin-bottom:0; background-color:transparent;}
	.p0-5 {margin-top:1; margin-bottom:5px; background-color:transparent;}

.eight {font-size:80%; letter-spacing: .01em; background-color:transparent;  }
.nine { font-size:90%;  letter-spacing: .01em; background-color:transparent; }
.ten {font-size: 1em; background-color:transparent; }

.plus1 {font-size: 120%; background-color:transparent; }


.foot p {
			color:#55554d;
			font-size: 1em;     /* of body size (ie: 10px/1em/100%)   */
			text-align: center;
			margin-top: 3px;
		   line-height:135%; }
.foot a {text-decoration:underline; color:#55554d; background-color:transparent;}

.foot a:hover { color:#333333; background-color:transparent; font-weight:bold;}

.foot a:visited{color:#55554d; text-decoration:none; background-color:transparent; }

.italic {/* for visial style only, eg titles */
		font-family:Georgia, Times, "Times New Roman", serif;
		font-style:italic;
		background-color:transparent;
		color:#777766;}  

i, em {/*to add emphasis */
		 font-style:italic;
		 font-weight:bold;
		 background-color:transparent;
		 color:#000000;} 

strong, b { color: inherit; background: transparent; }

sub, sup {font-size: ; font-variant: smallcap; }
	sub {vertical-align:-.5em;}
	sup {vertical-align:+.5em ;}

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

.top { font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: .85em;
		text-align: right;
		font-weight: normal;
		font-style: oblique;
		padding-right: 25px;
		background-color:transparent;
		color:#777766; }
	.top a {text-decoration: none;}
	.top a:hover {text-decoration: underline; font-weight: normal;} 


/*-- RULES --- default sets to 100% and centered; use:   <div class="rule" style=" ?? ">  change width, margin, etc <hr> </div>       */
.rule {width:96%; margin: 16px auto; height: 4px;  background-color:#d5d599; border-top:1px solid #006000;
	  }

		 .rule hr {display:none;}

#txtmenu, .txtmenu2 {    /* horiz text links at bottom*/
	font-size: 80%; line-height: 120%;
	color: #000;
	text-transform: uppercase;
	text-align:center; margin-top: 12px;}

	.txtmenu a { }
	.txtmenu a:hover{font-weight: bolder; background-color:#ccc; color: #000; }

.quote {font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	line-height: 120%;
	font-weight: normal;
	padding-left: 60px;
	padding-right: 50px;  
	color: #666;}

.imgR {float:right; padding:3px 2px 6px 10px;}  /* margin ?? */
.imgL {float:left; padding:3px 10px 6px 2px ;}

.imgbrdr {border:1px solid #000 ;}
.imgnobrdr {border:0;}

.clearR {clear: right;}
.clearL {clear:left;}
.clrBoth {clear:both;}

ul {margin-left: 20px;
	margin-right:10px;
	padding-top:4px; }
	li {font-size: 1.3em; color:#777766;
		padding-bottom:4px;
		line-height: 135%;
		background-color:inherit;
	 }
	ul li ul  {margin-left: 25px; background-color:inherit; }

dt {
	margin-left: 40px;
	margin-right:10px;
	padding-top:4px;
	font-size:1.2em;
	color:inherit;
	font-weight: bold;
}
	dd {
	font-size: 1.1em;
	color:#515045;
	padding-bottom:4px;
	line-height: 135%;
	background-color:inherit;
	list-style:disc;
	padding-left: 25px;
}

.centerA ul, .centerB ul, .centerC ul, .centerD ul {
	position: relative;
	font-size:85%;
	line-height: 110%;
	padding-right:3px;
	
	margin-bottom:10px;
	background-color:inherit;
}

.centerA li, .centerB li, .centerC li, .centerD li    {
	
	background-color:inherit; }
	.centerA ul li ul, .centerB ul li ul, .centerC ul li ul, .centerD ul li ul  {margin-left: 10px; background-color:inherit; font-size:80%; }

.rightcol ul{
	position: relative;
	width:185px;
	/*font-size:70%;
	line-height: 100%;;
	margin-left: 1px;
	margin-right:2px;*/
	margin-bottom:10px;
	background-color:transparent;
}
.rightcol ul li ul  { background-color:inherit;  }
.rightcol li    {background-color:inherit;font-size:90%;}