@charset "utf-8";
/* CSS Document */

/*Town of Plainfield website
	Author: Mike Sutherland 
	2014 Re-design with help from Lynda.com videos ----------------------------------------------*/
	
/*Color Palette
Town Seal -- Print
#BDFCFF = LT BLUE
#6DC3E6 = SKY BLUE
#81B5A9 = LT GREEN/BLUE
#3C9984 = BLUE/GREEN
#00816D = DK BLUE/GREEN
#067356 = DK GREEN

Town Seal -- webSafe colors
#CCCCFF = LAVENDAR
#9999CC = PURPLE
#99CCFF	= LT BLUE
#6699CC = DK BLUE
#669999 = STEEL BLUE
#99CC99 = LT GREEN
#006633 = DK GREEN


Ancillary colors
#009999 = BLUE/GREEN
#588DD2 = DK BLUE
#323732 = DK GREY/BLACK
#E4DDCB = TAN
#C0B189 = MED BROWN
#826645 = DK BROWN
#BC868D = ROSE
#AD72A4 = DK ROSE
#B1D1CA = LT GREEN
#82B6A9 = Lt Green
*/


/* Fonts*/


/*Global Styles--------------------------------------------------------------------------------*/

/*limited reset from Lynda.com */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	//vertical-align:auto;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	/* [disabled]zoom:1; */
}
.clear {
	clear:both;
	}
/*-------------------------------------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: #8E6907;
}

a:focus {
	outline: thin dotted;
	}
	
a:hover, a:active {
	outline: 0;
	}

a img {
	border: none;
	outline: 0;
}

.preview a {
	display: block;
	height:100%;
}

.preview a:hover {
	border: none;
}

a.phone {
	border: none;
	color: inherit;
}

a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
	text-decoration:none;
}

html {
	// background: #6699CC;
	background: #588dd2;
	}

body {
	font: 100% Trebuchet MS, Tahoma, Helvetica, arial, sans-serif;
	line-height: 1.5;
	background-color: white;
	color: #323732;
	font-weight:normal;
	font-style:normal;
}

/*Default Content Styles*/

#mainContent {
	width: 100%;
	}
	
#mainContent h2 {
	font-size:1.35em;
	}
	
#mainContent h3 {
	font-size: 1.2em;
	text-align: left;
	color: #000000;
	}
#fdmain h3 {
	text-align:center;
	
	}	
#mainContent h4 {
	font-size:1em;
	}

#mainContent h5 {
	font-size: .8em;
	}
		
#mainContent .title	{
	color: #067356;
	text-align:center;
	margin: 0 auto;
	}
	
#mainContent .title_left {
	color: #067356;
	text-align:left;
	}
	
/*#mainContent strong {
	font-weight: 600;
	font-family: inherit;
	color: #CC0000;
	font-size: 1.2em;
	}*/
	
#mainContent em {
	font-style:italic;
	}

.nostyle {
	list-style: none;
	}
.nostyle li {
	margin-bottom: .5em;
	}	
	
.redtext {
	color:red;
	}
.blacktext {
	color:black;
	}
.smalltext {
	font-size:smaller;
	}	
.xsmalltext {
	font-size:x-small;
	}
.bold {
	font-weight:700;
	}
	
.indent {
	margin-left:2em;
	}
	 
/*default header styles*/

header {
	background: white;
	width: 100%;
	padding-top: 1px;
	overflow:hidden;
	//margin-bottom: 1em;
}

#state {
	margin:0;
	padding:0;
	display:inline-block;
	text-align:left;
	
	}
	
header img {
	float:left;
	}
	
/*default nav styles */

#mainNav h2, #mainNav #menuToggle {
	display: none;
}

/*.expand {
	display:block;
	}*/

a:hover {
	text-decoration:underline;
	//color: #AD72A4;	
	color: #D69F0A;
	border:none;
}
nav ul {
	list-style: none;
}

nav li {
	list-style: none;
	//position:relative;
	}

a img {
	border: none;
	}

/*default drop-down menu styles*/

/*ul.submenu {
	float:none;
	background-color: #067356;
	//width: 12em;
	//line-height: 2em;
	//text-align: left;
	}*/

/*default article styles*/

#news p {
	margin-bottom: .7em;
	}
	
#news ul {
	margin-left:1.5em;
	}
#news h4, #news h5 {
	font-weight:600;
	}
	
#news h4 {
	font-size:1.1em;
	}
	
.comContent dfn {
	font-style:italic;
	}
	
.comContent dt, .faq dt {
	font-weight: bold;
	margin-top: .5em;
	}
		
.comContent p, .faq p {
	margin-bottom: .7em;
	}

.comContent {
	padding-left: 1em;
	color: #000000;
	}
	
.noAside {
	padding-right:1em;
	}
.comContent h4 {
	font-weight:600;
	}	
.comTitle {
	color: #067356;
	text-align:center;
	margin: 0 auto .5em auto;
	}

#privacy h4 {
	font-weight:600;
	font-size:1.1em;
	}
	
.space1 {
	height:1em;
	}
	
#suv_logo {
	float:left;
	margin-right:.5em;
}

#suv p {
	margin-top:0;
	margin-bottom:.5em;
}

#energyTips ul {
	margin-left:2em;
	}
	
#energyTips dt {
	font-size:1.1em;
	}
	
#forms ul {
	margin-bottom:1em;
	}	
	
.faq, .linkList, #cluborg, #churches, #schools, #stewardship {
	padding:1em;
	}
	
#minutes ul, #forms ul {
	padding-left:2em;
}

#minutes li, #forms li {
	line-height:1.2em;
}
	
.marginTop	{
	margin-top:.7em;
	}
	
.marginBottom {
	margin-bottom:.7em;
}

#schools .comTitle {
	margin-bottom:.7em;
	}
	
#schools .marginBottom {
	margin-bottom:2.5em;
	}
	
#cluborg dd, #churches dd, #stewardship dd  {
	//display:inline;
	margin-bottom:1.5em;
	}
	
/*	#townReports dd {
		float:left;
		}*/
	
#churches p {
	display:inline;
	float: left;
	}
	
#churches dt, #stewardship dt {
	margin-top:.7em;
	}
	
#cemeteries p {
	margin-bottom:.5em;
	}
	
.comContent table {
	border: 1px solid #8E6907;
	margin: .5em auto 1em auto;
	}
.comContent caption {
	font-weight:600;
	font-size: 1.1em;
	}
.comContent th, td {
	border: 1px solid #8E6907;
	padding: 0 .3em;
	}
.inBlock60 {
	//display: block;
	max-width:60%;
	}
	
.inBlock {
	display:inline-block;
	max-width:75%;
	}
	
.inTab {
	display:inline-table;
	}
	
.indent2 {
	padding-left: 2em;
}
	
#landTrusts {
	margin-left:1em;
	}
	
#july4sched h3 {
	font-size:1.1em;
	font-style:italic;
	text-decoration:underline;
	padding-top:.5em;
	}
	
#july4sched ul {
	padding-left:1.5em;
	}
	
#handsfree ul {
	padding-left:1.5em;
	}
	
.notice {
	font-weight:600;
	font-size: .7em;
	}

#townvacancies	li {
	margin-bottom:none;
	}

#schoolvacancies li {
	margin-bottom:none;
	}

.loweralpha {
	list-style-type: lower-alpha;}

.upperalpha {
	list-style-type:upper-alpha;
}	

/*LoCalendar 
*************************/

#localendar-iframe a:link, a:visited {
	text-decoration: none;
	color: #8E6907;
}

/*Town Report pages ***********************/
.townreport {
	padding:.5em;
}	
.townreport table {
	margin: .5em auto 1em auto;
	border: 1px solid #8E6907;
	 }
.townreport td {
	//border: 1px solid #8E6907;
	padding: 0 .3em;
	text-align:left;
	}
	
#landTrusts {
	margin-left:1em;
	}

#trcover {
	border: 3px ridge #A98455;
	margin: 0 auto;
	}	
	
#townReport dd:img {
	max-width: 200px;
	}
	
#recdept dt {
	font-size:1.2em;
	font-weight:700;
	color:#067356;
}

#working {
	border:thick ridge green;
	margin: 2em auto;
	width: 50%;
	}	
.working {
	font-size:large;
	color:black;
	font-style:italic;
	text-align:center;
	}
.red_lg {
	color:red;
	font-size:xx-large;
	font-weight:700;
	font-variant:small-caps;
	text-align:center;
}

.map {
	width:80%;
	text-align:center;
	margin: 0 auto;
	}
	
.map h5 {
	font-size:.8em;
	text-align:center;
	margin-top: 0;
	margin-bottom:1em;
	}
	
#maps dt, #town_policy dt {
	color: #067356;
	font-size: 1.1em;
	}
	
#PTHcal {
	max-height:600px;
	max-width:800px;
	}

/*Natural Resource Inventory Pages*/

.nri ul {
	padding-left: 2em;
	}
	
.nri li~ul {
	padding-left: 3em;
	}	
	
.nri ol {
	padding-left:2em;
	}
	
.nri h3 {
	color: #067356;
	}


.nri_table {
	margin: .5em auto;
	border: 1px solid #ddd;
}
.nri_table th, td {
	//border: 1px solid #ddd;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
}

.nri_table th {
	font-weight:600;
	}

.nri table {
	border-collapse:collapse;
}

#conserv_land tr:last-child {
	font-weight:600;
	}
	
#conserv_land {
	margin-bottom: 0;
	}
	
.nri h5 {
	font-size:.8em;
	text-align:center;
	margin-top: 0;
	margin-bottom:1em;
	}	


/*default section styles*/

#leftCol {
	width: 60%;
	padding: .5em;
	float: left;
	}

#rightCol {
	width:35%;
	padding: .5em;
	float: right;
	}
	
hr {
	border-color:#8E6907;
	width: 96%;
	height: 1.5px;
	}
	
#calendarList {
	max-width:100%;
	}

.contact {
	width:90%;
	}
	
/*default image styles*/

img {
	max-width:100%;
	}
	
img60 {
	max-width:60%;
	}
	
figure {
	width: 98%
	margin: 1em auto;
	padding-right: 1em;
}

figcaption {
	font: inherit;
	font-size: 1em;
	font-weight:600;
	font-style: italic;
	text-align:center;
	// margin-top: 1em;
	color: black;
	}
	
#slideshow {
	margin: 1em auto 0 auto;
	text-align:center;
	}
.slideshow {
	width: 98%;
	max-width:300px;
	margin: 0 .5em 1em 0;
	border: ridge medium #8E6907;
	}
	
#news img {
	max-width: 96%;
	text-align:center;
	border: ridge medium #8E6907;
}

.libImg {
	margin: 0 auto 1em auto;
	border: ridge medium #8E6907;
	 }
#prmlImg, #merImg {
	max-width:96%;
	//margin: 0 auto;
	text-align:center;
	margin-bottom:1em;
	}
	
.cluborg {
		float:left;
		margin: .5em 1em 1em 0;
		border: ridge medium #8E6907;
		max-width:95%;
		}
		
.imgNofloat {
		//margin: 1em;
		max-width: 96%;
		border: ridge medium #8E6907;
}

#phicon {
	width:57px;
	height:57px;
	//margin:0 auto;
	//border:1px solid #8E6907;
	//border-radius:5px;
	}
	
/*.pficon {
	text-align:center;
	}		*/
	
/*default contact styles*/


/*default form styles*/

placeholder {
	font-size: .9em;
	}


#searchform {
	margin-top: 1em;
	margin-left: 1em;
	color: #8E6907;
	}
	
.submit {
	color: #8E6907;
	}
	
#dada_mail_modal_subscription_form_container {
	margin: 2em auto 0 auto;
	padding:.5em;
	width: 40%;
	border: solid medium #826645;
	}
	


/*default aside styles*/

.committee {
	min-width:28%;
	float:right;
	background-color:#F2E7CA;
	margin: 0 0 1em 1em;
	padding:1em;
	line-height:1em;
	}

#fd.committee {
	min-width:32%;
	}
		
.keyinfo {
	margin-top: .5em;
	margin-bottom:1em;
	}

.keyinfo li {
	margin-bottom:.4em;
	}
		
.keyinfo td, th {
	//padding:.2em 0 .2em .5em;
	padding: .2em;
	}
	
#prmlHours td:first-child, #merHours td:first-child {
	padding:.2em 0 .2em 0;
	}
	
li.nomargin {
	margin:0;
	}
	
#wdInfo table, th, td {
	border: 1px solid #826645;
	margin: .5em auto 1em auto;
	 }
	 
#mp_info li {
	padding-left: 3em;
	margin-top: .6em;
	}
	
.no_bottom_margin {
	margin-bottom: 0;
	}
	
/*default footer styles*/

#pageFooter {
	height:150px;
	width: 100%;
	margin-top: 1em;
	background-color: rgba(142,105,7,0.3);
	overflow: hidden;
}

footer p {
	font-size:small;
	font-style:oblique;
	text-align:center;	
	}
	

/*mobile styles - sm------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:480px) {

/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust: none;
	font-size: 1em;
	color: #323732;
	text-align: left;
}

body {
	width: 98%;
	margin: 0 auto;
	min-width: 320px;
	max-width: 480px;
}
#mainContent {
	width: 100%;
	}
	
a.phone, a.phone:active, a.phone:visited, a.phone:focus {
	color: #8E6907;
	}
	

/*header styles - sm*/
header {
	clear:both;
	height: 165px;
	//width: 90%;
	overflow:hidden;
	}
#headerImg {
	clear:both;
	margin:0 auto;
	text-align:center;
	}
header h1 {
	font-size: 1.5em;
	font-weight:bolder;
	//margin-top: 50px;
	color: #067356;
	}
#state {
	display:none;
	}
header h2 {
	display:none;
	}
	
header h3 {
	font-size: 1.3em;
	font-weight: bolder;
	margin-top: 40px;
	color: #067356;
	}

/*nav styles - sm*/
#mainNav {
	width: auto;
	margin: 0;
	margin-bottom: 1em;
	background: white;
	overflow: hidden
}

#mainNav li {
	margin: 0;
	float: none;
	position: relative;
}
.topMenu {
	max-height: 0;
	visibility: hidden;
}
.topMenu.expand {
	max-height: 900em;
	visibility: visible;
}

#mainNav a, #mainNav h3 {
	font-size: 1.1em;
	text-align: left;
	color: white;	
	display: block;
	margin-bottom: 1px;
	background: #067356;
	padding-left: 1em;
	line-height: 2em;
	font-variant:small-caps;
	//text-transform: uppercase;
	cursor: pointer;
}
#mainNav a:hover {
	color: white;
}
#mainNav a.current {
	color: rgb(237, 228, 214);
}
#mainNav span.indicator {
	position: absolute;
	right: 1em;
}

.menuToggle {
	font-variant:small-caps;
	font-size: 1.1em;
	}
	
/*dropdown menu styles -- sm*/
mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
	visibility:hidden;
}
#mainNav ul.submenu.expand {
	max-height: 40em;
	visibility:visible; 
}


#mainNav ul.submenu li a {
	visibility: hidden;
	display: none;
	max-height: 0em;
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.1em;
	padding-left: 3em;
	background: #067356;
}

#mainNav ul.submenu.expand li a {
	display: block;
	max-height: 40em;
	visibility:visible;
}


#mainNav ul.submenu.last li a {
	display: none;
	visibility: hidden;
}

#mainNav ul.submenu.expand.last li a {
	display: block;
	visibility: visible;
	padding-left: 4em;
}


#mainNav .menuToggle {
	display: block;
	background: #067356;
	width: 8em;
	margin-bottom: .2em;
	position: relative;
}
.menuToggle a {
	text-align: center;
	padding: 0;
}

/* article styles - sm*/

#news {
	padding: .5em;
	}
	
.comContent {
	padding:.5em;
	width:98%;
	}

.committee {
	float:none;
	width:88%;
	margin:0 auto;
	}
	
.faq, .linkList, #cluborg, #churches, #schools, #stewardship {
	padding:.5em;
	}	

.inBlock, .inBlock60 {
	display:inline-block;
	max-width:90%;
	}	
	
/*section styles - sm*/

#leftCol {
	clear: both;
	margin: 0;
	width: 95%;
}

#rightCol {
	clear: both;
	float: none;
	margin: 0;
	width: 95%;
}

.phonetop {
	text-align: center;
	font-weight: 600;
	margin-bottom: .5em;
	}

.phone {
	font-weight:500;
	}
	
.nophone {
	display:none;
	}


#buildingInfo .phonetop {
	font-weight:normal;
	text-align:left;
	}	

.contact td:last-child, .contact th:last-child {
	display:none;
}
/*gallery styles - sm*/


/*contact styles - sm*/

/*image styles - sm*/

.cluborg img {
		float:none;
		margin: 1em auto;
		border: ridge medium #8E6907;
		}


/*form styles - sm*/


/*aside styles - sm*/

.nophone {
	display: none;
	}
	
#slideshow {
	display: none;
	}
	
#calendarList {
	padding: .5em;
	}
	
.committee {
	float:none;
	width:88%;
	margin:0 auto;
	}
#reportLink {
	width: 95%;
	padding: .5em 0 .5em 0;
	margin: 0 auto;
	}
	
#reportLinkR {
	width: 95%;
	padding: .5em;
}

/*footer styles - sm*/


}

/*tablet styles - med----------------------------------------------------------------------------------------------------*/
/*@media only screen and (min-width:481px) and (max-width:864px) {*/
@media only screen and (min-width:481px) and (max-width:864px) {
/*disable text sizing on orientation change*/
/*html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}*/

body {
	width: 90%;
	margin: 0 auto;
	min-width: 647px;
	max-width: 864px;
	border:medium groove #009999;
	//margin-top: 50px;
}

/*header styles - med*/

header {
	height: 165px;
	}
#headerGroup {
    margin-left:1.5em;
	margin-top: 1.5em;
	float:left;
	}
header h1 {
	font-size: 2em;
	font-weight:bold;
	text-transform:uppercase;
	color:  #067356;
	
	}
header h3 {
	color: #067356;
	font-size: 1.5em;
	text-align:left;
	}

header h2 {
	display:none;
	}

/*nav styles - med*/
#mainNav {
	margin-top: none;
	width: 100%;
	height: 2.5em;
	background-color: #067356;
}

#mainNav {
	background: -moz-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(10,211,158,1)), color-stop(25%, rgba(9,187,140,1)), color-stop(50%, rgba(8,163,122,1)), color-stop(75%, rgba(7,139,104,1)), color-stop(100%, rgba(6,115,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09BB8C', endColorstr='#067356', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* W3C */
}

#mainNav ul {
	float: left;
}

#mainNav li {
	float: left;
	position: relative;
	width: 7.4em;
	line-height: 2.5em;
	vertical-align: central;
	}

#mainNav li:first-child {
	margin-left: 1em;
	}

#mainNav li a {
	display: block;
	//line-height: 2.5em;
	font-size: 1.1em;
	font-variant:small-caps;
	text-align: center;
	color: white;
	border: none;
}
	
#mainNav li a:hover, topmenu > li a:hover {
	//color: #E4DDCB;
	color: rgba(238,177,11,.9);
	text-decoration:none;
	}

#mainNav a.current {
	color: #E4DDCB;
	cursor: default;
}


/*dropdown menu styles - med*/
#mainNav ul.submenu {
	float:none;
	position: absolute;
	width:10em;
	height: 2em;
	top: 2.5em;
	left: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	max-height: 20em;
	visibility:hidden;
	}

#mainNav ul.submenu li, ul.submenu.last li {
	float:none;
	display:block;
	width: 10em;
	margin: 0;
	background-color: #067356;
	border-bottom: 1px solid white;
	}

#mainNav ul.submenu.last {
	position: absolute;
	top: .5em;
	left: 10em;
	max-height: 20em;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	visibility:hidden;
	}
	
#mainNav ul.submenu.last li {
	border-left: 1px solid white;
	}
	
#mainNav ul.submenu li a {
	display:block;
	width: 10em;
	line-height: 2em;
	padding-left: 1em;
	font-size: .95em;
	text-align:left;
	font-variant:small-caps;
	white-space:nowrap;
	
}
	
#mainNav ul.submenu.last li:first-child {
	border-top: 1px solid white;
	}

#mainNav li:hover ul, #mainNav li ul li:hover ul.last {
	visibility: visible;
	}
/* article styles - med*/
#news {
	padding: .5em;
	}

#suv_logo {
	float:left;
	margin-right: 1em;
	margin-bottom: .5em;
	}
	
.inBlock, .inBlock60 {
	display:inline-block;
	max-width:60%;
	}

#townvacancies {
	float:left;
	width: 49%;
	font-size: .9em;
	}
	
#schoolvacancies {
	float:right;
	width: 48%;
	font-size: .9em;
	}

/*section styles - med*/
.phonetop {
	display: none;
	}

/*gallery styles - med*/


/*image styles - med*/
.imgNofloat {
		width: 42%;
		max-width: 96%;
		border: ridge medium #8E6907;
		margin: 0 auto;
		}	

/*contact styles - med*/


/*form styles - med*/


/*aside styles - med*/
.twoCol {
	width: 100%;
	display: inline;
	}
	
#contact p {
	margin-bottom: 1em;
	}

#quickLinks {
	width: 95%;
	padding: .5em;
	//display: inline-block;
	}
/*#reportLink {
	width: 95%;
	padding: .5em 0 .5em .5em;
	text-align:center;
	}
*/
#reportLink {
	width: 98%;
	padding: .5em 0 .5em 0;
	text-align:center;
	}
	
#reportLink p {
	text-align:left;
	}
	
#reportLinkR {
	width: 95%;
	padding: .5em;
}

#contact {
	width: 95%;
	padding: .5em;
	//display: inline-block;
	}
	
	

/*footer styles - med*/

}
/*desktop styles - lg ----------------------------------------------------------------------------------------------*/
/*@media only screen and (min-width:865px) {*/
@media only screen and (min-width:865px) {
body {
	width: 90%;
	margin: 0 auto;
	min-width: 865px;
	//max-width: 1280px;
	max-width: 1100px;
	border:medium groove #009999;
	margin-top: 50px;
}

/*header styles - lg*/
header {
	height: 165px;
	}
#headerGroup {
    margin-left:1.5em;
	margin-top: 1.5em;
	float:left;
	}
header h1 {
	font-size: 2.5em;
	font-weight:bold;
	text-transform:uppercase;
	color:  #067356;
	
	}
header h3 {
	color: #067356;
	font-size: 1.5em;
	text-align:left;
	}
header h2 {
	font-size: 1.5em;
	font-style: italic;
	color:#067356; 
	}


/*nav styles - lg*/

#mainNav {
	margin-top: none;
	width: 100%;
	height: 2.5em;
	background-color: #067356;
}

#mainNav {
	background: -moz-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(10,211,158,1)), color-stop(25%, rgba(9,187,140,1)), color-stop(50%, rgba(8,163,122,1)), color-stop(75%, rgba(7,139,104,1)), color-stop(100%, rgba(6,115,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09BB8C', endColorstr='#067356', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(10,211,158,1) 0%, rgba(9,187,140,1) 25%, rgba(8,163,122,1) 50%, rgba(7,139,104,1) 75%, rgba(6,115,86,1) 100%); /* W3C */
}

#mainNav ul {
	float: left;
}

#mainNav li {
	float: left;
	position: relative;
	width: 8.7em;
	line-height: 2.5em;
	vertical-align: central;
	}

#mainNav li:first-child {
	margin-left: 1em;
	}

#mainNav li a {
	display: block;
	//line-height: 2.5em;
	font-size: 1.2em;
	font-variant:small-caps;
	text-align: center;
	color: white;
	border: none;
}
	
#mainNav li a:hover, topmenu > li a:hover {
	//color: #E4DDCB;
	color: rgba(238,177,11,.9);
	text-decoration:none;
	}

#mainNav a.current {
	color: #E4DDCB;
	cursor: default;
}


/*dropdown menu styles - lg*/
#mainNav ul.submenu {
	float:none;
	position: absolute;
	width:10.5em;
	height: 2em;
	top: 2.5em;
	left: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	max-height: 20em;
	visibility:hidden;
	}

#mainNav ul.submenu li, ul.submenu.last li {
	float:none;
	display:block;
	width: 11em;
	margin: 0;
	background-color: #067356;
	border-bottom: 1px solid white;
	}

#mainNav ul.submenu.last {
	position: absolute;
	top: .5em;
	left: 11em;
	max-height: 20em;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	visibility:hidden;
	}
	
#mainNav ul.submenu.last li {
	border-left: 1px solid white;
	}
	
#mainNav ul.submenu li a {
	display:block;
	width: 11em;
	line-height: 2em;
	padding-left: 1em;
	font-size: 1em;
	text-align:left;
	font-variant:small-caps;
	white-space:nowrap;
	
}
	
#mainNav ul.submenu.last li:first-child {
	border-top: 1px solid white;
	}

#mainNav li:hover ul, #mainNav li ul li:hover ul.last {
	visibility: visible;
	}

/*#mainNav ul.submenu {
	float: none;
	//width: auto;
	//height: auto;
	position: absolute;
	top: 0;
	padding-top: 2.8em;
	left: -8000em;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
	z-index: 1000;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	//background: rgb(76, 67, 65);
	//background: rgba(76, 67, 65, .9);
}
/*#mainNav li:hover ul {
	left: 0;
	max-height: 20em;
	background: 99cc99;
}*/
/*#mainNav ul.submenu li a {
	//border-bottom: 1px solid white;
	//padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.1em;*/

/*#mainNav ul.submenu li:last-child a {
	border-bottom: none;*/
/*}
#mainNav ul.submenu li a:hover {
	background: #99cc99;
}*/


/*section styles - lg*/
.phonetop {
	display: none;
	}
	
/*.comContent a.phone {
	color: #323732;
	font-weight:normal;
	font-style:normal;
	cursor:default;
	}
	
a.phone:hover {
	text-decoration:none;
	}	*/

/* article styles - lg*/
#news {
	padding: .5em;
	}
	
#townvacancies {
	float:left;
	width: 49%;
	}
	
#schoolvacancies {
	float:right;
	width: 48%;
	}

/*gallery styles - lg*/


/*contact styles - lg*/


/*form styles - lg*/


/*aside styles - lg*/
.twoCol {
	width: 100%;
	display: inline;
	//column-count: 2;
	//column-gap: 1.5em;
	}

#contact p {
	margin-bottom: 1em;
	}
#quickLinks {
	width: 47.5%;
	padding: .5em .25em .5em .5em;
	float: left;
	}
	
#reportLinkHome {
	width: 98%;
	padding: .5em 0 .5em 0;
	text-align: center;
	}
	
	
#reportLinkHome p {
	text-align:left;
	}
	
#reportLink p {
	text-align:left;
	}
	
/*#reportLinkHomeR {
	width: 95%;
	padding: .5em;
}*/
	
	
 #reportLink {
	width: 47.5%;
	padding: .5em 0 .5em 0;
	float: left;
	}

#reportLinkR {
	width: 47.5%;
	padding: .5em .5em .5em .25em;
	float:right;
	}

#contact {
	width: 47.5%;
	padding: .5em .5em .5em .25em;
	float:right;
	}
	
.twoCol h3{
	text-align: center;
	margin: 0 auto;
	}
#trcover {
	//width:98%;
	width: 60%;
	margin-left:auto;
	margin-right:auto;
}	

/*footer styles - lg*/

}