html{min-height: 100%;}

#body{ background-color:#000000;
	display:table;
	color:#ffffff;
}

#logo{
		
}

#navbar{
	position:fixed;
	width:100%;
	top:-11px;
	padding-top:0px;
	z-index: 500;
}

#navbar ul{background:#efefef;
			background: linear-gradient(top, #333333 40%, #000000 100%);  
	background: -moz-linear-gradient(top, #333333 40%, #000000 100%); 
	background: -webkit-linear-gradient(top, #333333 40%,#000000 100%); 
	background: -o-linear-gradient(top, #333333 40%,#000000 100%);
	box-shadow: 0 1px 11px rgb(0, 255, 255);
	padding: 10px 80px;
	border-radius: 5px;  
	list-style: none;
	position:relative;
	color:#990033;
	margin-right:1em;
}

#navbar ul li{display:inline-block;
		padding:2px 60px;		
}

#navbar ul li a{text-decoration:none;
				color:#ffffff;
				font-size:1.2em;
}

#navbar ul li .active a{
	
	color:#80ffff;
}



#nav-toggle{display:none;
}

section{height:170vh;
		text-align: center;
		overflow:hidden;
}

#screen1{background:url(pics/screen1.jpg) center center no-repeat; 
		background-size: cover;
		background-attachment: fixed;
		height:150vh;
}

#screen2{background:url(pics/events1.jpg) center center no-repeat; 
		background-size: cover;
		background-attachment: fixed;
}

#screen3{background:url(pics/gallery.jpeg) center center no-repeat; 
		background-size: cover;
		background-attachment: fixed;
	
}

#screen4{background:url(pics/contact.jpeg) center center no-repeat; 
		background-size: cover;
		background-attachment: fixed;
}

#transbox1{ 
  width:90%;
  margin:20em 0 0 3em;
	padding:0 0 1em 0;
  background-color: #000000;
	position:absolute;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#transbox2{width:80%;
		margin-top:8em;
		margin-left:7em;
		padding:0 0 1em 0;
		background-color:#000000;
		opacity:0.6;
		filter:alpha(opacity=60);
		border-radius:5px;
}

#transbox3{width:70%;
	margin-top:10em;
	margin-left:12em;
	padding:0.5em;
	background-color:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	border-radius:5px;
	}

#transbox4{width:60%;
	margin-top:4em;
	margin-left:15em;
	padding:13px;
	background-color:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	border-radius:5px;
	
	}

h1{text-align: center;
	font-family:"Lucida Calligraphy", cursive;
	color:#F8F8FF;
	font-size: 2em;
	vertical-align: middle;
}

h2{text-align: left;
	font-family:"Lucida Calligraphy", cursive;
	color:#F8F8FF;
	font-size:1.5em;
	margin-left:80px;
}

h3 a{color:coral;
	text-align:center;
	text-decoration: none;
}

h3{font-family:"Lucida Calligraphy", cursive;
	color:#ffffff;
	font-size: 1.5em;
	font-weight:bold;
	margin:2em 0 4em 0;
}

h4{text-align: left;
	font-family:"Lucida Calligraphy", cursive;
	color:#ffd480;
	font-size:2em;
	margin-left:80px;}

p{text-align: center;
	font-family:Times New Roman,Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" serif;
	color:antiquewhite;
	font-size: 1.6em;
	margin-left: 50px;
	margin-right: 50px;
}

#eventp{text-align: center;
	float:right;
}

#events li{
	font: Times New Roman,Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" serif;
	text-align: left;
	font-size: 1.3em;
	color:#ffd480;
	margin-left:70px;
}

#events li a{
	font: Times New Roman,Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" serif;
	text-align: left;
	font-size: 1.3em;
	color:#ffd480;
	text-decoration: none;
}

table{border-spacing:4px;
		color:#F8F8FF;
		font-weight:bold;
		font-size: 1.5em;
}

.form-settings{
  width: 300px; 
  text-align:"center";
  margin: 15px 0 0 0;
  display:inline-block;
  padding:0 0 6px 0;
	color:#F8F8FF;
}

.form_settings input { padding: 5px; 
  width: 190px;  
  background:#ffffff; 
  color:000000;
  font-weight:bold;
  
}

textarea{ font-family: "Lucida Console", monospace;
		border-color:#990073;
		background-color:#ffffff;
		padding:4px;
		font: 15px Lucida Bright,serif;
}

button{ 
		cursor: pointer;
		margin:4px 2px;
		font-size:15px;
}

#footer{text-align: center;}