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

.mainBackground{
	background-image:url(../images/DSC_0437-1.jpg);
	background-size:cover;
}

#wrapper{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	height:100%;
}

#menu{
	float:right;
	margin-right:9%;
	margin-top:0%;
}

#menuItem{
	font-family:Cambria;
	font-size:14px;
	color:#FFFFFF;
	margin-bottom: 3%;
}

#menuItem a{
	font-family:Cambria;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.pictureDisplay{
	float:left;
	margin:1%;
	
	
}

.pictureFormat{
	border: 1px solid #000000;
	-webkit-box-shadow: 0px -1px 31px -3px rgba(232,227,232,1);
-moz-box-shadow: 0px -1px 31px -3px rgba(232,227,232,1);
box-shadow: 0px -1px 31px -3px rgba(232,227,232,1);
}

.floatClear{
	clear:both;
}

.logo{
	font-family:verdana;
	font-size:24px;
	color:#62B954;
	text-align:center;
}

.logoInside{
	float:left;
	font-family:verdana;
	font-size:24px;
	color:#62B954;
	margin-left:45%;
}

h1 {
    text-align:center;
    font-size: 70px;
    margin-top: 0;
    font-family: 'Lobster', helvetica, arial;
}
     
h1 a {
    text-decoration: none;
    color: #000;
    text-align:center;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
}

h2 {
    text-align:center;
    font-size: 45px;
	text-decoration:underline;
    margin-top: 0;
    font-family: 'Lobster', helvetica, arial;
}
     
h2 a {
    text-decoration: none;
    color: #000;
    text-align:center;
         
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
}
     
    
#mainPageText{
	font-family:verdana;
	font-size:34px;
	font-weight:bolder;
	text-align:center;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.logotext{
	float:left;
	font-family:verdana;
	font-size:24px;
	color:#62B954;
	margin-left:10%;
	margin-top:10%;
}

.textTitle{
	float:left;
	font-family:Times New Roman;
	font-size:25px;
	font-weight:bold;
	color:#000000;
	margin-left:20%;
	margin-top:2%;
}

#content{
	background-color:#FFFFFF;
	width:60%;
	height:700px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-5%;
	z-index:-1;
	text-align:center;
}

#eventDate{
	float:left;
}

#event{
	float:left;
	margin-left:3%;
}

#footer{
	width:100%;
	text-align:center;
}

#footerLogos{
	display:inline-block;
	padding-left:5%;
	padding-right:5%;
}