html {
	overflow-y: scroll;
}

body {
	margin: 0px;
	padding: 5px 0px;
	background-color: rgb(50,50,120);
	background-image: url(images/background.gif);
	text-align: center;
}

h1 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	font-family: "times new roman", serif;
	text-align: center;
}

h2 {
	margin: 25px 0px 0px 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	font-family: "Arial", sans-serif;
	text-align: left;
}

p {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: black;
	font-family: "times new roman", serif;
	font-size: 15px;
	text-align: justify;
}

ul {
	list-style-type: decimal;
	color: black;
	font-family: "times new roman", serif;
	font-size: 15px;
	line-height: 18px;
	text-align: justify;
}

li {
	margin: 0px 0px 10px 0px;
}

button {
	margin: 10px 0px 2px 0px;
	font-size: 10px;
}

blockquote.hidden {
	display: none;
}

.outline {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	border: 2px solid rgb(255,195,25);
}

.mainTable {
	width: 974px;
	margin: 0px auto;
	padding: 2px;
	background-color: white;
	border: 1px solid rgb(0,0,150);
}

.navTable {
	width: 150px;
	margin: 0px 10px;
	float: left;
}

.navTable a {
	width: 150px;
	height: 24px;
	margin: 1px 0px 15px 0px;
	padding: 0px;
	color: rgb(255, 195, 26);
	background-image: url(images/button_normal.gif);
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	display: block;
}

.navTable a:hover {
	background-image: url(images/button_highlight.gif);
	color: rgb(255,240,0);
	text-decoration: none;
}

.navTable p {
	width: 150px;
	height: 24px;
	margin: 1px 0px 15px 0px;
	padding: 0px;
	color: rgb(255,255,255);
	background-image: url(images/button_active.gif);
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.logo {
	width: 148px;
	height: 148px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

.contentTable {
	width: 773px;
	min-height: 520px;  /*minumum height set to the content table so it is long enough to hold the nav table even when the content itself is short*/
	margin: 1px 15px 10px 185px; /*wide left margin to keep it out from under the floating left nav menu*/
	padding: 0px;
}

.calendarHeightMod {
	min-height: 595px;  /*longer minimum height for Events Calendar page to keep height from changing when different months are loaded*/
}

.contentTable a {
	margin: 0px;
	padding: 0px;
	color:  rgb(0,0,210);
	text-decoration: underline;
}

.contentTable a:hover {
	color: rgb(210,175,0);
	text-decoration: underline;
}

.line {
	width: 100%;
	height: 0px;
	line-height: 0px;
	margin: 3px 0px;
	padding: 0px;
	border-bottom: 1px solid rgb(0,0,150);
}

.tabsTable {
	width: 100%;
	height: 20px;
	margin: 3px 0px;
	padding: 0px;
	border-bottom: 1px solid rgb(0,0,150);
}

.tabGap {
	width: 5px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border-top: 2px solid white;
	float: left;
}

.tabsTable p.activeTab, .tabsTable p {
	width: auto;
	height: 18px;
	margin: 0px 0px 0px 4px;
	padding: 0px 6px;
	border-top: 2px solid rgb(0,0,150);
	border-right: 1px solid rgb(0,0,150);
	border-bottom: 1px solid white;
	border-left: 1px solid rgb(0,0,150);
	color: black;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: white;
	float: left;
}

.tabsTable p.inactiveTab, .tabsTable a {
	width: auto;
	height: 18px;
	margin: 0px 0px 0px 4px;
	padding: 0px 6px;
	border-top: 2px solid rgb(0,0,150);
	border-right: 1px solid rgb(0,0,150);
	border-left: 1px solid rgb(0,0,150);
	border-bottom: none;
	background-color: rgb(175,175,255);
	color: black;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	display: block;
}

.tabsTable p.inactiveTab:hover, .tabsTable a:hover{
	color: black;
	background-color: rgb(110,110,200);
	text-decoration: none;
	cursor: pointer;
}

#eventsList  {
	display: block;
}

#eventsCalendar {
	width: 770px;
	margin: 0px auto;
	display: none;
}

.today {
	background-color: rgb(255,210,0);
}

.month {
	width: 771px;
	margin: 0px;
	padding: 0px;
}

.monthHeading {
	width: 769px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
}

.monthTitle {
	width: 699px;
	height: 35px;
	font-family: "times new roman", serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: rgb(175,175,255);
}

.monthArrow {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-family: arial, sans-serif;
	font-size: 22px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: rgb(175,175,255);
}

div.monthArrow:hover {
	cursor: pointer;
	color: rgb(255,255,255);
}

.weekLabels {
	width: 770px;
	height: 25px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0px;
	padding: 0px;
	color: white;
	background-color: rgb(110,110,200);
}

.weekLabels div {
	width: 109px;
	height: 25px;
	border-right: 1px solid black;
	line-height: 25px;
	font-family: arial, sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.week {
	width: 770px;
	height: 70px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0px;
	padding: 0px;
}

.week span {
	width: 109px;
	height: 70px;
	border-right: 1px solid rgb(220,220,220);
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: rgb(220,220,220);
	display: block;
}

.week span.rightBorder {
	border-right: 1px solid black;
}

.week div {
	width: 109px;
	height: 70px;
	border-right: 1px solid black;
	float: left;
	margin: 0px;
	padding: 0px;
}

.week div span {
	height: auto;
	width: auto;
	background-color: transparent;
	display: inline;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	font-family: "times new roman", serif;
	font-size: 14px;
	text-align: left;
	color: black;
	border: none;
}

.week div span.holiday {
	width: 82px;
	margin: 1px 3px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 8px;
	text-align: center;
	text-transform: uppercase;
	display: inline;
}

.week div div {
	color: rgb(75,75,200);
	text-align: left;
	margin: 0px;
	padding: 4px 2px;
	width: 105px;
	height: auto;
	line-height: 10px;
	border: none;
	font-family: arial, sans-serif;
	font-size: 10px;
	cursor: default;
	position: relative;
}

.week #today div:hover {
	background-color: rgb(255,230,100);
}

.week #today div span div:hover  {
	background-color: transparent;
}

.week div div:hover {
	background-color: rgb(220,220,220);
}

.week div div span div:hover {
	background-color: transparent;
}

.week div div span {
	display: none;
	position: absolute;
	bottom: 100%;
	right: 66%;
	width: 127px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 1px solid black;
	background-color: rgb(175,175,255);
	float: none;
}

.month .week div div span div {
	margin: 0px;
	padding: 0px 0px;
	height: auto;
	width: auto;
	border: none;
	float: none;
	font-family: arial, sans-serif;
	font-size: 10px;
	text-align: left;
	color: black;
	font-weight: normal;
}

.month .week div div span div a {
	color: rgb(0,0,210);
	text-decoration: underline;
}

.month .week div div span div a:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
}

.month .week div div span div.popupHeading {
	margin: 0px;
	padding: 0px 0px 13px 0px;
	color: white;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
}

.week div div span div.popupArrow {
	position: absolute;
	bottom: -9px;
	right: 3px;
	width: 130px;
	margin: 0px;
	padding: 0px 9px 0px 9px;
	text-align: right;
	background-color: transparent;
	font-size: 13px;
	color: black;
}

.month .week div div:hover > span {
	display: block;
}

.links {
	margin: 0px;
	padding: 0px;
}

.links p {
	margin: 4px auto 0px 40px;
	padding: 0px;
	text-align: left;
}

.links a {
	padding: 2px 0px 0px 10px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	font-family: "times new roman", serif;
	font-size: 15px;
}

.links a:hover {
	background-image: url(images/arrow_highlight.gif);
}

.notice {
	text-align: center;
	color: red;
	font-size: 17px;
	text-transform: uppercase;
	font-family: "Arial", sans-serif;
	font-weight: bold;
}

.town {
	width: 773px;
	margin: 3px 0px;
	padding: 3px 0px;
	font-family: "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	border-top: 4px solid black;
	border-bottom: 1px solid black;
}

.day {
	width: 733px;
	margin: 3px 0px 3px 40px;
	padding: 3px 0px 5px 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid black;
}

.small {
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

.smallSans {
	font-family: "Verdana", "Ariel", sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 11px;
	display: inline-block;
	margin-top: 4px;
}

.meeting {
	width: 180px;
	margin: 3px 0px 3px 80px;
	padding: 3px 0px 3px 10px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	font-family: "Times New Roman", serif;
	font-size: 13px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.time {
	width: 110px;
	margin: 3px 0px 3px 20px;
	padding: 3px 0px;
	font-family: "Times New Roman", serif;
	font-size: 13px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.location {
	width: 353px;
	margin: 3px 0px 3px 20px;
	padding: 3px 0px;
	font-family: "Times New Roman", serif;
	font-size: 13px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.meetingLine {
	width: 693px;
	height: 0px;
	line-height: 0px;
	margin: 3px 0px 3px 80px;
	padding: 0px;
	border-bottom: 1px solid black;
}

.townContact {
	width: 733px;
	margin: 3px 0px 3px 40px;
	padding: 3px 0px 3px 0px;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid black;
}

.townContact img {
	width: 68px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}

.meetingFootnote {
	width: 773px;
	margin: 3px 0px;
	padding: 3px 0px;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-top: 4px solid black;
}

.topLine {
	border-top: 1px solid black;
	padding-top: 5px;
}

.noTopLine {
	border-top: none;
}

.finalLine {
	width: 773px;
	height: 0px;
	margin: 3px 0px;
	padding: 0px;
	border-top: 4px solid black;
}

.italics {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.events, .contacts {
	margin: 0px;
	padding: 0px;
}

.events h2, .contacts h2 {
	margin: 25px 0px 7px 0px;
}

.events h3, .contacts h3 {
	margin: 0px 0px 0px 40px;
	padding: 1px 0px;
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.events p, .contacts p {
	margin: 0px 0px 0px 40px;
	padding: 1px 0px;
}

.eventsDivider {
	width: 75%;
	height: 0px;
	line-height: 0px;
	margin: 25px auto 0px auto;
	padding: 0px;
	border-bottom: 1px solid rgb(0,0,150);
}

.footer {
	width: 753px;
	margin: 0px 15px 15px 185px;
	padding: 10px;
	border-top: 1px solid rgb(0,0,150);
	background-color: rgb(175,175,255);
}

.footer p {
	margin: 2px 0px 2px 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: black;
	text-align: center;
}
.footer p.ie6Sucks {
	display: none;
}

.footer a {
	color: rgb(0,0,210);
	text-decoration: none;
}

.footer a:hover {
	color: rgb(0,0,210);
	text-decoration: underline;
}