body {
	background:#006600;
	color:#006600;
	font:11pt Arial,Hevetica,sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	}



/* *****************    HTML Tags  ***********************************************************************************************************************************************/
a:link, a:visited {
	color:#006600;
	outline:none;
	text-decoration:none;
	}

a:hover, a:active, li a.active {
	color:#FF0000;
	text-decoration:underline;
	}

p {
	text-align:left;
	line-height:1.1em;
	margin:0 0 10px 0;
	}

/* use h1 for page titles */
h1 {
	font-size:18pt;
	text-align:center;
	margin:1em 0;
	padding:0;
	}

/* h2 used for node titles */
h2 {
	font-size:14pt;
	margin:25px 0 6px 0;
	padding:0;
	color:#006600;
	}

	h2 a:link, h2 a:visited { 
		color:#006600;
		text-decoration:none;
		padding:0;
		}
	h2 a:hover, h2 a:active {
		color:#FF0000;
		text-decoration:underline;
		padding:0;
		}


h3 {
	font-weight:normal;
	font-size:12pt;
	color:#006600;
	margin:10px 0 10px 0;
	padding:0;
	}
	h3 a:link, h3 a:visited {
		font-weight:normal;
		color:#006600;
		margin:10px 0 10px 0;
		padding:0;
		}
	h3 a:hover, h3 a:active {
		font-weight:normal;	
		color:#FF0000;
		margin:10px 0 10px 0;
		padding:0;
		}

h4 {
	font-size:9pt;
	color:#006600;
	margin:0;
	padding:0
	}
	h4 a:link, h4 a:visited {
		text-decoration:none;
		}
	h4 a:hover, h4 a:active {
		text-decoration:underline;
		color:#FF0000;
		}


hr {
	background:#5294c1;
	border:none;
	height:1px;
	margin:auto;
	padding:0;
	width:600px;
	}
ul {
	list-style: none;
	margin:0.5em 0 1em 0;
	padding:0;
	}
ol {
	list-style: none;
	margin:0.75em 0 1.25em 0;
	padding:0;
	}
ol li,ul li {
	list-style:disc;
	margin-left:2em;
	
	}
	
ol li {
	margin-left:2em;
	padding:0 0 .3em;
	}
ul li.expanded {
	background:transparent url('../images/menu-expanded.gif') no-repeat 1px .35em;
	}
ul li.collapsed { 
	background:transparent url('../images/menu-collapsed.gif') no-repeat 0 .35em;
	}
img {
	border:0;
	}

/**********  Page Layout   ******************************************************************************************************************************************************

# 	Overall page layout is fixed at 1023px, each sidebar is 140 pixels, 
#	center content column is 684px 
#	wrapper fixes the width, adds page background

***************************************************************************************************************************************************************************  */
#wrapper {
	margin:0;
	width:1024px;
	text-align:left;			 
	background:#ffffff url('../images/bkg_body.gif') top left repeat-y;
	padding:0;
	}

.forcePageHeight {
	float:left;
	width:1px;
	padding:0;
	margin:0;
	}


/**** Make a box around the header ****/
#headerBox {
	width:1024px;
	height:20px;
	background:#ffffff url('../images/bkg_top.gif') top left no-repeat;
	padding:5px 0 0 0;
	margin:0;
	font:10pt Arial, Helvetica, sans-serif;
	color:#006600;
	text-align:center;
	overflow:hidden;
	}
	
#header {
	padding:0;
	margin:0;
	width:1024px;
	overflow:hidden;
	text-align:center;
	}

/* headerTowns has been replaced by topNav. Keep it here until we get approval of the new layout - changed from having the list of towns next to logo to below */
.headerTowns {
	float:right;
	width:375px;
	font: bold 12pt "Times New Roman", Times, serif;
	color: #006600;
	text-align:center;
	margin:25px 70px 0 0;
	padding:0;
	}
	
	.headerTowns a:link, .headerTowns a:visited {
		font: bold 12pt "Times New Roman", Times, serif;
		color: #006600;
		text-decoration:none;
		}
	.headerTowns a:hover, .headerTowns a:active {
		font: bold 12pt "Times New Roman", Times, serif;
		color:#FF0000; 
		text-decoration:underline;
		}	

.topNav {
	text-align:center;
	width:96%;
	margin:6px 4% 0 0;
	clear:both;
	font:15pt 'Times New Roman',Times,serif;
	}
	.topNav a:link, .topNav a:visited {
		margin:0 0 0 5px;
		}
	.topNav a:hover, .topNav a:active {
		margin:0 0 0 5px;
		text-decoration:underline;
		color:#FF0000;
	}

/**   Primary navigation - the horizontal list just below our header **************************************************************************************************************/

#nav {
	background:url('../images/bkg_nav.gif') top left repeat-y;
	font:10pt Arial,Helvetica,sans-serif;
	margin:0;
	padding:10px 0;
	text-align:center;
	color:#ffffff;
	}

	#nav a:link, #nav a:visited {
		color:#FFFFFF;
		text-decoration:none;
		margin:0 12px 0 0;
		padding:0;
		}	
	#nav a:hover, #nav a:active {
		color:#FF0000;
		text-decoration:underline;
		margin:0 12px 0 0;
		padding:0;
		}


/******   Index.php has its a unique format, define page layout CSS in index.php ***********************************************************************************
	These are for making two columns in the what used to be sidebar-left & center - a hack that could be improved upon		*/


.sectionHeader {
	font-weight:bold;
	font-size:12pt;
	color:#006600;
	padding:0;
	margin:15px 0; 
	border-bottom:4px double #006600;
	text-align:left;
	}
.columnBlockLeft {
	float:left; 
	width:390px !important; 
	text-align:center; 
	padding:15px 0 0 0;
	margin:0 19px 0 0;
	}
.columnBlockRight {
	float:left; 
	width:390px !important; 
	text-align:center; 
	padding:15px 0 0 0;
	margin:0;
	}

		
		
/*****  Main content window has 3 columns inside #container  ******************************************************************************************************/

#container {
	width:1024px;
	padding:1px;
	padding-bottom:0px;
	text-align:left;
	overflow:hidden;
	background:#ffffff url('../images/bkg_body.gif') top left repeat-y;
	}

#center {
	border-left:1px solid #E9EFF3;
	border-right:1px solid #E9EFF3;
	float:left;
	text-align:left;
	padding:20px 10px 50px 10px;
	/* width:684px; */
	}

.sidebar {
	padding:13px 0 0 0;
	width:140px !important; 
	display:block;
	text-align:left;
	font:9pt Arial,Helvetica,sans-serif;
	}

.subMenu {	
	margin-left:5px;
	}
.subMenu a:link {
	}

#sidebar-left {
	float:left;
	margin-right:10px;
	padding:5px 0 0 5px;
	}
#sidebar-right {
	float:right;
	width:140px;
	margin-right:10px;
	margin-left:4px;
	padding:35px 5px 0 0;
	}
	
	

/***    Footer & Secondary Links  **********************************************************************************************************************************************
/* footer required to give us the bottom of the page background image 
*****************************************************************************************************************************************************************************/
#footer {
	width:1024px;
	background:url('../images/bkg_bottom.gif') top left no-repeat;
	height:40px;
	clear:both;
	margin:0;
	padding:0;
	font:8pt Arial,Helvetica,sans-serif;
	text-align:center;
	}

/* bottomNav serves two purposes; forces window height with clear, and gives us a place to put the secondary link menu ****/
#bottomNav {
	display: block;
	clear: both;
	text-align:center;
	font:10pt Arial,Helvetica,sans-serif;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
/*	border-top:1px solid #E9EFF3; */
	background:url('../images/bkg-footer-top-border.gif') top left no-repeat;
	}
	
	#bottomNav a:link, #bottomNav a:visited {
		color:#006600;
		margin:0 12px 0 0;
		padding:0;
		}
	
	#bottomNav a:hover, #bottomNav a:active  {
		margin:0 12px 0 0;
		padding:0;
		list-style: none;
		color:#FF0000;
		text-decoration:underline;
		}
	
#footerLinks {
	background:url('../images/bkg_nav.gif') top left repeat-y;
	font:10pt Arial,Helvetica,sans-serif;
	margin:0;
	padding:10px 0;
	text-align:center;
	color:#ffffff;
	}

	#footerLinks a:link, #footerLinks a:visited {
		color:#FFFFFF;
		text-decoration:none;
		margin:0 15px 0 0;
		padding:0;
		}	

	#footerLinks a:hover, #footerLinks a:active {
		color:#FF0000;
		text-decoration:underline;
		margin:0 15px 0 0;
		padding:0;
		}


/****  Node styles *********************************************************************************************************************************************/
#content {
	text-align:center;
	margin:0 0 8px 0;
	}

.node {
	width:96%;
	float:left;
	margin:0 0 10px 0;
	line-height:1.1em;
	}
	.node a:link, .node a:visited {
		text-decoration:none;
	}
	.node a:hover, .node a:active {
		text-decoration:none;
	}


/*.....    byline   ...... */
/* 9-9-08 let's replace span.author with h3. Keep this here until we're sure we killed them all */
.author {
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#006600;
	float:left;
	width:100%;
	}
/*	.author a:link {
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#006600;
		text-decoration:none;
		}
	.author a:visited{
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#006600;
		text-decoration:none;
		}	
	.author a:hover{
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#ff0000;
		text-decoration:underline;
		}	
	.author a:active{
		font:normal 10pt Arial, Helvetica, sans-serif;
		color:#ff0000;
		text-decoration:underline;
		}		
*/	
	
/*** date above article    ****/	
.pubDate {
	color:#333333;
	float:left;
	font:italic 10pt Arial, Helvetica, sans-serif;
	width:100%;
	margin:3px 0;
	}

/* if we need to show an error message at the top of our listings */
.errMsg {
	font:bold 10pt Arial,Helvetica,sans-serif; 
	color:#FF0000; 
	text-align:left; 
	width:80%;
	margin:auto;	
	}
	.errMsg a:link, .errMsg a:visited {
		text-decoration:none;
		color:#0000FF; 
		}
	.errMsg a:hover, .errMsg a:active {
		text-decoration:underline;
		color:#0000FF; 
		}
	
/*  Show columnist's pic in their columns   ****/
.authorPic {
	float:right;
	margin:0 0 8px 12px;
	border:1px solid black;
	}	
/**** 

#	Links under content block in node -- 'Read More' 
#	originally were class 'links' but have been renamed as they 
#	were screwing up the primary menu links

**********************/
/*
.readMore {
	clear:both;
	width:100%;
	}
*/	
.readMore a:link, .readMore a:visited {
	font:10pt Arial,Helvetica,sans-serif;
	font-variant:small-caps;
	margin:0;
	padding:0;
	color:#006600;
	text-decoration:none;
	}

.readMore a:hover, .readMore a:active {
	font:10pt Arial,Helvetica,sans-serif;
	font-variant:small-caps;
	margin:0;
	padding:0;
	color:#FF0000;
	text-decoration:underline;
	}


/* breadcrumb menu at top of middle section of content */
.breadcrumb {
	color:#cccccc;
	padding:0
	}

.breadcrumb a:link, .breadcrumb a:visited {
	color:#cccccc;
	text-decoration:none;
	}

.breadcrumb a:hover, .breadcrumb a:active {
	color:#FF0000;
	text-decoration:underline;
	}


/* pagination table at bottom of pages with large record sets */
.paginationMenu {
	width:100%;
	font:9pt Arial, Helvetica, sans-serif;
	text-align:center;
	margin:12px 0 0 0;
	}
	
	.paginationMenu a:link {
		text-decoration:none;
		}
	.paginationMenu a:visited {
		text-decoration:none;
		}
	.paginationMenu a:hover {
	/*	font-weight:bold; */
		color:#FF0000;
		text-decoration:underline;
		}
	.paginationMenu a:active {
	/*	font-weight:bold; */
		color:#FF0000;
		text-decoration:underline;
		}

/**  divisions to force element heights and to assure stuff clears   ******************************************************************************************************************************************************/
.clear {
	display: block;
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: -1px;
	}

.clear-block {
	display:block;
	}



/********   Tables      ******************************************************************************************************************/
table {
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	width:100%; 
	border:0px;
	}
thead th {
	color:#494949;
	font-weight:700;
	text-align:center;
	border:0px;
	}
th a:link,th a:visited {
	color:#6f9dbd;
	}
td,th {
	padding:.3em .5em;
	text-align:left;
	}
tr.even,tr.odd,tbody th {
	border:solid #d3e7f4; 
	border-width:1px 0;
	}
tr.odd,tr.info {
	background-color:#edf5fa; 
	}
tr.even {
	background-color:#ffffff;
	}
tr.drag {
	background-color:#fffff0;
	}
tr.drag-previous {
	background-color:#ffffdd;
	}
tr.odd td.active {
	background-color:#ddecf5;
	}
tr.even td.active {
	background-color:#e6f1f7;
	}
td.region,td.module,td.container,td.category {
	background-color:#d4e7f3;
	color:#455067;
	font-weight:700;
	}
tr:first-child td.region,tr:first-child td.module,tr:first-child td.container,tr:first-child td.category {
	border-top-width:0;
	}

/******    Forms    *************************************************************************************************************************************************************************

Use formRow to wrap a line with a label & an input field 


********************************************************************************************************************************************************************************************/
.formRow {
	width:99%;
	float:left;
	margin-bottom:4px;
	}

.label {
	float: left;
	height: 25px;
	width: 30%;
	color: #006600;
	text-align: right;
	margin: 5px 0;
	padding: 4px 0 0 0;
	}
	
.formField {
	float: left;
	height: 26px;
	color: #006600;
	text-align:left;
	margin: 6px 0 12px 15px;
	}

.formDisplay{
	float: left;
	height: 25px;
	text-align: left;
	width:63%;
	padding:9px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
	}

.formSubmitRow{
	width:99%;
	text-align:center;
	margin:30px 0;
	}

.formSubSection {
	width:99%;
	font-size:13pt;
	border-bottom:1px solid #006600; 
	padding-top:30px;
	margin-bottom:10px;
	}

input {
	color:#494949;
	font:12px/100% Verdana, sans-serif;
	border-bottom:3px solid #cccccc;
	border-right:3px solid #cccccc;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}
textarea,select {
	color:#494949;
	font:12px/160% Verdana, sans-serif;
	border-bottom:3px solid #cccccc;
	border-right:3px solid #cccccc;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}

em {
	padding:0 3px 0 0;
	}



.description {
	color:#898989;
	font-size:0.92em;
	line-height:150%;
	margin-bottom:0.75em;
	}
.formInstructions {
	float:left;
	font:9pt Arial,Helvetica,sans-serif;
	}	

/*
.form-checkboxes,.form-radios,.form-checkboxes .form-item,.form-radios .form-item {
	margin:0.25em 0;
	}
#center form {
	margin-bottom:2em; 
	}
.form-button,.form-submit {
	margin:2em 0.5em 1em 0;
	}
#dblog-form-overview .form-submit,.confirmation .form-submit,.search-form .form-submit,.poll .form-submit,fieldset .form-button,fieldset .form-submit,.sidebar .form-button,.sidebar .form-submit,table .form-button,table .form-submit {
	margin:0;
	}
.box {
	margin-bottom:2.5em;
	}
*/
.form-item input.error,.form-item textarea.error {
	border:1px solid #c52020;
	color:#363636;
	background-color:#ffffff;
	}

/*****  Drop Shadows *****************************************************************************************************************************************************/

/* outsideBox is the container around image, dropshadow and any text - used to maintain even column spacing */
.outsideBox {
	float:left; 
	height: 330px;
	width:215px; 
	text-align:center; 
	margin:20px 0 0 0; 
	padding:0 5px; 
	background:#FFFFFF;
	} 

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }

.wrap1 {
  	float:left;
	background-color:#FFFFFF;
  	background:url('../images/shadow.gif') bottom right no-repeat;
  }
.wrap2 {
	background-color:#FFFFFF;
  	background:url('../images/corner_bl.gif') bottom left no-repeat;
  }
.wrap3 {
  	padding:0 6px 6px 0;
	background-color:#FFFFFF;
  	background:url('../images/corner_tr.gif') top right no-repeat;
  }
.wrap3 img {
	display:block;
	border:1px solid #000000;
  }
	
	
/*   Drop shadows  ##################################################################################################################**********/

.img-shadow {

  float:left;
  background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
/*	box-sizing:border-box;
	-moz-box-sizing:border-box; */
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0;
  }


/*  drop shadow for any element we'd like *****/
.p-shadow {
  width: 90%;
  float:left;
  background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url('../images/shadow.gif') no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777777;
  background-color: #ffffff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  
  
  /******************   Calendar styles     *******************************************************************************************************************************/
  
a.prevnext:link {
	color:#006600; 
	font-size: 12px; 
	text-decoration:none;
	}
a.prevnext:visited {
	color:#006600; 
	font-size: 12px; 
	text-decoration:none;
	}
a.prevnext:hover {
	color:#FF0000; 
	font-size: 12px; 
	text-decoration:underline;
	}
a.prevnext:active {
	color:#FF0000; 
	font-size: 12px; 
	text-decoration:underline;
	}

a.day:link {
	color:#000000; 
	font-size:18px; 
	text-decoration:underline;
	}
a.day:visited {
	color:#000000;font-size:18px; 
	text-decoration:underline;
	}
a.day:hover {
	color:#FF0000; 
	font-size:18px; 
	text-decoration:underline;
	}
a.day:active {
	color:#000000;font-size:18px; 
	text-decoration:underline;
	}

a.event:link {
	color:#006600; 
	font-size:12px; 
	text-decoration:none;
	}
a.event:visited {
	color:#006600; 
	font-size:12px; 
	text-decoration:none;
	}
a.event:hover {
	color:#FF0000; 
	font-size:12px; 
	text-decoration:none;
	}
a.event:active {
	color:#FF0000; 
	font-size: 12px; 
	text-decoration:none;
	}

a.admin:link {color:#006600; font-size: 12px; text-decoration:none;}
a.admin:visited {color:#006600; font-size: 12px; text-decoration:none;}
a.admin:hover {color:#FF0000; font-size: 12px; text-decoration:underline}
a.admin:active {color:#FF0000; font-size: 12px; text-decoration:underline}

table.cal {
	background-color:#fcfcfc; /* #ADD8E6; */
	color:#00008B;
	
	/*height: 600px; 
	border-color:#ADD8E6; */
	border-color:#cccccc;
	border-style: none;
	border-width:2px;
	font-family: sans-serif;
	width:650px !important;
	}
.calTable {
	background-color:#fcfcfc; /* #ADD8E6; */
	color:#00008B;
	/*height: 600px; 
	border-color:#ADD8E6; */
	border-color:#cccccc;
	border-style: none;
	border-width:2px;
	font-family: sans-serif;
	width:650px !important;
	margin-bottom:0;
	}
/*
.caption {
	color:#000000;font-size: 28px;
	font-weight: bold;
	}
*/

.thead {
	color:#FFFFFF;
	border-color:#ADD8E6;
	background-color:#006600;    	/*  #ADD8E6; #00008B; */
	font-size: 16px;
	font-weight:bold;
	}
.tbody {
	border:1px solid #cccccc;
	}
	
td.cal {
/*	background-color: white;  */
	border-color:#cccccc;
	text-align: left;
	vertical-align: top;
	}

tfoot.cal {
	color:#FFFFFF;
	background-color:#006600;
	border-color:#006600;
	font-size: 14px;
	text-align:center;
	}

ul.cal {
	margin: 0px;
	list-style-position: inside;
	}

.cal-admin-link {
	color: #ffffff;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	} 


/********    Classified Ad Styles    ***********************************************************************************************************************************************/
.adWrapper {
	width:92%;
	float:left;
	margin-left:3%;
	margin-bottom:20px;
	padding:4px 2%;
	background:#FFFFFF;
	display:block;
	}
.adLabel {
	font-size:9pt;
	float:left;
	width:25%;
	display:block;
	}	
.adDetails {
	font-size:9pt;
	float:left;
	width:49%;
	display:block;
	margin:2px 0 0 0;
	}