/* BASICS */
html {padding: 0; margin: 0;
}
body {
  font: normal 84% Verdana, Arial, Helvetica, sans-serif; 
	color: black;	
	text-align: left;
	background: white;
	padding: 0; 
	margin: 0px 0px;
}
p {font-size: 1.0em;
}
a {color: #369;
}

/****** Now with more minty freshness ******/
#dropShadow	{ background: #fff url(../images/background_fade.gif) top repeat-y; }
#pageContainer	{ 
	min-width: 770px; 
	max-width: 995px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	background: #fff url(../images/bg_grey.gif) top left repeat-y; 
	padding: 0; 
}

/* masthead - two gifs with green bar above */
div#masthead {
  font: normal 1.7em Geneva, Arial, Helvita, sans-serif; 
	color: #000; /* for alt */
	padding: 0 0 0 0; 
	margin: 0; 
	height: 60px; /* forces blue border to be below two floats */
	min-width: 770px; 
	max-width: 995px;
	background: #fff url(../images/header_background.gif) bottom left repeat-x; 
}

html div#masthead	{ 
	min-width: 770px; 
	max-width: 995px; 
}


img#logo {
 padding: 4px 10px 0px 10px;
 float: left;
 width: 117px;
 height: 55px;
 border: 0px;
}
img#sitename {
  width: 350px;
	height: 38px;
	padding: 0px 0px 0px 30px; 
	float: left;
    height: 100%;
}
div#masthead a.clear {
	font-size: 0.67em; color: black;
	height: 12px;
	text-decoration: none; 
	padding: 0px 0px 0px 30px; 
	margin: 0px; 
	border: 0px;
	float: left;
}

img#vtdec {
  border: 0px;
	width: 110px;
	height: 38px;	
	padding: 0px 15px 0px 0px; 	
	height: 100%;
    float: right; 
}

.breadCrumbs 
{
		font: 10px Arial, Sans-Serif;
		margin: 0px;
		padding: 0px;
		float: left;
		text-decoration: none; 
}
.breadCrumbNode 
{
	text-decoration: none;
}


div#masthead a.vtgov {
	font-size: 0.49em; color: black;
	height: 8px;
	text-decoration: none; 
	padding: 0px 15px 0px 0px; margin: 0px; 
	border: 5px;
	float: right;
}


/* TOP NAVIGATION */
#topNav	{ 
	min-width: 770px; 
	max-width: 995px;
	font-size: 12px; 
	text-align: right; 
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	background: #cfc8c0 url(../images/nav_background.gif) top left repeat-x; 
	list-style: none; 
	line-height: 1em; 
	height: 26px; 
	white-space: nowrap; 
}

#topNav .tagline	{ 
  float: left; 
	height: inherit; 
	text-align: left; 
	width: 163px; 
	border-right: 1px solid #fff; 
}
#topNav .tagline a { 
  display: block; 
	text-decoration: none; 
	font-weight: normal; 
	color: #000; 
	padding: 0.6em; 
}
#topNav .alerts	{ 
  float: left; 
	width: 100px;
	height: inherit; 
	border-right: 1px solid #fff; 
	text-align: center; 
}
#topNav .activeAlert	{	
	float: left; 
	width: 100px; 
	height: inherit; 
	border-right: 1px solid #fff; 
	text-align: center; 
	background: url(../images/orange_grey_fade.gif) left repeat-x;	
}
#topNav .alerts a:hover	{	
  background: url(../images/orange_grey_fade.gif) left repeat-x;	
}
#topNav .services	{ 
  float: left; 
	width: 100px; 
	height: inherit; 
	border-right: 1px solid #fff; 
	text-align: center; 
}
	
#topNav .services a:hover	{	background: url(../images/green_grey_fade.gif) left repeat-x;	}
#topNav a	{ display: block; text-decoration: none; font-weight: bold; color: #000; padding: 0.6em; }
#topNav form	{	display: inline;	}


/* MIDDLE SECTION */
div#wrapper {
	background-color: #cfc8c0; /* fills in below the menu */
	min-width: 770px; 
	max-width: 995px;
	margin: 0; 
	padding: 0;
}
/* left side - menu */
div#menu {
	border-top: 1px #fff solid; 
    float: left;
	width: 140px; /* same as margin of div#box */
	background-color: #cfc8c0;
	padding: 2em 0 0;
	margin: 0;
}
div#menu ul {
	float: left; 
	width: 140px; 
	left: 0px; 
	background: #cfc8c0; 
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	list-style: none; 
	line-height: 14px; 
}
/* IE needs some bottom padding: 0 actually shows about 1em */
div#menu li {
  border-bottom: 1px #fff solid; 
  font-size: 12px; 
  text-align: left; 
  list-style-type: none;
}

div#menu a { 
  display: block; 
	text-decoration: none; 
	font-weight: normal; 
	color: #000;
  padding: 12px 0px 12px 1em; 
}
div#menu a:hover {
  background: #b3cba0 url(../images/arrow_warm_grey.gif) right no-repeat;  
}
div#menu a.selected {
	display: block; 
	text-decoration: none; 
	font-weight: bold; 
	background: #3f7415 url(../images/arrow_warm_white.gif) right no-repeat; 
	padding: 12px 0px 12px 1em; 
}

/* level 2 only */
div#menu li.l2 {
  margin-left: 1.2em; /* indent level 2 */
  border-bottom: 1px #fff solid; 
  font-size: 12px; 
  text-align: left; 
  list-style-type: none;	
}
div#menu li.l2 a { 
  display: block; 
	text-decoration: none; 
	font-weight: normal; 
	color: #000;
  padding: 12px 0px 12px 1em; 
}

/* right side - content */
div#box {
  background-color: white; 
	margin-left: 140px; /* same as width of div#menu float */
}
/* top white and green stripe */
div#topline {  background: url(../images/inner_curves_t.gif) top left no-repeat;
	padding: 2px 0 0; /* padding creates white stripe */
	margin: 0;
}
div#tr {background: url(../images/inner_curves_tr.gif) 100% 100% no-repeat}

div#topline span {
    display: block; /* span needs to be block to have height */
	border-top: 2px solid #396; /* green line */
	margin: 0 10px 0  10px; /* make room for gif */
	padding: 3px 0; /* pads out rest of gif thickness */
}

/* has green line to left */
div#core{
  margin-left: 2px; /* white vertical line */
	border-left: 2px solid #396; /* green vertical line */
	border-right: 2px solid #396; /* green vertical line */
	margin-right: 2px; /* white vertical line */
	padding: 1em 1em 1em 4em;
}

/* bottom green and white stripe */
div#botline {
  background: url(../images/inner_curves_b.gif) bottom left no-repeat; 
	padding: 0 0 2px 0; /* padding creates white stripe */
	margin: 0;
}
div#br {
  background: url(../images/inner_curves_br.gif) 100% 0 no-repeat}
div#botline span {
  display: block; /* span needs to be block to have height */
	border-bottom: 2px solid #396; /* green line */
	margin: 0 10px 0 10px; /* make room for gif */
	padding: 3px 0; /* pads out rest of gif thickness */
}

div#bottomFill 
{
	background-color: #ffeeff;
    width: 100%;
    min-height: 100%;
    height: 100%;
}	



/***** Footer Styles *****/

/* the VTDEC address */
div#address {
  font: bold 0.8em Arial, Helvetica, sans-serif; 
	color: #8f8585; 
	text-align: center; clear: both;
	margin: 0px 0px 0px 0px; 
	background: #fff url(../images/menuSpacer.gif) top left repeat-y; 

}

#pageFooter { 
  clear: both; 
	font-size: 12px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: #6e8a4f url(../images/green_mountain_footer_with_nav.jpg) bottom left no-repeat; 
	height: 72px; 
	text-align: center; 
	color: #fff; 
}
#pageFooter .content	{	padding: 32px 0 0 0;	}
#pageFooter .footerLink	{ text-decoration: underline; color: #fff; }
#pageFooter .footerLink:hover	{ color: #6e8a4f; background: #fff; }
#pageFooter .tagline	{ color: #cfc8c0; font-size: .8em; }



/* gold dots in address */
.golddot {font-size: 14px; color: #578733; 
}
/* VTDEC and VTgov links and green bar above */
div#footer {font-size: 0.77em; text-align: center;
	margin: 2px 0 0; padding: 0;
	border-top: 5px solid #396;
}

img#vtMountans {
   border: 0px;
   width: 44px;
   height: 16px;
}
div#footer p {
	margin: 5px 10px; padding: 0;
}
div#footer a {font-weight: bold; color: #369; 
}
div#footer a:hover {color: #ffd700;
}
div#footer img {border-style: none
}