/* Town of Shoreham, VT   by VT Web-Ink Design   new: 12/05 Updated:  6/-10-06
   layout:  body
              wrapper
			    banner (alerts,'banner text' for most section IDs; 
				           'welcome' has specific banner graphic styled in head section)
				nav                 (css for IEWin6 & below in separate file: iestyles.css)
				date/time/bookmark table
				content
				    container1       (floats left of rightcol)
					container2       (below cont1 & rightcol, when needed) 
					rightcol
				leftcol	            (floats to left of content section)
				footer
			 close      
=================================================== */

* {
margin:0;
padding:0;
  }
  
html, body{
background-color:#fff  /*#000066*/;
background-image:url(/graphics/drk-blu-faintmottle-4.jpg);
background-repeat:repeat;
color: #333333;
font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
}

body { font-size:90%;
text-align: center;
  }
  
/*================= sections =========================*/

#wrapper{
width:750px; 
position: relative;
background-color: #fff;  
color: inherit;
margin: 25px auto 25px auto;  /* changed l, r to auto from 35px */
border: 1px solid #c6002d;
  }
  

#banner{
  height: 122px;
  background-image: url(/town/graphics/banner-base-b.jpg);
  background-repeat: no-repeat;
  background-position:left bottom;
  background-color: #dddd99;
  color:inherit;
  width: 100%;
    }
  #banner .txt {
	font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #006600;
	position: absolute;
	top: 62px;
	left: 213px;
	font-size: 195%;
	font-weight: bold;
	letter-spacing: -.02em;
	line-height: 150%;
	width: 187px;
       }

  #banner .txt2{   /*main page title*/
    font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 300%;
    line-height: 150%;
    font-weight: 300;
    letter-spacing:-.02em;
    float: left;
    position: absolute;
    top: 64px;  
    left: 220px;
    color: #006600;
      }
  /*___________Nav Menu _____*/
#nav {
	position:absolute;
	z-index:100;
	left: 0px;
	top: 122px;
	width: 100%; height:17px; border-top:1px solid #000; border-bottom: 4px solid #330000;
    background-color: #dddd99;
	color:inherit;
	
      }
.iemenu { display:none; }

#noniemenu {
	position:relative;
	margin-left: 30px;
	margin-top: 0;
      }

#noniemenu .holder ul { padding:0; margin:0; }
#noniemenu .holder ul li { list-style-type: none; /*2nd drop*/ }
#noniemenu .holder li { padding-bottom:0; }
#noniemenu .holder li ul { display: none; } 
#noniemenu .holder li:hover>ul#a3, #noniemenu .holder li:hover>ul#a4, #noniemenu .holder li:hover>ul#a5, #noniemenu .holder li:hover>ul#a6 { /*3rd level drops*/
   display:block; 
   position:absolute; 
   margin-left:116px; 
   margin-top:-24px; 
   border-left: 1px dotted #000; 
   border-right: 1px solid #000; 
   background-color: #685353; 
   width:130px; 
   font-size:100%; 
   color:#ffffff; 
     }

/* #noniemenu .holder .bold {font-weight:bold;} */

#noniemenu .holder { /*borders apply to main menu item & its drop*/
  color:#68683d; 
  width:112px; 
  height:17px; 
  display:block; 
  overflow:hidden;
  float:left;	font-size: 80%;
  border-right:1px solid #68683d;    /* puts a pipe to right end, disappears on drops */
    }
  #noniemenu  .last,  #noniemenu  .last:hover {  /* 6-7 */
  border-right: 0;
  width:145px;
  font-size: 80%;
   }
  
#noniemenu .holder:hover {
  height:auto; 
  }

#noniemenu a.outer, #noniemenu a.outer:visited {  /*top menu items  */
   width:inherit; 
   line-height:18px;
   display:block; 
   background:#dddd99; 
   text-align:center; 
   text-decoration:none; 
   color: #68683d;
   font-weight: bold;
     }
	 
#noniemenu a.outer:hover {
   background:#683d3d; 
   border-bottom: 2px solid #000;
   height: 19px;
   overflow:visible;   
   font-weight: normal;
   text-transform:uppercase; 
   color: #fff;
   font-size:95%;
   width:inherit;
    }
  
#noniemenu div.open { display:none; }  /*??*/

#noniemenu a.second {    /*for 1st level item with 2nd-level drop*/
   font-weight:bold; 
   font-family: verdana, arial, sans-serif;
     } 

#noniemenu a.inner, #noniemenu a.inner:visited { /*first drops*/
  display:block; 
  width:inherit; 
  line-height:24px;
  border-bottom: 1px dotted #000; 
  text-decoration:none; 
  color:#fff; 
  background:#685353;
  text-align:left;
    font-family: verdana, arial, sans-serif;
	font-size:80%;    /* of .outer size */
  padding-left:3px;
    }
	
#noniemenu a.inner:hover { 
   background:#683d3d; 
   border-top: 1px solid #000;
   text-transform:uppercase;
   font-weight:normal;
   color:#fff;
   font-size:82%;     /* of .inner size */
   width: inherit;
    }

  /*------------Alerts, Notices -------*/
 #splat {
	position:absolute;
	background-image:url(/graphics/redsplat-sml.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	top: -11px;
	left: 602px;
	width: 167px;
	height: 110px;
	z-index: 50;
	text-align:center;
	font-size: 90%;
	font-weight:bolder;
	line-height:100%;
	color:#fff;
 }
#alert{
	background-color:#c6002d;
	text-align: center;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size:80%;
	color: #fff;
	float: right;
	position: absolute;
	width: 130px;
	top: 11px;
	right: 3px;
	left: 603px;
      }

   .schoolalert {
	 font-size: 80%;
	 font-style: normal;
	 line-height: 120%;
	
	 color: #FFFFFF;
       }
	   
    .schoolalert a, .schoolalert a:hover, .schoolalert a:visited {
      text-decoration: underline;
	  color: #FFFFFF;
         }

#agenda {
	background-color: #FFFFCC;
	border: 1px dotted #000;
	
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
	padding-left:3px;
	padding-right:3px;
	color: #000;
	float: right;
	position: absolute;
	width: 200px;
	top: 169px;
	right: 3px;
	left: 538px;
	height: auto;
	visibility: visible;
    }
	
   #agenda h1 {
      font-size: 105%;
      font-weight: bold;
      text-align: center;
      margin-bottom:4px;
         }
  #agenda h2 {
    font-size: 105%;
    font-weight: bold;
    font-style:italic;
    text-align: center;
    margin: 4px 0 4px 0;
        }

   #agenda ol{
    font-size: 100%;
    line-height: 100%;
    padding-right:3px;
    margin-left:24px;
       }

/*-------- Date, time, bookmark -------*/
#table1 {              
width:650px;  
border:0; 
position:absolute; top: 140px; left: 39px;
font-size: 85%;
    }


/*============== body subsections================*/

   /*--------- center ----------------*/

#content   {
	background-color: #fff;
	color:inherit;
	margin-top: 45px;
	margin-left: 135px; 
	border-left: 1px dotted #999;
      }

.container1{
   margin-right: 200px;  
 
     }

 .container2{
   clear: right;   
   margin-right:15px;
 
     }
	 
/*--------- right -----------------*/

#rightcol{
	width: 175px;
	position: absolute;
	top:165px;
	left: 570px;
	padding-right: 5px;
	text-align: left;
	font-size:95%;
	border-left: 1px dotted #999;
	border-bottom: 2px solid #999;
      }
   #rightcol p{
      font-size: 70%;
	  line-height: 130%;
	  text-align: left;
	  color: #003300;
        }
   #rightcol a:hover{
	  color: #666666;
	  text-decoration: none;
        }

   #rightcol ul{
	 position: relative;
	 font-size: 70%;
	 line-height: 105%;
	 padding-right:3px;
	 margin-left: 26px;
	 margin-top: 12px;
       }
   #rightcol ul li{
     padding-bottom:6px;
       }
   #rightcol ul li a, #rightcol ul li a:hover{
     font-size: inherit;
     color: #330000;
     text-decoration: underline;
       }
   #rightcol ul li a:hover {
      font-weight: bold;
        }	
		
/*--------- left col ----------*/


#leftcol{
   width: 120px;
   position: absolute; 
   top: 170px;          
   left: 2px;       
   text-align: center;
      }

    #leftcol p{
        font-size: 70%;
	    line-height: 130%;
	    text-align: center;
	    color: #003300;
          }
    #leftcol a{
	    color: #003300;
	    text-decoration: none;
	    border-bottom: 1px dotted #666666;
		line-height:140%;
          }
    #leftcol a:hover{
	    color: #666666;
	    text-decoration: underline;
	    border-bottom:0;
         }
		 
  #leftcol h3, #leftcol h3 a {
      font-size: 95%;
	  line-height: 120%;
	  text-align: center;
	  color: #330000;
	    }
    #leftcol h3 a {
       text-decoration: none;
	   border-bottom: 1px dotted #666666;
	   line-height:130%;
	      }	
     #leftcol h3 a:hover {
        color: #666666;
        text-decoration: underline;
	   border-bottom: 0;
	     }		
		 
		
/*------ footer -------------*/

#footer{
border-top: 2px solid #330000;
background-color: #dddd99;
clear: both;
text-align: center;
}

.footer {
margin: 10px 8px 10px 8px;
font-size: 70%;
text-align: center;
line-height:100%;
color:#666666;
     }
	  

/*============= typography ==============*/

h1{
font-size: 115%;
color: #330000;
padding: 0;
margin-left:15px;
margin-right: 15px;
margin-top: 10px;
}

h2{
font-size: 105%;
color: #330000;
padding: 0;
margin-left:15px;
margin-right: 15px;
margin-top: 10px;
}

h3{
font-size: 95%;
color: #330000;
padding: 0;
margin-left:15px;
margin-right: 15px;
margin-top: 10px;
}

p {
	line-height: 150%;  
	font-size: 85%;
	padding-left:15px;
	padding-right: 5px;
	margin-top: 10px;
	letter-spacing: .02em;
	}
  .p2 {
     margin-top:0;
     margin-bottom:10px;
       }
  .p3 {
     margin-top:0;
     margin-bottom:0;
       }
  .p4 {
     margin-bottom:10px;
       }
	   
 .top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size: 65%;
    text-align: right;
	font-weight: normal;
	font-style: oblique;
	margin-right: 25px;
   }

.top a{
	text-decoration: none;
   }
 .top a:hover{
	text-decoration: underline;
   font-weight: normal;
   color: #666666;
   } 



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

a:hover { color: #333333;  /* dk gray */
          text-decoration: underline;
		  font-weight: bold; 
		 }     

.container1 ul, .container2 ul  {
	 position: relative;
	 font-size: 85%;
	 line-height: 110%;
	 padding-right:3px;
	 margin-left: 50px;
	 margin-right:50px;
   	margin-bottom:12px;    }
	
 .container1 li, .container2 li  {
	 margin-top: 5px;
       }
 .container1 dl, .container2 dl  {
	 position: relative;
	 font-size: 85%;
	 line-height: 110%;
	 padding-right:3px;
	 margin-left: 50px;
	 margin-right:50px;
   	margin-bottom:12px;    }
	
 .container1 dt, .container2 dt  {
	 margin-top: 5px;
	 font-weight: bold;
	 font-style:italic;
       }
	    .container1 dd, .container2 dd  {
	 margin-top: 5px;
	 margin-left:25px;
	 font-size: 90%;
	 font-weight: normal;
	 font-style:normal;
       }
 
		
.i {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
   }

.em {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
   }

.nine { 
   font-size: 80%; }

.ten { 
   font-size: 85%; }
   
.eleven { 
   font-size: 90%; }
   
 .plus1 { 
   font-size: 110%; }
   
 .currentloc { 
   color: #330000;
   text-transform:uppercase; }
 
.calendar { 
   color: #333333;
   font-size: 85%;
   line-height: 100%;
    }

    .calendar a { 
       color: #333333;
       text-decoration: underline;
	   line-height:110%;
        }
	
    .calendar a:hover { 
       color: #000000;
       text-decoration: none;
         }
	.calendar  h4, .calendar  h4 a, .calendar h4 a:hover, .calendar h4 a:visited {
	color:#fff;
	 }
	
	.calendar table {}
	
	.calendar td {
	margin: 1px 4px 1px 4px;
	}
	
.listtext {
  line-height: 125%;
     }
  
.bizscroll {
    text-align: left;
	font-size: 85%;
    font-weight: normal;
    line-height: 125%;
    color: #003300;
	   }
    .bizscroll a { 
       text-decoration: underline; 
       color: #003300; }     /* green*/

    .bizscroll a:hover { 
          color: #333333;
          text-decoration: none;
		  font-weight: normal;
		   }
		  
     .bizscroll a:visited  {
          color: #006600;
		  text-decoration: none; 
		  border-bottom:1px dotted #006600; /*6-7 */
		  }
.dfn {
	color: #666666;
	/*background-image: url(/graphics/dot.gif);	 6-7, added border-bottom
	background-repeat: repeat-x;
	background-position: bottom; */
	border-bottom: 1px dotted #666;
	cursor: help;
       }

.blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-style: italic;
	line-height: 110%;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 50px;
	color: #666666;
       }


.txtmenu {    /* horiz text links in center content*/
   font-size: 65%;
   line-height: 100%;
   color: #666666;
   text-transform: uppercase;
   margin-top: 12px;
     }

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

 /*========= special styles (images,clears,hr's,  text aligns) ==============*/

.leftimage {
  float: left;
  margin-right: 10px;
   }

.rightimage {
  margin-bottom: 20px;
  float: right;
  margin-left: 15px;
    }
	
.imagebrdr {
border:1px solid #000;
}

.imagenobrdr {
 border:0;
 }
 
.clearR{
 clear: right;
  }

.clearL {
clear:left;
  }

.clrBoth {
  clear:both;
   }
/*--------- horiz rules --------------
default sets to 100% and centered
use:   <div class="rule" style=" ?? ">  change width, matgin, etc
		 <hr>
	    </div>       */
.rule {
width: 100%;
height:2px;
background-color:#999966;
border-top:#333 solid 1px;
margin:5px auto;
}
.rule hr {
display:none;
}

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