/* Town of Cummington MA Main CSS */

/*------- 6/13/09 4:30PM ---------*/
/*   
Theme Name: tocMain
Theme URI: www.cummington-ma.org
Description: Theme for Cummington MA
Author: Allan Douglas, DDGraphics WebMedia
Author: URI: www.ddgwebmedia.com
 */

/**********************************/

/* @group HTML Elements */

/*-------- HTML Elements --------*/

body {
	color: #2450A6	;
	font: 90% "Lucida Grande", Optima, "Sans Serif";
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

p, td, h1, h2, h3, h4, h5, ul {
	font: 90% "Lucida Grande", Optima, "Sans Serif";
	color: #2450A6;
}

p {
	font-size: .95em;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

/* @end HTML Elements */
/**************************/

/* @group ID Selectors */

/* ---- ID Selectors ---- */
/*---- Main Container Stuff ----*/

#container {
	min-width: 750px;
	max-width: 1440px;
	margin: 0 auto;
	/*border: thin dashed navy;*/
}
/* default masthead holding the banner and mainNav */
/*------ Header Stuff ------*/

#header {
	width: 100%;
	/*height: 9.5em;*/
	background: #6fa0ff;
}

.lefthdr {
	float: left;
	width: 11%;
	margin: .3em 0 0 .3em;
}

.centerhdr {
	float: left;
	width: 77%;
	padding: 1em 0 0;
	margin: 0 auto;
}

.righthdr {
	float: right;
	width: 11%;
	text-align: right;
	margin: 0;
	padding: 0;	
}

/* @group Header Search Form */ 
.searchhdr {
	float: left;
	width: 99%;
	height: 1em;
	margin: 0 auto;
	padding: 0;
}

.searchhdr form {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* @end Header Search Form */

.righthdr h1 {
	color: #484833;
	padding: 0;
	font-weight: bold;
	font-size: 2.5em;
	font-variant: small-caps;
	text-align: left;
	margin: .3em 0 .3em 1em;
}

.righthdr p {
	color: #484833;
	padding: 0;
	font-size: .9em;
	font-variant: small-caps;
	text-align: right;
	margin: 0 1em 0 0;
}

/*----- End Header Stuff -----*/
/*************************/
/*------ Wrapper Stuff ------*/

#wrapper {
	float: right;
	width: 74%;
	margin: .5em 0 0;
}

/*--- End Wrapper Stuff ---*/

/* @end ID Selectors */
/*********************************/
/* the appropriate background class will be applied based on class attached to the body */

/* @group Left Content */

#leftcontent {
	clear: both;
	float: left;
	width: 25%;
	padding: 0;
	margin: .5em 0 0;
}

/* @end Left Content */
/*********************************/
/* @group threecolumn */

#threecolumn {
	background: #B0CAFF;
}

#threecolumn #maincontent {
	float: left;
	width: 74%;
	margin: 0;
	padding: 0;
}

/* @group Sub Content */

#subcontent {
	float: right;
	width: 25%;
	margin: 0;
	padding: 0;
}

/* @end Sub Content */

/* @end threecolumn */
/**************************/
/* @group twocolumn */

#twocolumn {
	background: #B0CAFF;
}

#twocolumn #maincontent {
	float: left;
	width: 99%;
	margin: 0;
	padding: 0;
}

/* @end twocolumn */
/***********************/
/* @group onecolumn */

#onecolumn {
	background: #B0CAFF;
}

#onecolumn #wrapper {
	float: left;
	margin: 1em 0 0 0;
	width: 99%;
}

#onecolumn #maincontent {
	float: left;
	width: 99%;
	margin: 0 auto;
	padding: 0;
}

/* @end onecolumn */
/************************/
/* @group Box Stuff */

/* and then these h1 h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */ 

.box h1 {
	font-size: 150%;
	color: #FFF;
	background: #BFA065;
	padding: .2em;
	margin: 0;
}

h2 {
	font-size: 120%;
	color: #FFEFA7;
	background: #6E8ABF;
	padding: .2em;
	margin: 0 .5em;
}

h3 {
	text-transform: uppercase;
	display: inline;
	font-size: 92%;
	padding: .2em;
	margin: 1em .5em 0;
}

.updates h3 {
	background: #F6CE45;
	padding: 0 0 0 .5em;
	margin: 0 0 0 .5em;
	display: block;
}

.careers h3 {
	background: #F762E0;
}

.faq h3 {
	font-size: 100%;
	background: #8170BF;
	color: #FFEFA7;
	padding: .3em;
	display: block;
}

.newsheadlines h3 {
	font-size: 100%;
	background: #D7D493;
}

.boards h3 {
	background: #C4DDB8;
	padding: 0 0 0 .5em;
	margin: 0 0 0 .5em;
	display: block;
}

.bylaws h3 {
	font-size: 100%;
	background: #FFEFA7;
	padding: .2em 1em;
	display: block;
}

.history h3 {
	padding: 0 0 0 .5em;
	font-variant: small-caps;
	font-weight: bold;
	margin: .5em 0 0 1em;
}

h4{
	text-transform: uppercase;
	font-size: 92%;
	padding: .2em;
	margin: 1em 0 0 .5em;
}

/********************************/
/* leftCol controls non-rounded boxes in the thinner left column, known as leftContent */
 
.leftCol {
	width: 95%;
	margin: 0 0 0 0.5em;
	padding-right: 0;
	padding-left: 0;
}

.leftCol p {
	margin: 0;
	font-size: 90%;
	color: #666;
	padding-top: 0;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */

.box {
	margin: 0;
	padding-right: 0;
	padding-left: 0;
	/*background: #B0CAFF url(../SiteAssets/GIF/diags.gif);*/
}

/* Styling of the boxes if there is no JavaScript support */

.anyCol {
	margin: 0 1em;
	background: #B0CAFF;
	line-height: 170%;
	padding: .5em 0;
}

/* paragraph styles for any main boxes */

.anyCol p, .col p {
	margin: 0;
	color: #333;
	padding-top: 0px;
	padding-right: 0.5em;
	padding-left: 4.5em;
	padding-bottom: 0px;
}

.news p {
	margin: 0;
	color: #333;
	padding: 0 .5em .5em .8em;
	line-height: 105%;
}

.news .date {
	font-size: 1em;
	margin: 0;
	color: #333;
	padding: 0 .5em .5em .8em;
}

.about p {
	margin: 0;
	padding: 0 .5em .5em .8em;
}


/* CSS for the box ends here */

/* @end Box Stuff */

/* date and posted control the small text info in article blurbs */

.date {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	padding: 0 0 .5em .5em;
}

.posted {
	display: block;
	margin: 0 0 0 5em;
	padding: 0 0 1em 0;
	font-weight: bold;
	color: #666;
}

.postedUnderline {
	display: block;
	margin: 0 5px .5em 5em;
	padding: 0 0 .5em 0;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #999;
}

address {
	margin-left: 5em;
}
/**************************/

/* @group Town Stuff */ 

#mmatown {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}

#mmatown p {
	margin: 1em 0 0 1em;
}

.banner h1 {
	font-variant: small-caps;
	text-align: center;
	color: silver;
	background-color: #8507ad;
	font-style: italic;
	letter-spacing: .5em;
}
/* @group Bylaws Stuff */ 

#orgdocs {
	margin: 0;
	padding: 0;
}

#orgdocs h3 {
	margin: 0 0 0 2em;
	padding: 0;
}

#orgdocs form #frmDocs {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	background: #807E59;
}

#orgdocs form #frmDocs .label {
	color: #FFF;
}

#orgdocs h5 {
	margin: 0 0 0 2em;
	padding: 0;
}

#orgdocs #printer {
	margin: 0 2em;
	padding: 0;
}

/* @end Bylaws Stuff */
/*------------------------*/
/* @group Boards Stuff */

#board {
	width: 95%;
	margin: 0;
	padding: 0;
}

#board p {
	margin: 1em 0 0 1em;
}
/* @end Boards Stuff */
/*------------------------*/
/* @group Minutes Stuff */ 

#minutes {
	width: 95%;
	margin: 0;
	padding: 0;
}

/* @group Minutes Search Form */ 

fieldset.minsearch {
	width: 90%;
	background: #807E59;
	margin: 0 auto;
	padding: 0;
}

div.rowms {
	width: 99%;
	clear: both;
}
.labelms {
	float: left;
	width: 34%;
	text-align: right;
}

.formms {
	float: left;
	width: 15%;
}

.labelmstxt {
	float: left;
	width: 35%;
	text-align: right;
}

.formmstxt {
	float: right;
	width: 14%;
}

div.rowms input {
	margin-top: 0;
	padding: 2px;
	border: 0;
	background: #FFF;
	color: #807E59;
}

div.rowms textarea {
	margin-top: 0;
	padding: 2px;
	border: 0;
	background: #FFF;
	color: #807E59;
}

/* @end Minutes Search Form */

/* @end Minutes Stuff */
/*--------------------------*/
/* @group Town Gov List Stuff*/ 

.columntgbl {
	float: left;
	width: 32%;
}

.headtgbl {
	background: #C4DDB8;
}

.boardtgbl {
	background: #C4DDB8;
}

/* @end Town Gov List Stuff */
/*--------------------------*/
/* @group Phone Book */

div.rowpb {
	clear: both;
	padding-top: .5em;
	text-align: left;
	line-height: 110%;
  }
  
div.rowpb1 {
	clear: both;
	padding-top: .5em;
	line-height: 110%;
	border-top: thin inset #ccc;
}

.colpb {
	float: left;
	width: 45%;
	text-align: left;
	padding-left: .5em;
}

span.colpb1 {
	float: left;
	width: 30%;
	text-align: left;
	padding-left: .5em;
}

span.colpb2 {
	float: left;
	width: 20%;
	text-align: left;
}

.colpb3 {
	float: left;
	width: 25%;
	text-align: left;
}

.colpb4 {
	float: left;
	width: 20%;
	text-align: right;
}

.colpb3a {
	float: left;
	width: 25%;
	text-align: left;
}

.colpb4a {
	float: left;
	width: 20%;
	text-align: right;
}

.pbbackgrnd {
	background: #AC95FF;	
}
/* @end Phone Book */
/*--------------------------*/
/* @group Printer Icon Stuff */ 

/* Printer Icon used in our sites */
#printer{
	height: 32px;
	padding-right: 0px;
}
#printer h5 {
	font-size: .9em;
	padding-top: 8px;
}
#printericon {
	float: left;
	height: 32px;
	width: 15%;
}
#printertext {
	float: left;
	height: 32px;
	width: 75%;
	text-align: center;
	vertical-align: middle;
}
#printer a:link, #printer a:visited {
	color: #333;
	text-decoration: none;
	height: 32px;
	width: 32px;
	background-image: url(http://www.DDGWebMedia.com/DDGECom/DB/DBAssets/DBIcon/print_up.gif);
	display: block;
    }
#printer a:hover {
	color: #66CCFF;
	height: 32px;
	width: 32px;
	background-image: url(http://www.DDGWebMedia.com/DDGECom/DB/DBAssets/DBIcon/print_dwn.gif);
	background-repeat: no-repeat;
	display: block;
 }
/* @end Printer Icon Stuff */

/* @end Town Stuff */
/***********************/


/* @group Blog Stuff */


/* @group Blog Stuff */
/*-- goes around all blog elements to control width & placement --*/

#blog {
	width: 100%;
	margin: 0;
	padding: 0;
}

#maincontentblog {
	float: right;
	width: 74%;
	margin: 0;
	padding: 0;
}

/*-- controls stuff under anycol which is the main column --*/

.anycolb {
	clear: right;
	margin: 1em 1em 0;
	padding: .5em 0;
	/*background: #FFF;*/
	/*line-height: 170%;*/
	border-bottom: medium groove gray;
}

.anycolb p {
	margin: 0;
	color: #333;
	margin: 0 .5em .5em 1.5em;
	padding: 0;
}

.anycolb h1 {
	font-size: 160%;
	color: #FFF;
	background: #807E59;
	margin: 0 .5em 0 1.5em;
	padding: 0;
}

.anycolb h2 {
	font-size: 120%;
	margin: 0 .5em;
	padding: 0;
	color: #bb6200;
}

.anycolb h3 {
	text-transform: uppercase;
	/*display: inline;*/
	font-size: 95%;
	margin: 1em 0 .5em;
	padding: 0;
}

.anycolb h4{
	text-transform: uppercase;
	font-size: 92%;
	padding: 2px;
	margin: 1em 0 0 .5em;
}

/*-- controls archive stuff --*/

#subcontentblog {
	float: left;
	width: 25%;
	background: silver;
	margin: 0 0 .5em;
}


#subcontentblog img {
	margin: 0;
	padding: 0;
}
.blogarchive {
	border-bottom: thin groove black;
	margin: 0 0 .5em;
	padding: 0;
}

.blogarchive a:link, .blogarchive a:visited {
	color: #333;
}

.blogarchive p {
	font-size: 92%;
	padding: 0;
	margin: .5em 0 .5em 1.2em;
}

.blogarchive h3 {
	font-size: 98%;
	margin: .5em 0 .5em 1em;
	padding: 0;
}

.blogarchive ul li {
	list-style-type: none;
}

.blogarchive ul {
	margin: .5em 0 .5em 1em;
	padding: 0;
}

.follow {
	width: 99%;
	border-bottom: medium groove #333;
}

/*- Controls outside #blog in all email output with -*/

.blogmailbackground {
	margin: 1em 1em 0;
	padding:0;
	background-color: #cce5a7;
}


/* date, posted, postedlabel & comment control the small text info in blog blurbs */

.date {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	padding: 0 0 .5em .5em;
}

.posted {
	font-size: 85%;
	display: block;
	margin: 0 0 1em 5em;
	padding: 0;
	font-weight: bold;
	color: #666;
}

.postedlabel {
	font-size: 85%;
	display: block;
	margin: 0 0 1em 5em;
	padding: 0;
	font-weight: bold;
	color: olive;
}

.comment {
	font-size: 85%;
	font-weight: bold;
	color: olive;
	margin: 0 0 1em 5em;
	padding: 0;
}

/*- Stuff for Twitter Updates -*/

#twitter_div {
	margin: .5em 0 0;
	padding: 0;
}

.sidebar-title {
	text-align: center;
	
}
/*-- Controls ul list in class sidebar-title --*/

#twitter_update_list {
	text-align: left;
	list-style-type: circle;
}

/* Controls follow me button */
.followme a:link, .followme a:visited {
	display: inline;
	width: 11em;
	color: olive;
	background-color: silver;
	text-align: center;
	font-size: .95em;
	padding: .3em;
	border: medium ridge olive;
}

.followme a:hover, .followme a:active {
	color: white;
	background-color: olive;
	text-align: center;
	border: medium ridge olive;
}

/* End Stuff for Twitter Updates */
/* CSS for the blog ends here */

/* @end Blog Stuff */
/**************************/
/* @group Contacts Page Stuff */

/*--- Contacts Page Stuff ---*/
/*-- Needed in every site that uses our DB for contact information --*/

#contact {
	float: left;
	width: 98%;
	position: relative;
	margin: 0 .5em;
	padding: 0;
}

#contact .modules {
	clear: both;
	padding-top: 5px;
	text-align: center;
  }
  
#contact h2 {
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: #FFEFA7;
	background: #6E8ABF;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
	text-align: center;
	margin-top: 15px;
}

#contact h4 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: #FFEFA7;
	background: #6E8ABF;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}

#contact h5 {
	text-align: center;
	font-weight: normal;
	color: #333;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	font-size: small;
	width: 33%;
}
#rightcolcntct {
	float: right;
	width: 20%;
	margin: 0;
	z-index: 0;
	position: fixed;
	left: 78%;
}
.rowcccntct {
	clear: both;
	width: 100%;
}
.imagerc {
	width: 100%;
	border: thick ridge white;
}
.imagecc {
	width: 31%;
	border: thick ridge white;
}
/****************************/
/*---- Form Stuff ----*/
#frmcontainer {
	background-color: #CCCCCC;
	width: 500px;
	border: thin dashed #660099;
	margin: 0 auto;
	clear: both;
}
#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}

div.row {
	clear: both;
	padding-top: 5px;
	text-align: center;
  }
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row span.label {
  float: left;
  width: 35%;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 55%;
  text-align: left;
  }
div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}
div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}

div.row span.formcr {
float: right;
width: 70%;
text-align: left;
color: #000066;
} 
div.row span.formbg {
float: right;
width: 10%;
text-align: left;
} 
div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
 
/*------ Form Button ------*/
.formbttn {
	cursor: pointer;
	background-color: #807E59;
	color: white;
	border: outset 1px #ccc;
	padding: 1px 2px;
}
.formbttnoff {
	background-color: #666699;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

/*---- Button Classes ----*/

.sbmtbutton a:link, .sbmtbutton a:visited {
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: #ffffff;
	background-color: #2450A6;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #ffffff;
	background-color: #6E8ABF;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}
 /*---- End Form CSS ----*/

/* @end Contacts Page Stuff */
/***************************/
/* @group Form Stuff */

/* form styling - not much though kids */

form {
	margin: 0;
	padding: 0;
	/* font-size: 100%; */
}

fieldset {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

.default fieldset {
	width: auto;
	border: 0;
	margin: 10px 0 10px 50px;
	padding: 0;
}

legend {
	text-transform: uppercase;
	font-size: 99%;
	font-weight: bold;
	background: #D72E2E;
	color: #FFF;
	margin: 1em 0 .2em;
	padding: .2em;
}

.default legend {
	display: none;
}

label {
	display: none;
}

.default label {
	display: block;
	font-weight: bold;
}

input {
	margin-top: 0;
	padding: 2px;
	border: 0;
	background: #6fa0ff;
	color: #FFF;
}

textarea {
	margin-top: 0;
	padding: 2px;
	border: 0;
	background: #6fa0ff;
	color: #FFF;
}

.default input {
	display: block;
}

input.submit {
	border: 0;
	margin-bottom: -6px;
	padding: 2px;
	background: transparent;
	font-size: 10px;
}

/* @end Form Stuff */
/***********************/
/* @group Image Stuff */

/* @group Portfolio Stuff */

#imgthmbswrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}	

.thmbsrow {
	clear: both;
	width: 90%;
	margin: 0 auto;
	border: medium inset #807E59;
}

.thmbsfloat {
	float: left;
	/*width: 28%;*/
	text-align: center;
	margin: .2em .1em;
}

/*---- Portfoilio Classes ----*/
/*-------- Classes --------*/

.photoCol {
	padding: .5em 0;
	margin-top: 0;
}

.photoCol img {
	display: block;
	text-align: center;
	border: .2em solid #C5BDBD;
	margin: .4em 0 0;
}

.phototitle {
	clear: both;
	font-size: 1.2em;
	font-variant: small-caps;
	text-align: center;
	margin: .5em 0;
}

.pfgalleryrow {
	clear: both;
	width: 70%;
	margin: 0 auto;

}

.pfgalleryprev, .pfgallerynext {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #B7A07F;
}

.pfgalleryprev {
	float: left;
	text-align: left;
	width: 34%;
	/*border: .2em solid #C5BDBD;*/
	line-height: 120%;
}

.pfgallerynext {
	float: right;
	text-align: right;
	width: 34%;
	/*border: .2em solid #C5BDBD;*/
	line-height: 120%;
}

.pfpiclargepic {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.photolabels{
	text-align: center;
	margin-top: .5em;
}
/*--- End Portfolio CSS ---*/

/* @end Portfolio Stuff */
/* image control. First we define stuff common to ALL images on the page. It is then up to other styles to override these. By default, all images will have a 2px border, and bottom and right margins of 5px. They will all float left. */

/*img {
	float: left;
	margin: 0 0 .2em .5em;
	border: 2px solid #C5BDBD;
}*/

/* For any images in the default boxes - the pencil icons - I don't want the 2px border. So I set border to 0 */

.default img {
	border: 0;
}

/* For these larger images, I don't want them to float, for that causes the h3 above to be pushed to the right. I also declare a top margin to space the header and image apart, and also increase the border width slightly.  We also set it to display:block so that if body id is twoColLayout, the image will force the header and other bits to wrap around it */

.mainImage {
	display: block;
	text-align: center;
	float: none;
	margin-top: .4em;
	border: .3em solid #C5BDBD;
}

.imgaligncntr {
	display: block;
	text-align: center;
}
.imgcntrnegmargin {
	display: block;
	text-align: center;
}
/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
	margin: 20px 40px 0 0;
	background: url(shadow.gif) no-repeat bottom right;
	float: left;
	line-height: 0;
}

.img-wrapper img {
	float: none;
	margin: 0;
	background: #fff;
	padding: 4px;
	border: 1px solid #C5BDBD;
	position: relative;
	left: -5px;
	top: -5px;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
	clear: both;
}

/* @end Image Classes*/
/************************/
/* @group Navigation */
/*------ Navigation ------*/
/*-- 11/5/08 --*/
/* @group Side Nav */

#navigation {
	float: right;
	width: 100%;
	height: 2.3em;
	background: #2450A6;
}

#ournavexpnd, #ournavexpnd ul {
	width: 100%;
	list-style: none;
	line-height: 1.5em;
	background: #2450A6;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-top: thin solid #00440f;
	border-bottom: thin solid #00440f;
}

#ournavexpnd a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	text-decoration: none;
	color: white;
	padding: .2em .7em;
}

#ournavexpnd a:hover, #ournavexpnd a:active {
	color: #6b6a4c;
}

#ournavexpnd li {
	/*float: left;*/
	padding: 0;
	/*width: 10em;*/
}

#ournavexpnd li img {
	margin: .5em 0 0;
}

#ournavexpnd li ul {
	width: auto;
	height: auto;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 .8em;
}

#ournavexpnd li ul li {
	margin: 0;
}

#ournavexpnd li ul.iehalf {  /*second-level lists*/
	width: 6em;
}

#ournavexpnd li ul.iehalf li {  
	width: 6em;
	padding-right: 0;
}

/*#ournavexpnd li ul.iehalf li ul {  
	margin: -2em 0 0 6em;
	width: 6em;
}*/

/*#ournavexpnd li li {
	padding-right: .5em;
	width: 11.5em
}*/


#ournavexpnd li ul ul {
	margin:  0;
}

#ournavexpnd li:hover ul ul, #ournavexpnd li:hover ul ul ul, #ournavexpnd li.sfhover ul ul, #ournavexpnd li.sfhover ul ul ul {
	left: -999em;
	/*z-index: 1;*/
}

#ournavexpnd li:hover ul, #ournavexpnd li li:hover ul, #ournavexpnd li li li:hover ul, #ournavexpnd li.sfhover ul, #ournavexpnd li li.sfhover ul, #ournavexpnd li li li.sfhover ul {
	left: auto;
	/*z-index: 1;*/
}

#ournavexpnd li:hover, #ournavexpnd li.sfhover {
	background: #B0CAFF;
	color: #6b6a4c;
}

/* Highlighting the current page */

body.home #ournavexpnd a#home, body.about #ournavexpnd a#about, body.towngov #ournavexpnd a#towngov, body.bylaws #ournavexpnd a#bylaws, body.permits #ournavexpnd a#permits, body.events #ournavexpnd a#events, body.history #ournavexpnd a#history, body.gallery #ournavexpnd a#gallery, body.contact #ournavexpnd a#contactc {
	color: #D7D493;
	text-decoration: underline;
}

body.home #ournavexpnd a:hover#home,
body.about #ournavexpnd a:hover#about, body.bylaws #ournavexpnd a:hover#bylaws, body.towngov #ournavexpnd a:hover#towngov,
body.permits #ournavexpnd a:hover#permits, body.events #ournavexpnd a:hover#events, body.history #ournavexpnd a:hover#history, body.gallery #ournavexpnd a:hover#gallery, body.contact #ournavexpnd a:hover#contactc {
	color: #2D356A;
}

/* @end Side Nav */
/***********************/
/* @group Column Nav */
/* column nav links */

.colnav, .colnav ul {
	padding: 0;
	list-style: none;
	float: left;
	width: 95%;
	margin: 0 0 0 .5em;
	z-index: -6;
}

.colnav a {
	color: #666;
	line-height: 150%;
	text-decoration: none;
	display: block;
	z-index: -6;
}

.colnav a:hover, .colnav a:active {
	color: maroon;
}

.colnav li {   
	position: relative;
	float: left;
	line-height: 150%;
	width: 100%; 
	/*z-index: -6;*/
}

.colnav li ul li {  
	margin-left: .5em;
}
/*-- end column nav links --*/
/* @end Column Nav */
/*************************/
/* @group Footer Nav */
/*---- Footer ----*/

#footer {
	clear: both;
	width: 90%;
	margin: 1em auto 0;
	text-align: center;
	font-size: .9em;
	padding: 0;
	border-top: 1px solid #2D356A;
}

#footer p {
	font-size: .9em;
}

#footer a:link, #footer a:visited {
	color: #2D356A;
}

#footer a:hover, #footer a:active {
	background: #2D356A;
	color: #D7D493;
}

/*--- End Footer ---*/
/* @end Footer Nav */
/* @end Navigation */
/***************************/
/* @group Site Wide Classes */

/*-------- Classes --------*/
/*------ ClearFix ------*/
/*---- Used to push divs ----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 
/*--- End ClearFix ---*/

.row {
	clear: both;
}

.bdrbottom {
	border-bottom: medium ridge #800;
}
.tagline {
	text-align: center;
	border-bottom: medium ridge #800;
	color: #800;
	width: 90%;
	margin: 1em auto 1.5em;
	padding: 0;
}
.float {
	float: left;
	margin: 3px;
}

.ddGraphics {
	font-family: "Comic Sans MS";
	font-size: .85em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia {
	font-family: "Comic Sans MS";
	font-size: .85em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/* @end Site Wide Classes */