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

html, body { font-family: Verdana, Geneva, sans-serif; height:100%;  text-align:center; margin:0px; padding:0px;background:#071503 url(/images/bg/aerial.jpg) top center no-repeat; background-size:cover}
#container { max-width: 916px; min-height:100%; background: url(/images/bg.png) 0px 30px repeat-x; margin:0px auto 0px auto;  position:relative; overflow:hidden}
#wrapper { padding-bottom:22px; width: 100%; height:100%; margin:0px auto 0px auto;  position:relative;  font-size:12px; line-height:17px; overflow:hidden}
#header { width:100%; height:auto; background:none; position:relative }
#footer { width:100%; height:auto; padding:20px 0;  bottom:0px; left:0;  margin:0px; background-color:#142b20; border-top:#9ac2b4 solid 4px; font-size:12px; line-height:16px;color:#fff; text-align:center; letter-spacing:normal;  }

#fancybox-outer {width:98% !important; height:98% !important }

#footer a { width:100%; font-size:14px; font-weight:bold; color:#285d05;  padding: 8px 0; margin:0; display:block;

background: rgb(91,114,106); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNzI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzlhYzJiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I5ZThkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzlhYzJiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YjcyNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(91,114,106,1) 0%, rgba(154,194,180,1) 20%, rgba(185,232,217,1) 50%, rgba(154,194,180,1) 84%, rgba(91,114,106,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,114,106,1)), color-stop(20%,rgba(154,194,180,1)), color-stop(50%,rgba(185,232,217,1)), color-stop(84%,rgba(154,194,180,1)), color-stop(100%,rgba(91,114,106,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(91,114,106,1) 0%,rgba(154,194,180,1) 20%,rgba(185,232,217,1) 50%,rgba(154,194,180,1) 84%,rgba(91,114,106,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(91,114,106,1) 0%,rgba(154,194,180,1) 20%,rgba(185,232,217,1) 50%,rgba(154,194,180,1) 84%,rgba(91,114,106,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(91,114,106,1) 0%,rgba(154,194,180,1) 20%,rgba(185,232,217,1) 50%,rgba(154,194,180,1) 84%,rgba(91,114,106,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(91,114,106,1) 0%,rgba(154,194,180,1) 20%,rgba(185,232,217,1) 50%,rgba(154,194,180,1) 84%,rgba(91,114,106,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b726a', endColorstr='#5b726a',GradientType=0 ); /* IE6-8 */
}


#footer a:hover { color:#5E8C00 } 
#logo {width:249px; height:auto; margin:54px auto 22px auto }
#logo img { width:100%; height:auto }
#logoPrint { display:none }
#logo img { border:none }


.mobileNavBar {width:100%; height:48px;  background-color:#142b20;border-bottom:3px solid #9ac2b4; color:#fff;}

a { color:#063}
a:hover { color:#096}

#utilityNav ul li { display:inline; float:right; margin:0px;   }
#utilityNav ul li a { display:inline-block; text-decoration:none;  padding:2px 8px; color:#142b20;/* background:#FFF;  -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; margin:0px 2px*/}
#utilityNav ul li a:hover { color:#066 }
.socialMedia { width:100px; height:21px;   margin:2px auto; text-align:center; }

#topNav { display:none; width:916px; height: 38px; padding:2px 0px 0px 0px; background-color:#142b20; border-top:3px solid #9ac2b4; border-bottom:3px solid #9ac2b4; color:#fff;
text-align:center; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; /*letter-spacing:.1em*/ clear:both}

.widgetIcon {float:right }
.widget h2, .widget1 h2 { font-size:17px}

.HomeSlider2{ width:100%;   margin:11px -8px !important;  }
#offseasoncontainer { margin:0 !important}

.content { max-width:88%; min-height:300px;  margin:22px auto 11px auto;  text-align:left; font-size:12px; line-height:17px;  }
.content p { margin:0px 0px 10px 0px}
.rightCol { width:256px; margin:22px auto; text-align:left; font-size:12px; line-height:17px;}
.rightCol p { margin:0px 0px 10px 0px}

.pressRelease { max-width:916px; /*background:#fff url(/images/middlesex-county-fair-assoc.gif) top no-repeat; padding-top:122px; */}

.pressRelease h1 { height:auto; margin:0px auto 8px auto; text-align:center; font-size:18px; line-height:20px }
.pressRelease img, .content img { max-width:98%; height:auto; margin:0 auto }

.fullColH { width:92%; min-height:200px; margin:22px 4% 0px 4%;  text-align:left; font-size:12px; line-height:17px; }
.fullCol { width:92%; min-height:200px; margin:22px 4%;  text-align:left; font-size:12px; line-height:17px; }

.content .halfCol { width: 248px; min-height:141px; margin:22px auto;  }
.content .halfCol p { margin:0px 8px}
.content .halfCol2 { width: 248px; min-height:141px; margin:22px auto; <em></em>}

.content .halfCol h3, .content .halfCol2 h3{ color:#4e3c17; font-size:16px; line-height:17px; width:100%; background:url(images/gradeH3.jpg) repeat-y left; padding:5px 0px 5px 8px; margin:0px 0px 11px 0px}

.contactForm { margin:0 auto; width:240px }
.contactForm input,.contactForm textarea { width:240px }
.captchaIndent input{ max-width:140px }
.captchaIndent { text-align:center}


.page-list-ext-title { font-size: 12px; margin-bottom:8px }
.page-list-ext-title a { color:#063}
.page-list-ext-title a:hover { color:#096}
.page-list-ext-item { border-bottom:#999 dashed 1px; padding-bottom:11px;}
/*.em-search-wrapper  { margin-bottom:63px }
.em-events-search-form { position:absolute; top:92px; right:21px }
.seearchExplain {position:absolute; top:134px; right:22px; width:256px; height:400px }
.events-table {width:500px}
.events-table { font-size:14px }

.events-table td { border-bottom:1px dashed #999; padding:11px; width:300px }
.events-table td:first-child { width:150px }
.events-table tbody tr { border-bottom:1px dashed #999}
.event-time { padding-left:12px }
.event-description {  padding-left:12px}

#eventsNav .menu-events-container ul li{ display:inline !important; margin:0px;  list-style:none }
#eventsNav .menu-events-container ul li a { display:inline-block; text-decoration:none;  padding:22px 8px; color:#142b20; }
#eventsNav .menu-events-container ul li a:hover { color:#066 }*/

.blogMainPage { margin-top:22px}

iframe { z-index:0}


.bullet  { font-size:1px; visibility:hidden; width:0; height:0;  }
.bullet:after, .break:after { content: '\a'; position: static; white-space: pre;}
.clearIt { clear:both; height:0px}

h1 { color:#4e3c17; font-size:20px; line-height:23px; margin:0px 0px 11px 0px}
h2 {color:#4e3c17; font-size:18px; line-height:20px; margin:0px 0px 11px 0px }
h3 {color:#4e3c17; font-size:16px; line-height:18px; margin:0px 0px 11px 0px }
h4 { color:#4e3c17; font-size:16px; line-height:17px; width:100%; background:url(images/gradeH3.jpg) repeat-y left; padding:5px 0px 5px 8px; margin:0px 0px 11px 0px}

#homeSlides { width: 840px; height: 278px; margin:0 auto 32px auto; -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.53);
-moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.53);
box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.53);}


.vslider-caption h4 {background:none !important; width:100% !important; }

.slides { border:2px solid #fff; width: 836px; height: 278px; margin:0 auto 32px auto; -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.53);
-moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.53);
box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.53);}

#offseason h4 { background:none !important; width:100%}

.homeRotator { margin:-22 0 0 -22px}

/*.em-search-wrapper { display:none}*/

.menu-utility-container {display:none}
/* search box */

.searchform  {display:none}
.searchform a { border: 0 none !important; }
.searchform #search input[type="text"] {
    background: url(/images/search-dark.png) no-repeat 10px 6px #fff;
    border: 0 none !important;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #333;
    width:105px;
    padding: 6px 15px 6px 35px;
   /* -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
   border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); */
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

.searchform #search input[type="text"]:focus {
    background: url(/images/search-dark.png) no-repeat 10px 6px #fcfcfc;
	border: 0 none !important;
	outline: none;
    color: #000;
    width: 144px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }
	
	.homeSlider { width:100%;height:auto; margin: -11px 0 11px -16px; }
	.videoWrapper  {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper  iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#photos {
margin-top: 9px;
width: 98%;
background-size: 100% !important;
padding: 1%;
}

.customwidth {
width: 100% !important;
height: 0 !important;
padding-bottom: 43% !important;
background-size: 100% !important;

}

.cs-prev,
.cs-next {
top: 42% !important;
}

.gallery-item { width:100% !important; height:auto !important; }

.sub-menu { padding-left:8px !important }
img#responsive-menu-title  { display:block }
	
	@media screen and (min-width: 610px) {
.content .halfCol { width: 248px; min-height:141px; margin:22px 32px 22px 0px; float:left; }
.content .halfCol p { margin:0px 8px}
.content .halfCol2 { width: 248px; min-height:141px; margin:22px 0px 22px 0; float:left; }

.contactForm { margin:0 0 0 64px; width:100% }
.contactForm input, .contactForm textarea { width:340px }

.captchaIndent { margin-left:64px; width:340px  }

.gallery-item { width:25% !important; height:auto !important; }

#logo { margin:11px auto 11px auto }

	}

	
	@media screen and (min-width: 860px) {
		
		.pressRelease img { max-width:100%; }
		
		#fancybox-outer {width:100% !important; height:100% !important }
		
		.mobileOnly { display:none !important; visibility:hidden}
		.menu-item-92 { display:none}
		#container {  background: url(/images/bg.png) top left repeat-x; }
		
		#wrapper { padding-bottom:90px;}
		.bullet { font-size:10px; width:auto; color:#9ac2b4; padding-left:3px; padding-right:3px; visibility:visible; height:auto}
		.bullet:after, .break:after {content: ''; position:relative; white-space:normal;}
		#footer { max-width:916px; height:40px; padding-top:20px; position:absolute; bottom:0px; left:0;  margin:0px; font-size:11px; color:#fff; text-align:center; letter-spacing:normal;  }
		
		#footer a { width:auto; font-size:11px; font-weight:bold;  color:#FFC; background:#000; padding:0; margin:0; display:inline}
		#footer a:hover { color:#D5CB00 } 
		.rightCol { width:256px;min-height:300px;float:right; margin:22px 38px 8px 11px; text-align:left; font-size:12px; line-height:17px;}
		.content {/* max-width:556px;*/ min-height:300px;  float:left; margin:22px 2% 8px 38px;  text-align:left; font-size:12px; line-height:17px;  }
		.content {  width: 60%; /* fallback for browsers not supporting calc */
		 -webit-width: calc(98% - 360px);
  width: calc(98% - 360px);
   }
		#utilityNav {  max-width:916px; height:32px; text-align:right; background:none; font-size:13px; padding-top:0;  position:relative;}
		 .menu-utility-container { display:inline}
		 .socialMedia {width:128px; height:21px; float:right; margin:0px; margin:2px 0px 0px 8px}
		#topNav { display:block; }
		.mobileNavBar {display:none }
		.searchform  {position:absolute; top:14px; right:67px; border: 0 none !important; z-index:333; display:block}
		#logo {width:289px; height:188px; position:absolute; top:0; left:50px; z-index:999; margin:0 auto }
		#header {  height:158px; }
		
		#container { max-width: 916px; min-height:100%; background:url(images/bg.png) top left repeat-x; margin:0px auto 0px auto;  position:relative}
	}