div#disnav{
  width:    	846px;
  height:		31px;
  padding: 		2px 50px 0px 0px;
  font-weight:  bold;
  border-left: 	2px solid #000033;
  border-right: 2px solid #000033;
  background-color: #440000;
}

/*These are the horizontal menu items which take you to the pages for the different districts*/
#csd20{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/csd20.jpg');
}
a:hover div#csd20 {background: url('pics/menubuttons/csd20h.jpg');}

#somerville{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/somerville.jpg');
}
a:hover div#somerville {background: url('pics/menubuttons/somervilleh.jpg');}

#freehold{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/freehold.jpg');
}
a:hover div#freehold {background: url('pics/menubuttons/freeholdh.jpg');}

#bwater{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		90px;
	background: url('pics/menubuttons/bwater.jpg');
}
a:hover div#bwater {background: url('pics/menubuttons/bwaterh.jpg');}

#mercer{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/mercer.jpg');
}
a:hover div#mercer {background: url('pics/menubuttons/mercerh.jpg');}

#millburn{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/millburn.jpg');
}
a:hover div#millburn {background: url('pics/menubuttons/millburnh.jpg');}

#somerset{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		71px;
	background: url('pics/menubuttons/somerset.jpg');
}
a:hover div#somerset {background: url('pics/menubuttons/somerseth.jpg');}

#region7{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/region7.jpg');
}
a:hover div#region7 {background: url('pics/menubuttons/region7h.jpg');}

#delaware{
	float:		right;
	margin: 	1px 2px 0px 2px;
	height: 	30px;
	width: 		66px;
	background: url('pics/menubuttons/delaware.jpg');
}
a:hover div#delaware {background: url('pics/menubuttons/delawareh.jpg');}

div#nav{
  position: 	absolute; top: 157px; left:15px;
}

div#navbar{
  font-family: 	Trebuchet MS, Gill Sans Light, Georgia, Verdana, Sans-serif, serif;
  position:		relative; top: 0px; left: 0em;
  z-index:		2;
  background-color: #5c0000;
  padding:		0px 0px 0px 0px;
  width:    	116px;
  font-weight:  bold;
  border-top:   2px solid #FFA9AF;  border-left:   2px solid #EE667D;
  border-bottom: 2px solid #2E0000;  border-right: 2px solid #3E0000;  
}
div.navspacer{
  height: 3px;
  border-bottom:1px solid #FFA9AF; 
  border-top: 	1px solid #3E0000;
}

div#constitution{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/constitution.jpg');
}
a:hover div#constitution {background: url('pics/menubuttons/constitutionh.jpg');}

div#bios{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/bios.jpg');
}
a:hover div#bios {background: url('pics/menubuttons/biosh.jpg');}

div#misc_docs{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/misc_docs.jpg');
}
a:hover div#misc_docs {background: url('pics/menubuttons/misc_docsh.jpg');}

div#resources{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/resources.jpg');
}
a:hover div#resources {background: url('pics/menubuttons/resourcesh.jpg');}

div#wwwboard{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/wwwboard.jpg');
}
a:hover div#wwwboard {background: url('pics/menubuttons/wwwboardh.jpg');}

div#home{
  margin-top:0px;
  height:		29px;
  width:		143px;
  background: 	url('pics/menubuttons/home.jpg');
}
a:hover div#home {background: url('pics/menubuttons/homeh.jpg');}

div.navitem{
  background-color: #5c0000;
  text-align:   right;
  color:    white;
  font-size:    10pt;
  padding:  3px 5px;
  border-top:   1px solid #FFA9AF; border-bottom: 1px solid #3E0000;
}

div.subnav{
  margin: 20px 0px 0px 0px;
  background-color: #000036;
  position:	relative; top: 0px; left: 0em;
  font-weight:  bold;
  z-index:	2;
  width:    140px;
  border-top:   2px solid #AFA9FF;  border-left:   2px solid #AFA9FF;
  border-bottom: 2px solid #00003E;  border-right: 2px solid #00003E; 
}

.subnav a:link div.subnavitem{text-decoration: none; color: white;}
.subnav a:visited div.subnavitem{text-decoration: none; color: white;}
.subnav a:hover div.subnavitem{background: #550000; color: white;}

.subnav a:link {text-decoration: none; color: white}
.subnav a:visited {text-decoration: none; color: white;}
.subnav a:hover {background: #550000; color:white;}

div.subnavitem{
  background-color: #000036;
  text-align:   right;
  color:    white;
  font-size:    8pt;
  padding:  6px 5px;
  border-top:   1px solid #AFA9FF; border-bottom: 1px solid #00003E;
}

div.subnavitemcurrent{
  background-color: #550000;
  text-align:   right;
  color:    white;
  font-size:    8pt;
  padding:  6px 5px;
  border-bottom:   1px solid #00003E; border-top: 1px solid #AFA9FF;
}

div.subnavspacer{
  height: 10px;
  background-color: #AFA9FF;
}