#banner {
  width : 970px;
  height : 117px;
  margin : auto;
  background : url(../images/charlton_banner_framed.jpg)
}

#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 970px; PADDING-TOP: 0px; HEIGHT: 41px
}

#navunder {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  MARGIN: 0px auto; WIDTH: 970px; PADDING-TOP: 0px; HEIGHT: 17px
}

#main {
  width: 960px;
  margin: auto;
  padding-top : 15px;
  padding-bottom : 20px; 
  }

#contentwrapper {
  width : 950px;
  }
  
#leftcolumn {
  position: relative;
  text-align : left;
  width: 350px;
  float : left;
  }
  
#midcolumn {
  position: relative;
  width: 350px;
  float : left;
  }

  
#rightcolumn {
  position: relative;
  width: 250px;
  float : right;
  }

#charlton_footer {
  width : 970px;
  height : 31px;
  margin : auto;
  background : url(../images/charlton_footer.jpg)
}

.weather {
  width : 180px;
  height : auto; 
  padding : 10px;
  padding-top : 0px;
  padding-bottom : 2px;  
  border : solid 0px #217835;
}

h1 {text-align:center; font-family:Arial,"Sans-Serif" ; font-size:11px ; color:#000000}
h2 {font-family:Arial,"Sans-Serif" ; font-size:12px ; color:#217835} 
h3 {text-align:center; font-family:Arial,"Sans-Serif"; font-size:11px ; color:WHITE}
h4 {text-align:left; font-family:Arial,"Sans-Serif" ; font-size:11px ; color:#000000; font-weight:normal}
h5 {font-family:Arial,"Sans-Serif" ; font-size:10px ; color:#217835}


.endtab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_end_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 139px; color : white; PADDING-TOP: 0px; HEIGHT: 41px; font-size:10px ;
}

.hometab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_cut_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ;  WIDTH: 90px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}

.newstab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_button.gif);background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ;  WIDTH: 101px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}

.eventstab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ;  WIDTH: 101px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}

.historytab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ; WIDTH: 101px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}

.photostab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ; WIDTH: 101px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}

.linkstab {
      float:left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_button.gif) ;background-repeat:no-repeat; PADDING-BOTTOM: 0px; MARGIN-TOP: 15px ; WIDTH: 101px; color : white; PADDING-TOP: 0px; HEIGHT: 26px; font-size:10px ;
}


.hometab:hover {
      background: url(../images/menu_cut_button_hover.gif);
}

.newstab:hover {
      background: url(../images/tab_button_yellow.jpg);
}

.eventstab:hover {
      background: url(../images/tab_button_yellow.jpg);
}

.historytab:hover {
      background: url(../images/tab_button_yellow.jpg); 
}

.photostab:hover {
      background: url(../images/tab_button_yellow.jpg);
}

.linkstab:hover {
      background: url(../images/tab_button_yellow.jpg); 
}

.underendtab {
      float: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_end_under.gif) ; background-repeat:no-repeat;   PADDING-BOTTOM: 0px;  MARGIN: 0px; WIDTH: 139px; PADDING-TOP: 0px; HEIGHT: 17px;
}

.undertab {
      float: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_under.gif) ; background-repeat:no-repeat;  PADDING-BOTTOM: 0px; MARGIN:0px ; WIDTH: 608px; PADDING-TOP: 0px; HEIGHT: 18px; color:white;
}


.rightnotes {
      float: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/vine4.jpg) ; background-repeat:no-repeat;  PADDING-BOTTOM: 0px; MARGIN-TOP:15px ; WIDTH: 220px; PADDING-TOP: 0px; height : 300px; background-repeat:no-repeat;
}

.gardennotes {
      float: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/garden_parch.jpg) ; background-repeat:no-repeat;  PADDING-BOTTOM: 0px; MARGIN-TOP:15px ; WIDTH: 220px; PADDING-TOP: 0px; height : 300px; background-repeat:no-repeat;
}


#main-left {
  width: 470px;
  height: auto;
  float: left;
  }

#main-right {
  width: 470px;
  height: auto;
  float: right;
  }

#postix {
  width : 258px;
  height : 285px;
  margin : auto;
  background : url(../images/intstixtemphome.jpg)
}

#login {
  width : 200px;
  background : #f0f0f0;
  border: 1px solid #8C7253;
  padding :1em;
  margin : 25px auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#webtest {
  width : 900px;
  height : 900px;
  margin : auto;
  background : url(../images/webtest3.jpg)
}

#footer {
  width : 960px;
  height : 40px;
  margin : auto;
  background : url(../images/intstixfooter.png)
}

#spacer { 
  width : 960px;
  height : 1px;
  margin : auto;
}

#spacer1 { 
  width : 960px;
  height : 1px;
  margin : auto;
}


input[type=text], input[type=password] {
  display: block;
  margin: 0 0 1em 0;
  width: 180px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  }

input[type=submit]:hover {
  cursor: pointer;
  }