body {
	font-family: Avenir, "proxima-nova", Helvetica, Arial, sans-serif;
	font-size:12pt;
}

.footer {
	min-height:350px;
	width:100%;
	display:inline-block;
}

.caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .6);
  color: #fff;
  font-size:12pt;
  margin-bottom:0px;
}

H1 { 
	font-size : 20pt;
	color:#28496B;
	}
	
H2{
	font-size:14pt;
color:#28496B;
}

H3{
	font-size:12pt;
color:#94A0AA;
}

H4{
	font-size:10pt;
	margin-top:5px;
	margin-bottom:5px;
	color:#28496B;
}

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: #0b07a4; 
	text-decoration: none
	}

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

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

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

a.botnav:link 	{ 
	color: #ffffff; 
	text-decoration: none;
	}
a.botnav:visited {
	color: #ffffff; 
	text-decoration: none;
	}
a.botnav:hover { 
	color: #226cb2; 
	text-decoration: none ;
	}
a.botnav:active {
	color: #226cb2; 
	text-decoration: none; 
	}
	
a.botnavp:link 	{ 
	color: #ffffff; 
	text-decoration: none;
	}
a.botnavp:visited {
	color: #ffffff; 
	text-decoration: none;
	}
a.botnavp:hover { 
	color: #000; 
	text-decoration: none ;
	}
a.botnavp:active {
	color: #fff; 
	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;
}

.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: #226cb2;
	color: #ffffff;
	width:98%;
	-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;
 }
 .deletebuts
{
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: red;
color: #ffffff;
 }
	
#container {
  margin: 0 auto;
  max-width: 890px;
}

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

 .human {  
visibility:hidden;  
display:none; 

} 


.block_half {
	display:inline-block;
	width:100%;
	max-width:465px;
	max-height:550px;
	overflow:scroll;
	border:1px solid #ddd;
	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: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 {
	display:inline-block;
	width:100%;
	max-width:650px;
	min-width:310px;
	height:450px;
	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_full {
	display:inline-block;
	width:100%;
	min-width:310px;
	max-width:980px;
	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;
}

.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;
}


#eventsnew { 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 */

@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 */
}


nav {
  margin: 0;
  padding: 0;
}

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

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

.maincontentareab {
	display:inline-block;
	width:100%;
	max-width:990px;
	margin-top:50px;
}

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

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

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

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

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

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

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

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

nav ul ul li {
  width: 170px;
  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;
	}
	
	.caption {
	  position: absolute;
	  display: block;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  padding: 10px;
	  text-align: center;
	  background: #000;
	  background: rgba(0,0,0, .5);
	  color: #fff;
	  font-size:9pt;
	  margin-bottom:0px;
	}

	.block_half {
		display:inline-block;
		width:100%;
		height:100%;
		max-width:355px;
		max-height:350px;
		overflow:scroll;
		border:1px solid #ddd;
		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;
		max-height:430px;
		overflow:hidden;
		border:1px solid #ddd;
		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;
		min-width:310px;
		max-height:400px;
		overflow:hidden;
		border:1px solid #ddd;
		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;
		max-height:350px;
		overflow:scroll;
		border:1px solid #ddd;
		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:5px;
	}
	
	nav { margin: 0; }
	
	.toggle + a,
	 .menu { display: none; }
	
	.toggle {
	  display: block;
	  background-color:#226cb2;
	  padding: 0 20px;
	  color: #FFF;
	  font-size: 14pt;
	  line-height: 45px;
	  text-decoration: none;
	  border: none;
	}
	
	.toggle:hover { background-color: #94A0AA; }
	
	[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: #94A0AA; }
	
	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;
	}

}