/* @override 
	http://www.cummington-ma.gov/CSS/styles614mm.css */

/* ========================================================================================*/
/* Authored by Allan Douglas \ http://www.ddgwebmedia.com \ http://twitter.com/ddgwebmedia  */
/* ========================================================================================*/

/* ============================== */
/* Global Layout for all versions   */
/* ============================== */
/* @group Global Elements */
body {
 	font: 100% 'Lucida Grande', 'Lucida Sans', sans-serif;
 	color: #2450A6	;
 	background: #B0CAFF;
}

/*-- Typography --*/
p,
td,
ul,
li {
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
}
/*-- paragraphs  ------ */
p {
  font-size: 1em;
}
/*-- headings ------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  margin-bottom: .3em;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: .9em;
}
/*-- Anchors --*/
a {
  outline: 0;
}

a:link,
a:visited {
  /*color: #000305;*/
  padding: 0 1px;
  border-bottom: thin solid #adadad;
  text-decoration: none;
}
a:hover,
a:active {
  background-color: #4E5C6B;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #333;
}
* form a:visited, * form a:link {
    text-decoration: none
}

* form a:hover, * form a:focus {
    text-decoration: underline
}

/*-- image center --*/
img.center {
  display: block;
  margin: 0 auto;
}
img.left {
  float: left;
  display: block;
  width: 50%;
  padding: 0 .5em .5em 0;
}
/*-- control mobile/wide--*/
.mobile {
  display: block;
}
.wide {
  display: none;
}
/* @end Global Elements */
/**************************/
/* @group header */
header {
	background: #6fa0ff;
	width: 100%;
	
	/* border-box */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/* Rounded Corners */
	-moz-border-radius: .3125em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
}
	
/* @end header */
/**********************/
/* @group Nav */

/* @group main nav */
	/* Main Nav */	
	.main li ul { /* second-level lists */
		position: absolute;
		width: 50%;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		margin-left: 0;
		/*background: #644AD8;*/
		text-align: left;
		z-index: 1;
		
		/* Rounded Corners */
		-webkit-border-bottom-left-radius: .3125em;
		-webkit-border-radius-right-radius: .325em;
		-moz-border-radius-bottomright: .3125em;
		-moz-border-radius-bottomleft: .325em;
		border-bottom-left-radius: .3125em;
		border-bottom-right-radius: .325em;
	}
	.main li ul li {
	  text-align: left;
	  width: 100%;
	}
	.main li ul ul { /* third-and-above-level lists */
	  	margin: -2.7em 0 0 95%;
	  	width: 100%;
	}
	.main li:hover ul ul,
	.main li:hover ul ul ul,
	.main li.sfhover ul ul,
	.main li.sfhover ul ul ul {
		left: -999em;
		background: #2450A6;
	}
	.main li:hover ul,
	.main li li:hover ul,
	.main li li li:hover ul,
	.main li.sfhover ul,
	.main li li.sfhover ul,
	.main li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background: #2450A6;
	}
/* @end main nav */

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

.nav-button { display: none; } /* hide the navigation button by default */

/* @end 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: #2450A6;
	background: #f5f5f5;
}

.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 html5 tags */
section {
	clear: both;
	background: transparent;
	
	/* border-box */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/* Rounded Corners */
	-moz-border-radius: .3125em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	
}
		section.first {
			clear: both;
			padding: 1% 0 0 0;
		}

/* @end html5 tags */
/****************************/
/* @group ebspecial calspecial */

.ebspecial, calspecial {
	text-align: center;
	/*color: #900;*/
	font-size: larger;
}
.ebbutton {
	width: 90%;
	display: block;
	text-align: center;
	margin: 1% auto 0;
	padding: .2em 0;
	color: #fff;
	background-color: #6E8ABF;
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
.ebbutton a:link, .ebbutton a:visited {
	width: 80%;
	display: block;
	text-align: center;
	margin: 1% auto;
	padding: .2em 0;
	color: #fff;
	background-color: #F6CE45;
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

.ebbutton a:hover, .ebbutton a:active {
	color: #fff;
	background-color: #F762E0;
}

.calbutton {
	width: 90%;
	display: block;
	text-align: center;
	margin: 1% auto 0;
	padding: .2em 0;
	color: #fff;
	background-color: #6E8ABF;
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
	
	/* Rounded Corners */
	-moz-border-radius: .625em;
	-webkit-border-radius: .625em;
	border-radius: .625em;
}
.calbutton a:link, .calbutton a:visited {
	width: 80%;
	display: block;
	text-align: center;
	margin: 1% auto;
	padding: .2em 0;
	color: #fff;
	background-color: #F6CE45;
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
	/* Rounded Corners */
	-moz-border-radius: .625em;
	-webkit-border-radius: .625em;
	border-radius: .625em;

}

.calbutton a:hover, .calbutton a:active {
	color: #fff;
	background-color: #F762E0;
	
	/* Rounded Corners */
	-moz-border-radius: .625em;
	-webkit-border-radius: .625em;
	border-radius: .625em;
}

/* @end ebspecial */
/*************************/

/* @group Box Stuff */
h2 {
	font-size: 120%;
	color: #FFEFA7;
	background: #6E8ABF;
	padding: .2em;
	margin-bottom: 0;
}

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

.updates h3 {
	background: #F6CE45;
	padding: .2em auto .3em 1em;
	margin: 0 auto;
	display: block;
}
	.updates h4 {
		background: #D7D493;
		padding: .2em auto .3em 1em;
		margin: 0 auto;
		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;
}

box div.photoCol img.mainImage {
	margin: .5em auto 0 .5em;
	width: 100%;
	height: 7em;
	overflow: hidden;
}	   	    

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

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

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

/* paragraph styles for any main boxes */

.anyCol p, .anyCol ul, .col p {
	color: #333;
	padding: 0 .5em .5em 2.5em;
}
	
.news p {
	color: #333;
	padding: 0 .5em .5em .8em;
	line-height: 105%;
}
.anyCol h5 {
	color: #333;
	padding: .5% .5em 0 2.5em;
}

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

.about p {
	margin: 0;
	padding: 0 .5em .5em .8em;
}
/* 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 a {
	margin: 0;
	padding: 0 0 1em 0;
	font-weight: bold;
	text-decoration: none;
	border: none;
	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;
}
.orgdocsiframe {
	width: 100%;
	margin: 0 1em;
}

/* CSS for the box ends here */

/* @end Box Stuff */
/******************************/
/* @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;
}

.kingman {
	background: #C2E1FF;
}

/*------------------------*/
/* @group Boards Stuff */

.board {
	width: 85%;
	margin: 0 auto;
	padding: 0;
}

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

#minutes {
	width: 95%;
	margin: 0;
	padding: 0;
}
/* @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 All Forms Stuff */
/* @group Log In */
.login {
	width: 100%;
	margin: .4em 0 0 0;

    }
    .login span.label {
		float: left;
		width: 45%;
		margin-right: .3em;
		font-size: .7em;
		text-align: right;
		font-weight: bold;
		line-height: 1.5em;
    }
    .login div.row span.formw  {
        width: 51%;
        float: left;
        /*height: 20px;*/
        line-height: 1.5em;
        padding: 0 .5em;
        font-size: .7em;

        /*border: 1px solid #e5e5e5;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
     }
    .login input.pw {
        float: left;
        width: 25%;
        margin-left: .5em;
        line-height: 1.5em;
        padding: 0 .5em;
        font-size: .7em;

        /*border: 1px solid #e5e5e5;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    		
    }
    .login button {
        font-size: .7em;
        color: #333;
        border: none;
        /*height: 20px;*/
        line-height: 1.5em;
        padding: 0 .5em;
        background: #CDD4E8;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;            
        }
        
      .loginsubmit {
          margin: .6em auto 0;
          padding: .2em .8em;
          display: inline-block;
          vertical-align: baseline;
          outline: none;
          background-color: #777;
          /*font-size: 11px;*/
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          cursor: pointer;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          
      }
      .loginsubmit:hover {
          color: #fff;
          background-color: #002A5C;
      }
      
.user {
    /*position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 15px 10px 0 0;*/
    }
    .user a {
        color: #00529b;
        text-decoration: none;
        }
        .user a:hover {
            text-decoration: underline;
            }
    .user strong {  
        font-weight: bold;
        }
/* @end Log In */
/**********************************/	
/* @group Forms N */
/*------ DDGraphics WebMedia css ------*/
/*------ 7/24/14 10:00AM ------*/
#frmcontainer {
	clear: both;
	background-color: #2B5600;
	width: 50%;
	border: thin dashed #004636;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;*/
}
#frmcontainerunsub {
	clear: both;
	background-color: #99C;
	color: #221E7F;
	width: 70%;
	border: thin dashed #660099;
}
#frmcontainerar {
	/*clear: both;*/
	background-color: #99C;
	width: 70%;
	border: medium groove #99C;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto 0 28%;
}

#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
	color: #221E7F;
}

#frmcontainer h4 {
	color: #221E7F;
}
fieldset {
	clear: both;
	margin: 1em auto .5em;
	width: 98%;
	border: thin groove #06437D;
}
.default fieldset {
	width: auto;
	border: 0;
	margin: 10px 0 10px 50px;
	padding: 0;
}

#frmcontainer fieldset p {
	margin: 0 auto .3em auto;
	color: #221E7F;
}
/*- IDs & classes used w fieldset --*/
.unsubscribe {
	width: 70%;
	margin: 1em auto 0;
}
.cb {
	clear: both;
}
.ncb {
	clear: none;
}

/*- End IDs & classes used w fieldset --*/

legend {
	text-align: center;
	text-transform: uppercase;
	font-size: 100%;
	background: #537FD6;
	color: #FFF;
	padding: .1em .4em;
}
	legend.minutes {
		text-align: left;
		text-transform: uppercase;
		font-size: 99%;
		font-weight: bold;
		background: #D72E2E;
		color: #FFF;
		margin: 1em 0 .2em;
		padding: .2em;
	}

	.default legend {
		display: none;
	}

.row1 {
	padding-top: .5em;
	text-align: center;
}

label {
	width: 40%;
	float: left;
	text-align: right;
	color: #FFC;
}
	.default legend {
		display: none;
	}
	
	
	
	.default label {
		display: block;
		font-weight: bold;
	}
	
input {
	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;
	}

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

	/*p input,*/ p select, p textarea {
		width: 50%;
		float: left;
		text-align: left;
		/*border: thin dashed red;*/
	}

/*- classes for label & input tags --*/
.labelcntr {
	width: 100%;
	clear: both;
	text-align: center;
}

.labels {
	width: 33%;
	float: left;
	text-align: right;
	/*border: thin dashed red;*/
}

.labell {
	width: 48%;
	text-align: right;
}
.labelll {
	width: 68%;
	text-align: right;
}
.labelsl {
	width: 75%;
	text-align: right;
}
.labelwss {
	width: 15%;
	text-align: right;
	/*border: thin dashed green;*/
}
.labelws {
	width: 20%;
	text-align: right;
	/*border: thin dashed green;*/
}
.labelrbcb {
	width: 5%;
	float: left;
	text-align: right;
	/*border: thin dashed red;*/
}
.labelarrbcb {
	width: 20%;
	float: left;
	text-align: left;
	/*border: thin dashed red;*/
}
/*-- input --------*/
.inputcntr {
	width: 80%;
	clear: both;
	text-align: center;
}

.inputbttn {
	width: 20%;
	float: none;
	text-align: center;
	padding: .2em 0 0 .3em;
}
.inputbttngo {
	width: 20%;
	float: left;
	text-align: center;
	padding: .5em 0 0 .3em;
}

.inputwl {
	width: 80%;
	clear: both;
}

.inputw {
	width: 50%;
	float: left;
	padding-left: .2em;
}

.inputws {
	width: 20%;
	float: left;
}

.inputwp {
	width: 10%;
	/*float: left;*/
}

.inputwps {
	width: 5%;
	/*float: left;*/
}

.inputwrbcb {
	width: 7%;
	float: left;
	text-align: left;
	/*border: thin dashed red;*/
}
.inputarrbcb {
	width: 4%;
	float: left;
	text-align: right;
	/*border: thin dashed red;*/
}
.notice {
	font-weight: bold;
}
/*---- Form Stuff ----*/

div.row {
	clear: both;
	padding-top: .5em;
	/*text-align: center;*/
  }
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row1, div.row1 a {
	color: whitesmoke;
}
div.row1 p {
	margin: 0 1em;
	text-align: left;
}

div.row1 h3 {
	color: #06437D;
}

div.row span.formw {
  float: right;
  width: 52%;
  text-align: left;
}

div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
 
/*------ Form Button ------*/
/*-- Form Button used in Contact page & all Checkout pages --*/
.formbttn {
	cursor: pointer;
	background-color: olive;
	color: #FFC;
	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 {
	float: left;
	width: 40%;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding: .3em .4em;
	margin: 0 auto;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}

/*---- End Form N CSS ----*/
/* @end Forms N */
/* @group LD-UG Conduit */
#frmcontainerldug {
	clear: both;
	background-color: #99C;
	width: 100%;
	border: none;
	
	/* Rounded Corners */
	-webkit-border-radius: .3125em;
	-moz-border-radius: .3125em;
	border-radius: .3125em;
	}
	label.ldugconduit {
		width: 100%;
		float: left;
		text-align: left;
		color: #FFF;
	}
	label.ldugconduityes {
		width: 85%;
		margin-top: 0;
		padding: 0;
		float: left;
		text-align: left;
		color: #FFF;
	}
	input.ldugconduit {
		width: 90%;
		margin-top: 0;
		padding: 1.5%;
		border: 0;
		background: #6fa0ff;
		color: #FFF;
		font-size: 1.3em;
	}
	input.ldugconduityesbox {
		width: 10%;
		float: left;
		margin-top: 2%;
		padding-top: 1%;
		text-align: center;
		color: #FFF;
	}
	
	/*------ Form Button ------*/
	/*-- Form Button used on LD-UG page --*/
	.formbttnldug {
		cursor: pointer;
		font-size: 1em;
		background-color: red;
		color: #FFC;
		border: outset 1px #ccc;
		padding: 2% 3%;
		
		/* Rounded Corners */
		-webkit-border-radius: .3125em;
		-moz-border-radius: .3125em;
		border-radius: .3125em;
		
	}
	
	.formbttnoff {
		background-color: #666699;
		color: #CCCCCC;
		border: outset 1px #ccc;
		padding: 1px 2px;
	}
	
/* @end LD-UG Conduit */
/***************************/
/* @group Sitewide Search */
/*--- search form ---*/	
.searchform {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: .5em 0;
    padding: .5em 0;
}

.searchform .search-input {
    width: 65%;
    margin: .6em .3em .6em 1em;
    padding: .6em .5em;
    background-color:#F0F0F0;
    color: #333;
    border: thin solid #ddd;
}
.searchform .search-input:hover, .searchform .search-input:focus, .searchform .search-input:active {
    background-color:#fff;
}
.searchsubmit {
    margin: 0;
    padding: .7em .5em;
    display: inline-block;
    vertical-align: baseline;
    outline: none;
    background-color: #777;
    border: none;
    /*font-size: 11px;*/
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}
.searchsubmit:hover {
    color: #fff;
    background-color: #2450A6;
}
/*---- Button Classes used on a href ----*/

a.swsbutton:link, a.swsbutton:visited {
	width: 40%;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #777;
	text-align: center;
	font-size: 1em;
	padding: .3em .4em;
	margin: 0 auto;
}

a.swsbutton:hover, a.swsbutton:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}

/*--- search results ---*/
div.inside h4, div.inside p, div.inside a {
	color: whitesmoke;
}
/* @end Sitewide Search */
/**********************************/
/* @group Minutes/Doc Search Form */ 
fieldset.minsearch {
	width: 90%;
	background: #C4DDB8/*#807E59*/;
	margin: 0 auto;
	padding: 0;
}
	/*-- minutes search --*/
	.minsearch select {
		float: left;
		width: 30%;
		margin: .7em .3em .6em 1%;
	}		
	.minsearch .search-input {
	    width: 25%;
	    text-align: left;
	    margin: .6em .3em .6em 5%;
	    padding: .2em .5em;
	    background-color:#F0F0F0;
	    color: #000;
	    border: thin solid #ddd;
	}
	.minsearch .search-input:hover, .minsearch .search-input:focus, .minsearch .search-input:active {
	    background-color:#fff;
	}
	.minsearch .searchsubmit {
	    margin: 0;
	    padding: .5em .5em;
	    display: inline-block;
	    vertical-align: baseline;
	    outline: none;
	    background-color: #777;
	    border: none;
	    /*font-size: 11px;*/
	    color: #fff;
	    text-align: center;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    cursor: pointer;
	    
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    
	}
	.minsearch .searchsubmit:hover {
	    color: #fff;
	    background-color: #2450A6;
	}
	
	.minsearch .labelms {
		float: left;
		width: 34%;
		text-align: left;
	}
	
	.minsearch .formms {
		float: left;
		width: 15%;
	}
	/*-- doc results --*/
	.docresults .search-inputdr {
	    width: 25%;
	    text-align: center;
	    margin: .6em .3em .6em 20%;
	    padding: .6em .5em;
	    background-color:#F0F0F0;
	    color: #000;
	    border: thin solid #ddd;
	}
	.docresults .search-inputdr:hover, .docresults .search-inputdr:focus, .docresults .search-inputdr:active {
	    background-color:#fff;
	}
	
	.docresults .labeldr {
		float: left;
		width: 34%;
		padding-left: .8em;
		text-align: left;
		
	}
	.docresults .formdr {
		float: left;
		width: 15%;
	}

/* @end Minutes/Doc Search Form */
/* @group Bbconnect */
#frmcontainerbbc {
	clear: both;
	width: 50%;
	margin: 0 auto;
	background-color: #99C;
	border: thin solid #004636;
	
	/* border-box */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/* Rounded Corners */
	-moz-border-radius: .3125em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
}
    fieldset.bbconnect  {
    	clear: both;
    	margin: 1em auto;
    	width: 50%;
    	border: none;

	/* border-box */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/* Rounded Corners */
	-moz-border-radius: .3125em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
    }
    
    .bbconnect label {
	float: left;
	width: 80%;
	margin: 3% auto 0 0 ;
	font-size: 1em;
	text-align: left;
    }
   .bbconnect input {
	width: 80%;
	float: left;
	margin: 1% 0 2% 0;
	padding: 2px;
	border: 0;
	background: whitesmoke;
	color: #333;
   } 
   .bbconnect input.inputwp {
   	width: 25%;
   	margin: 1% 0 2% 0;
   	float: left;
   }
   
   .bbconnect input.inputwps {
   	width: 18%;
   	margin: 1% 2% 2% 0;
   	float: left;
   }
   
    .bbconnect input.pw {
        float: left;
        width: 25%;
        margin-left: .5em;
        line-height: 1.5em;
        padding: 0 .5em;
        font-size: .7em;

        /*border: 1px solid #e5e5e5;*/
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    		
    }
    .bbconnect button {
        font-size: .7em;
        color: #333;
        border: none;
        /*height: 20px;*/
        line-height: 1.5em;
        padding: 0 .5em;
        background: #CDD4E8;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;            
        }
        
      .bbconnectsubmit {
          margin: .6em auto 0;
          padding: .2em .8em;
          display: inline-block;
          vertical-align: baseline;
          outline: none;
          background-color: #777;
          /*font-size: 11px;*/
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          cursor: pointer;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          
      }
      .bbconnectsubmit:hover {
          color: #fff;
          background-color: #002A5C;
      }
      
.user {
    /*position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 15px 10px 0 0;*/
    }
    .user a {
        color: #00529b;
        text-decoration: none;
        }
        .user a:hover {
            text-decoration: underline;
            }
    .user strong {  
        font-weight: bold;
        }
/* @end Log In */
/* @end Form Stuff */
/**************************/
/* @group Site Map Stuff */
.head {
	background: #FFEFA7;
	width: 100%;
	
}
.grouphead {
	background: #D7D493;
	width: 100%;
	padding: 0 50% 0 0;
}
.subgrouphead {
	background: #C4DDB8;
	width: 100%;
	padding: 0 50% 0 0;
}

/* @end Site Map Stuff */
/***********************/
/* @group Footer */
footer {
	clear: both;
	width: 100%;
	font-size: 1em;
	background: transparent;
	/*text-align: center;*/
	border-top: medium solid #2450A6;
	
	/* border-box */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	

}
	footer  h2 {
		font-size: 100%;
		text-align: center;
		padding: .2em .1em;
		margin: 0;
	}
		footer  h2 a {
			color: #FFF;
		}
	
	footer p {
		text-align: center;
		color: #333;
		margin: .5em auto 0 .5em;
	}
	
	footer p a:link, footer p a:active, footer li a:link, footer li a:active  {
		color: #333;
		font-weight: normal;
		font-style: normal;
	}
	footer li a:link, footer li a:active {
		margin: .5em auto .3em .5em;
	}
	
	footer p a:hover, footer li a:hover {
		color: #2450A6;
		background: #f5f5f5;
	}
		
	span.ddGraphics {
		font: .9em Optima, "Lucida Grande", "Lucida Sans", sans-serif;
		color: #666666;
	}
	span.WebMedia {
		font: .9em Optima, "Lucida Grande", "Lucida Sans", sans-serif;
		color: #990000
	}
	
/* @end Footer */
/******************************/
/* @group Clearing-Floats */
/*------ ClearFix ------*/
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/*--- End ClearFix ---*/
/******************************/
/*-- Clear Floated Elements ------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* @end Clearing-Floats */
/* ============================= */
/* SMARTPHONES - PORTRAIT & LANDSCAPE    */
/* ============================= */
@media only screen and (min-width: 0em) and (max-width: 30em) {
  /* 0 - 480 */
	  body {
	    -webkit-text-size-adjust: none;
	    padding: .5%;
	  }
	  .container12 {
	    max-width: 29.5em;
	    margin: 0 auto;
	  }
	  .box {
	    width: 100%;
	    min-width: 0;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: 0;
	    padding-right: 0;
	  }
	  .onecol,
	  .twocol,
	  .threecol,
	  .fourcol,
	  .fivecol,
	  .sixcol,
	  .sevencol,
	  .eightcol,
	  .ninecol,
	  .tencol,
	  .elevencol,
	  .twelvecol {
	    width: auto;
	    float: none;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: .5em;
	    padding-right: .5em;
	    -moz-border-radius: .3em;
	    -webkit-border-radius: .3em;
	    border-radius: .3em;
	  }
	  /*-- control mobile/wide--*/
	  .mobile {
	    display: block;
	  }
	  .wide {
	    display: none;
	  }
  
	/* @group mobilemenu */
	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('../SiteAssets/PNG/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../SiteAssets/PNG/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../SiteAssets/PNG/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 3.25em; }

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #2450A6; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 3.125em;
		margin: 0;
		padding: 0;
		overflow: visible;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 3% 5%;
		font-size: 1.2em;
		/*font-weight: bold;*/
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
	  	background: #6E8ABF;
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
	  	background: #6E8ABF;
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 1em;
		padding: 8% 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	/* @end mobilemenu */
	
} 
/* End Mobile Styles */
/* ============================= */
/* TABLETS - PORTRAIT & LANDSCAPE */
/* ============================= */
/* Tablet Size Screens 480 */
@media only screen and (min-width: 30em) { /* 480 */

}
/* Tablet Size Screens 624+ */
@media only screen and (min-width: 39em) { /* 624 */
	  .container12 {
		width: 98%;
		max-width: 105em;
		margin: 0 auto;
	  }
	  /*-- control mobile/wide--*/
	  .mobile {
	    display: none;
	  }
	  .wide {
	    display: block;
	  }
	/* @group header */
	header img.topmove {
		margin: 1.5% auto 0 auto;
	}
	header a.head {
		padding: 0;
	}
	.subtextadjust {
		text-align: center;
		margin-top:-2px;
	}
	/* @end header */
	  /* @group main nav */
	  /* Nav ----------- */
	  nav {
	  	clear: both;
	  	width: 100%;
	  	margin: 0;
	  	padding: 0;
	  	background: #2450A6;
	  	
	  	/* border-box */
	  	-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	-ms-box-sizing: border-box;
	  	box-sizing: border-box;
	  	
	  }
	  	/* Main Nav */
	  	ul.main {
	  		width: 98%;
	  		max-width: 105em;
	  		margin: 0 auto;
	  		list-style: none;
	  		line-height: 1.2em;
	  	}
	  	.main li {
	  	  text-align: center;
	  	  float: left;
	  	}
	  	.main li a:link, .main li a:visited {
			display: block;
			background: transparent;
			color: #fff;
			padding: .4em .5em;
			
			border: none;
	  	}
	  	.main li a:hover, .main li a:active {
	  		display: block;
	  		background: #6E8ABF;
	  		color: #FFEFA7;
	  		text-shadow: none !important;
	  		text-decoration: underline;
	  	}
	  	.main li ul { /* second-level lists */
	  		position: absolute;
	  		width: 12em;
	  		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	  		margin-left: 0;
	  	  	/*padding: .4em .5em;
	  		background: #644AD8;*/
	  		text-align: left;
	  		z-index: 1;
	  		
	  		/* Rounded Corners */
	  		-webkit-border-bottom-left-radius: .3125em;
	  		-webkit-border-radius-right-radius: .325em;
	  		-moz-border-radius-bottomright: .3125em;
	  		-moz-border-radius-bottomleft: .325em;
	  		border-bottom-left-radius: .3125em;
	  		border-bottom-right-radius: .325em;
	  	}
	  	.main li ul li {
	  	  text-align: left;
	  	  width: 100%;
	  	}
	  	.main li ul ul {
	  	  margin: -1.9em 0 0 90%;
	  	}
	  		.main li ul ul.negativewide {
	  		  margin: -16.9em 0 0 80%;
	  		  width: 18em;
	  		}
	  		
	  	.main li:hover ul ul,
	  	.main li:hover ul ul ul,
	  	.main li.sfhover ul ul,
	  	.main li.sfhover ul ul ul {
	  		left: -999em;
	  		background: #2450A6;
	  	}
	  	.main li:hover ul,
	  	.main li li:hover ul,
	  	.main li li li:hover ul,
	  	.main li.sfhover ul,
	  	.main li li.sfhover ul,
	  	.main li li li.sfhover ul {
	  		left: auto;
	  		background: #2450A6;
	  		color: olive;
	  	}
	  	/* secondary list ------------------------------------- */
	  	.main li.secondary {
	  	  float: right;
	  	  background: #1B661B !important;
	  	}
	  	.main li.secondary a:link,
	  	.main li.secondary a:visited {
	  	  display: block;
	  	  background-color: #6ab36a;
	  	  color: #fff;
	  	  padding: .1em .6em;
	  	  text-align: center;
	  	  text-transform: uppercase;
	  	  letter-spacing: 1px;
	  	  cursor: pointer;
	  	  font-weight: bold;
	  	  font-style: italic;
	  	  border-top: medium solid #CCCCCC;
	  	  border-right: medium solid #666;
	  	  border-bottom: medium solid #666;
	  	  border-left: medium solid #CCCCCC;
	  		
	  		/* Rounded Corners */
	  		-webkit-border-radius: .3125em;
	  		-moz-border-radius: .3125em;
	  		border-radius: .3125em;
	  	}
	  	.main li.secondary a:hover,
	  	.main li.secondary a:active {
	  	  display: block;
	  	  background: #c6c6c6;
	  	  color: #1B661B;
	  	  text-shadow: none !important;
	  	  -webkit-border-radius: .3125em;
	  	  -moz-border-radius: .3125em;
	  	  border-radius: .3125em;
	  	}
	  /* @end main nav */
	/* @group calendar */
	/*-- Town of Cummington Calendar CSS -- */
	#calendar {
		/*width: 99%;*/
		font-size: .8em;
		color: #000000;
		
		
		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*- controls the h2 in the head of the calendar -*/
	.caltable {
		width: 100%;
		background-color: #EDEAE3; 
		/*margin-top: 1.5em;*/
		text-align: center; 
		
		
		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		border: .3em solid #EDEAE3;
		/*clear: both;*/
	}
	
	.calendar_table a:link { 
		text-decoration: underline; 
		color: #B7274B; 
	} 
	.calendar_table a:hover { 
		text-decoration: none; 
		color: #000091;
	} 
	ul.days {
		width: 100%;
		margin: 0;
		
	}
	ul.weekdays {
		width: 100%;
		margin: 0 auto;
		background: #EDEAE3;
	}
	.calcurrentweek { 
		background: #FFFFCC; 
		color: #000000;
	}
	
	li.calheaderdays {
		float: left; 
		width: 14%;
		background: #EDEAE3; 
		font-size: .9em;
		color: #000000;
		text-align: center;
		
	}
	
	.calheadermonth {
		clear: both;
		padding: .12em ;
		text-align: center;
		background-color: #6FA0FF; 
		color: white; 
		font-size: 1.5em;
		font-weight: bold;
	}
	 
	
	.caltoday  { 
		background-color: #D7D7D7; 
		color: black; 
		font-size: .8em; 
		font-weight: bold; 
	} 
	li.calday {
		float: left; 
		width: 14.25%;
		height: 100%;
		min-height: 11em;
		padding: 0 .5%;
		background-color: #D0CAB8; 
		color: black;  
		font-size: .8em; 
		font-weight: normal; 
		line-height: 01.3;
		
		border: .25em solid #EDEAE3;

		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		
	}
		li.calday .left {	
			border-left: 0;
			
			/* border-box */
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			
			
		}
		
	.caldaynmbr {
		color: white;
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
		text-align: center;
		background: #6FA0FF;
	}
	/*--- calendar event control --*/
	.calevent {
		clear: both;
		width: 100%;
		text-align: left;
		background-color: #C2E1FF;
		margin: .3em 0 .3em 0;
		padding: 0;
	}
		.location {
			margin: .3em auto auto .2em;
			
		}
		.calevent a:link, .calevent a:visited {
			color: #3d1aec; 
			font-size: 1em; 
			font-weight: bold;
		}
		
		.calevent a:hover, .calevent a:active {
			color: #900; 
		}
	
	/* @group Event Detail Stuff */
	
	/*-- calendar event detail stuff --*/
	
	#caleventdtl {
		width: 38em;
		margin: 0;
		padding: 0;
		background-color: silver;
		border: medium inset olive;
		font-family: "Comic Sans MS", sans-serif;
		font-size: 95%;
	}
	
	/*--cal event detail header --*/
	.eventdtlheader {
		background-color: #6FA0FF;
		padding: .5em 0;
		text-align: center;
	}
	
	.eventdtlprevlink, .eventdtlnextlink {
		font-size: .8em;
		font-weight: bold;
		text-transform: uppercase;
		color: #B7A07F;
		background-color: #C2E1FF;
		border: thin solid #7B2E00;
		padding: .3em 1em;
	}
	
	.eventdtlprevlink {
		float: left;
	}
	
	.eventdtlnextlink {
		float: right;
	}
	
	.eventdtltitle {
		color: #6FA0FF;
		text-align: center;
		padding: 0;
		margin: .5em 0;
		font-size: 1.7em;
	}
	
	.calevententer {
		clear: both;
		display: block;
		text-align: center;
		margin: 0 0 0;
		height: 2em;
		background-color: #6FA0FF;
		
		
		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	/*---- Button Classes ----*/
	
	li.calheadermonth  a:link, li.calheadermonth a:visited {
		font-size: 1em;
		color: #3d1aec;
		background: silver;
		margin-top: 2em;
		padding: .1em 5em;
		
		border-top: thin solid #CCCCCC;
		border-right: medium solid #666;
		border-bottom: thin solid #666;
		border-left: medium solid #CCCCCC;
		
		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	li.calheadermonth a:hover, li.calheadermonth a:active {
		color: white;
		background-color: #6FA0FF;
		border-top-color: #666;
		border-right-color: #CCC;
		border-bottom-color: #CCC;
		border-left-color: #666;
		
		/* border-box */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	.eventdtlcallink a {
		font-size: 1em;
		color: white;
		text-decoration: none;
		padding: .3em;
		font-weight: bold;
	}
	/*--- cal event detail specs --*/
	.eventdtlspecs {
		float: left;
		width: 52%;
	}
	
	/*--- event detail descrition stuff ---*/
	.eventdtldescription {
		float: right;
		width: 45%;
		color: #6FA0FF;
	}
	
	.eventdtldescription h2 {
		font-size: 1.3em;
		margin: 0 0 .5em;
	}
	
	/* @end Event Detail Stuff */
	/*****************************/
	/* @group Form Stuff */
	#errormsg p {
		clear: both;
		padding-top: .5em;
		color: red;
		text-align: center;
	}
	div.row {
		clear: both;
		padding-top: .5em;
	}
	div.row1 {
		clear: both;
		padding-top: .5em;
		text-align: center;
	}
	div span.label {
		float: left;
		width: 32%;
		text-align: left;
		font-size: .8em;
	  }
	
	div span.labeladd {
		float: left;
		width: 26%;
		text-align: right;
		font-size: .8em;
	}
	
	div.row1 span.labeladd {
		float: left;
		width: 38%;
		text-align: right;
		font-size: .8em;
	}
	
	div.row span.formw {
		float: right;
		width: 63%;
		text-align: left;
	} 
	div span.formadd {
		float: right;
		width: 72%;
		text-align: left;
		color: #3d1aec;
	} 
	
	div.row1 span.formadd {
		float: right;
		width: 60%;
		text-align: left;
		color: #3d1aec;
	}
	
	div.rowbttns {
		clear: both;
		padding-top: .5em;
		text-align: center;
	}
	
	/*-- Form Stuff --*/
	
	/* @end Form Stuff */
	/****************************/
	/* @group General Classes */
	
	.year {	
		font-size: 12px;
		font-weight: bold;
		color: #743E3E;
		background-color: #F7F0E0;
	}
	/* @end General Classes */
		
	/*------ End DDG Calendar CSS -----*/
	/* @end calendar */
	/* @group Blog Stuff */
	/*-- goes around all blog elements to control width & placement --*/
	
	#blog {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#maincontentblog {
		float: left;
		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;
		
		border: 1px solid #333;
	}
	
	.anycolb h4{
		text-transform: uppercase;
		font-size: 92%;
		padding: 2px;
		margin: 1em 0 0 .5em;
	}
	
	/*-- controls archive stuff --*/
	
	#subcontentblog {
		float: right;
		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 */
	/* @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: larger;
		font-weight: bold;
		/*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 LD-UG Conduit */
	#frmcontainerldug {
		clear: both;
		background-color: #99C;
		width: 70%;
		margin: 0 auto;
		border: none;
		
		/* Rounded Corners */
		-webkit-border-radius: .3125em;
		-moz-border-radius: .3125em;
		border-radius: .3125em;
		}
	/* @end LD-UG Conduit */
	
	
}
/* Tablet Size Screens 768+ */
@media only screen and (min-width: 48em) {
  /* 768 */
  /*-- control mobile/wide--*/
  .mobile {
    display: none;
  }
  .wide {
    display: block;
  }
}
/* ============================= */
/* LAPTOPS DESKTOPS & LARGER SCREENS   */
/* ============================= */
/* Mid Size Screens 960+ */
@media only screen and (min-width: 60em) {
  /* 960 */
  .imgl {
    float: left;
    width: 25%;
    margin: 0 .5em .5em 0;
    clear: left;
  }
  .imgrbm {
    float: right;
    width: 35%;
    margin: 0 0 .5em .5em;
    clear: right;
  }
}
/* Mid Size Screens 1024+ */
@media only screen and (min-width: 64em) {
  /* 1024+ */
  /* header adjustments */
}
/* Mid Size Screens 1152+ */
@media only screen and (min-width: 72em) {
  /* 1152+ */
  /* header adjustments */
  /*-- control .hdrgroupnarrow/.hdrgroupwide --*/
  .hdrgroupnarrow {
    display: none;
  }
  .hdrgroupwide {
    display: block;
  }
}
/* Laptop Screens 1400+ */
@media only screen and (min-width: 87.5em) {
  /* 1400+ */
  /* header adjustments */
}
/* Large Screens 1600+ */
@media only screen and (min-width: 100em) {
  /* 1600+ */
  /* Alter Layout */
  body {
    font-size: .9em;
    -webkit-text-size-adjust: none;
  }
  
  /* @group header */
  .head {
	width: 98%;
	max-width: 105em;
	margin: 0 auto;
  }
  /* @end header */
}
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  /*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
}
/* RETINA DISPLAY */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}