body {
	font-family:arial;
	font-size:9pt;
}

.test {
	font-family: arial;
}
.maincontentarea {
	display:inline-block;
	width:100%;
	max-width:990px;
	margin-top:50px;
}

H1 { 
	font-size : 18pt;
	font-family: arial;
	}
	
H2{
	font-size:14pt;
	font-family: arial;
}

H3{
	font-size:12pt;
	font-family: arial;
}

H4{
	font-size:12pt;
	margin-top:5px;
	margin-bottom:5px;
}

.vid {
	max-width:50%;float:right;min-width:320px;
}

.newsint {
		display:inline-block;width:32%;margin:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;
	}


.footer_facebook_icon{width: 40px;height: 40px;border-radius: 100%;background: #333;margin:0 1% 0;padding: 0;display:inline-block;transition: .3s;-webkit-transition:.3s; -moz-transition: .3s; -o-transition: .3s;}

.footer_facebook_icon:hover{background: #dd0000;}
.footer_facebook_icon.foot_twitt:hover{background: #dd0000;}
.footer_facebook_icon.youtube:hover{background: #dd0000;}



.dates {
	display: block;
	width: 30px;
	height: 30px;
	margin: 3px auto;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	z-index:1;
}
.dates .monthsm {
	background: #ee1122;
	display: block;
	padding: 4px 0;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.dates .daysm {
	display: block;
	margin: 0;
	padding: 3px 0;
	font-size:16px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}


.date {
	display: block;
	width: 50px;
	height: 50px;
	margin: 5px auto;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	z-index:1;
}

.date .binds {
	position: absolute;
	height: 7px;
	width: 30px;
	background: transparent;
	border: 2px solid #999;
	border-width: 0 5px;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
}

.date .month {
	background: #ee1122;
	display: block;
	padding: 4px 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.date .day {
	display: block;
	margin: 0;
	padding: 3px 0;
	font-size:20px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}






input {
	font-size:12pt;
	color:#888;
}

textarea {
	font-size:12pt;
	color:#888;
}
select {
	font-size:12pt;
	color:#888;
}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
    opacity: 0.5;
}
      
a:link 
	{ 
	color: #ee1122; 
	text-decoration: none;
	text-decoration: underline;
	}

a:visited 
	{ color: #000000; 
	text-decoration: none;
	}

a:hover { 
	color: #000000; 
	text-decoration: underline;
	}

a:active 
	{ color: #ee1122; 
	text-decoration: none; 
	}

a.cal:link 	{ 
	color: #000; 
	text-decoration: none;
	}
a.cal:visited {
	color: #000; 
	text-decoration: none;
	}
a.cal:hover { 
	color: #ee1122; 
	text-decoration: none ;
	}
a.cal:active {
	color: #ee1122; 
	text-decoration: none; 
	}
	
a.botnav:link 	{ 
	color: #ffffff; 
	text-decoration: none;
	}
a.botnav:visited {
	color: #ffffff; 
	text-decoration: none;
	}
a.botnav:hover { 
	color: #ee1122; 
	text-decoration: none ;
	}
a.botnav:active {
	color: #ee1122; 
	text-decoration: none; 
	}
	
.headingbg {
	background:#eee;
}

.formcreate {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  width:100%;
  min-width:265px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.loginst {
  padding: 5px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  width:100%;
  min-width:100px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.submitbut {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	margin: 5px 5px 0 0;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 25px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: middle;
	background-color: #ee1122;
	color: #ffffff;
	width:100%;
	-webkit-appearance: none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
 
 
 .submitbutentrance {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 25px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: middle;
	background-color: #ee1122;
	color: #ffffff;
	width:100%;
	-webkit-appearance: none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
 
 .smlgrbut {
	 background:darkgreen;
	 padding:0px 3px;
	 color:#fff;
	 border:1px solid #888;
 }

a.deletebuts:link {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	height: 25px;
	margin: 3px 3px 0 0;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 25px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: middle;
	background-color: #ee1122;
	color: #ffffff;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity:1;
}

a.deletebuts:hover {
	background-color: #666;
	opacity: 0.5;
}


#container {
  margin: 0 auto;
  max-width: 890px;
}

p { text-align: left; }
 .toggle, [id^=drop] {
 display: none;
}

 .human {  
visibility:hidden;  
display:none; 

} 

#facebook-likebox-3 iframe {
    height: 350px !important;
    border-bottom: 1px solid #AAA !important;
}​

.block_half {
	display:inline-block;
	width:100%;
	max-width:465px;
	max-height:550px;
	overflow:scroll;
	border:2px solid #ee1122;
	vertical-align:top;
	text-align:left;
	padding:10px;
	margin:5px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.block_third {
	display:inline-block;
	width:100%;
	max-width:320px;
	height:350px;
	overflow:scroll;
	border:2px solid #ee1122;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:5px;
	background-color:rgba(255, 255, 255, 0.9);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.block_twothird {
	display:inline-block;
	width:100%;
	max-width:650px;
	min-width:310px;
	height:680px;
	border:2px solid #ee1122;
	overflow:hidden;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:5px;
	background-color:rgba(255, 255, 255, 0.9);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.block_full {
	display:inline-block;
	width:100%;
	min-width:310px;
	max-width:980px;
	border:2px solid #ee1122;
	vertical-align:top;
	background-color:rgba(255, 255, 255, 0.9);
	margin:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

.mainnews {
	display:inline-block;
	width:100%;
	min-width:310px;
	max-width:980px;
	border:2px solid #ee1122;
	vertical-align:top;
	background-color:rgba(255, 255, 255, 0.9);
	margin:5px;
	padding:0px 10px 10px 10px;
	text-align:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 10px;
	overflow:hidden;
}

.block_third_photo {
	display:inline-block;
	width:100%;
	max-width:320px;
	overflow:scroll;
	border:1px solid #ddd;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:5px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.block_twothird_photo {
	display:inline-block;
	width:100%;
	max-width:640px;
	min-width:310px;
	overflow:scroll;
	border:1px solid #ddd;
	vertical-align:top;
	text-align:left;
	padding:5px;
	margin:5px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.block_full_photo {
	display:inline-block;
	width:100%;
	min-width:310px;
	max-width:965px;
	border:1px solid #ddd;
	vertical-align:top;
	background:#fff;
	margin:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}




@media screen and (min-width: 0px) and (max-width: 800px) {
  #eventsm { display: block;width:100%;min-width:310px;border:1px solid #ddd;vertical-align:top;text-align:left;padding:0px 15px 5px 15px;margin:5px 0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }  /* show it on small screens */
  #events { display: none;width:100%;min-width:310px;border:1px solid #ddd;vertical-align:top;text-align:left;padding:0px 15px 5px 15px;margin:5px 0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }  /* show it on small screens */
}

@media screen and (min-width: 800px) {
  #eventsm { display: none;width:100%;min-width:310px;border:1px solid #ddd;vertical-align:top;text-align:left;padding:0px 15px 5px 15px;margin:5px 0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }   /* hide it elsewhere */
  #events { display: block;width:100%;min-width:310px;border:1px solid #ddd;vertical-align:top;text-align:left;padding:0px 15px 5px 15px;margin:5px 0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }  /* show it on small screens */
}




#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 14px;
  line-height: 45px;
}




.committeebox {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:295px;
	height:200px;
	border:1px solid #eee;
	margin:5px;overflow:hidden;background-color:#fff;text-align:left;vertical-align:top;padding:5px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.committeebox:hover {
	border:1px solid #d00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}

.gallerybox {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:160px;
	height:200px;
	border:1px solid #eee;
	text-align:center;
	margin:5px;overflow:hidden;background-color:#fff;text-align:left;vertical-align:top;padding:5px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.gallerybox:hover {
	border:1px solid #d00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}

nav {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #333;
  
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 14px;
  line-height: 35px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #000000; }

nav a:hover { background-color: #000000; }

nav ul ul {
  display: none;
  position: absolute;
  top: 35px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 200px;
  border-bottom: 1px solid #ee1122;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' >'; }

li > a:only-child:after { content: ''; }




/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	#logo {
	  display: block;
	  padding: 0;
	  width: 100%;
	  text-align: center;
	  float: none;
	}
	
	.vid {
		max-width:100%;min-width:320px;
	}

	.newsint {
		display:inline-block;width:48%;margin:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;
	}
	.block_half {
		display:inline-block;
		width:100%;
		height:100%;
		max-width:355px;
		overflow:hidden;
		border:2px solid #ee1122;
		vertical-align:top;
		text-align:left;
		padding:5px;
		margin:10px 0;
		background:#fff;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
}

	.block_third {
		display:inline-block;
		width:100%;
		max-width:375px;
		overflow:hidden;
		border:2px solid #ee1122;
		vertical-align:top;
		text-align:left;
		padding:0px;
		margin:10px 0;
		background:#fff;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.block_twothird {
		display:inline-block;
		width:100%;
		max-width:740px;
		overflow:hidden;
		border:2px solid #ee1122;
		vertical-align:top;
		text-align:left;
		padding:0px;
		margin:10px 0;
		background:#fff;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.block_full {
		display:inline-block;
		width:100%;
		max-width:375px;
		overflow:hidden;
		border:2px solid #ee1122;
		vertical-align:top;
		text-align:center;
		padding:0px;
		margin:10px 0;
		background:#fff;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

	.maincontentarea {
		display:inline-block;
		width:100%;
		max-width:990px;
		margin-top:10px;

	}
	
	nav { margin: 0; }
	
	.toggle + a,
	 .menu { display: none; }
	
	.toggle {
	  display: block;
	  background-color: #5c5c5c;
	  padding: 0 20px;
	  color: #FFF;
	  font-size: 14px;
	  line-height: 35px;
	  text-decoration: none;
	  border: none;
	}
	
	.toggle:hover { background-color: #000000; }
	
	[id^=drop]:checked + ul { display: block; }
	
	nav ul li {
	  display: block;
	  width: 100%;
	}
	
	nav ul ul .toggle,
	 nav ul ul a { padding: 0 40px; }
	
	nav ul ul ul a { padding: 0 80px; }
	
	nav a:hover,
	 nav ul ul ul a { background-color: #000000; }
	
	nav ul li ul li .toggle,
	 nav ul ul a { background-color: #212121; }
	
	nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}
	
	nav ul ul li:hover > ul,
	nav ul li:hover > ul { display: none; }
	
	nav ul ul li {
	  display: block;
	  width: 100%;
	}
	
	nav ul ul ul li { position: static;
	
	}
}

@media all and (max-width : 330px) {

	nav ul li {
	  display: block;
	  width: 94%;
	}
	
	.maincontentarea {
		display:inline-block;
		width:100%;
		max-width:990px;
		margin-top:150px;
	}

}