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


  /* Body */

body 
{
 font-family: "Josefin Slab", serif;
 margin:0px 0px 0px 0px;
}


body#index{background-color:#556270;}
body#why{background-color:#772591;}
body#schedule{background-color:#305baf;}
body#menu{background-color:#4ecdc4;}
body#players{background-color:#c7f464;}
body#location{background-color:#ff8545;}
body#help{background-color:#c44d58;}



  /* END body */

nav
 {
 background-color:#ffffff;
 width:100%;
 height:150px;
 box-shadow: 0px 1px 50px #556270;
 position:fixed;
 top:0px;
 text-align:center;
 margin: auto;
 padding: 10px;
 z-index: 9999;
 text-decoration:none;
}

nav#home {
 background-color:#ffffff;
 width:100%;
 height:0px;
 box-shadow: 0px 1px 50px #556270;
 position:fixed;
 top:0px;
 text-align:center;
 margin: auto;
 padding: 10px;
 z-index: 9999;
 text-decoration:none;
}


h1 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Josefin Slab", serif;
  font-size: 30px;
  color: #556270;
  font-weight: 100;
}

h1 span {
  font-weight: 700;
}


a {
	color:white;
}

a:visited{
  color:white; 
  text-decoration: none;
}


a.no_underline:link {
	color:#fff;
	text-decoration:none;}      /* unvisited link */
a.no_underline:visited {
	color:#fff;
	text-decoration:none}  /* visited link */
a.no_underline:hover {
	color:#fff;
	text-decoration:none}  /* mouse over link */
a.no_underline:active {
	color:#fff;
	text-decoration:none}  /* selected link */


a.PINK:link {
	color:#c44d58;
	text-decoration:UNDERLINE;}      /* unvisited link */
a.PINK:visited {
	color:#c44d58;
	text-decoration:UNDERLINE}  /* visited link */
a.PINK:hover {
	color:#c44d58;
	text-decoration:UNDERLINE}  /* mouse over link */
a.PINK:active {
	color:#c44d58;
	text-decoration:UNDERLINE}  /* selected link */

  /* Navigation Start */
.nav{
    text-align:center;
}
.nav li{
	width: 100px;
	color: white;
	text-decoration:none;
}
.nav a{
    padding:10px;
	color: white;
}


.button {
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-decoration:none;
  margin-bottom: 0;
  margin-left: 0;
  padding: 5px 1px;
  text-transform: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 100%;
  /* auto */
  text-align: center;
  /* DELETE WHEN WIDTH AUTO */
  
  }
.button.why {
  background: none repeat scroll 0 0 #772591;
  color: white;
}
.button.why:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}
.button.schedule {
  background: none repeat scroll 0 0 #305baf;
  color: white;
}
.button.schedule:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}
.button.menu {
  background: none repeat scroll 0 0 #4ecdc4;
  color: white;
}
.button.menu:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}
.button.players {
  background: none repeat scroll 0 0 #c7f464;
  color: white;
}
.button.players:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}
.button.location {
  background: none repeat scroll 0 0 #ff8545;
  color: white;
}
.button.location:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}
.button.help {
  background: none repeat scroll 0 0 #c44d58;
  color: white;
}
.button.help:hover {
  background: none repeat scroll 0 0 #556270;
  color: white;
}


  /* Navigation End */
  
  /* Content */

 
div.content_home {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#556270;
}  
 
div.content_why {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#772591;
}

div.content_schedule {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#305baf;
}

div.content_menu {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#4ecdc4;
}

div.content_players {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#c7f464;
}

div#content_players {
font-size:16px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#c44d58;
line-height:22px
}

div.content_location {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#ff8545;
}

div.content_help {
	overflow:auto;
	width:800px; height:350px;
	padding-bottom:50px;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	left:50%;top:50%;
	border-style:none;
	margin:-200px 0 0 -450px;
	position:fixed;
	background-color:#c44d58;
}

span#home {
font-family: 'Josefin Slab', serif;
color: #556270;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#possible {
font-family: 'Josefin Slab', serif;
color: #772591;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#time {
font-family: 'Josefin Slab', serif;
color: #305baf;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#menu {
font-family: 'Josefin Slab', serif;
color: #4ecdc4;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#players {
font-family: 'Josefin Slab', serif;
color: #c7f464;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#location {
font-family: 'Josefin Slab', serif;
color: #ff8545;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

span#help {
font-family: 'Josefin Slab', serif;
color: #c44d58;
line-height: 30px;
font-weight: 100;
font-size:50px;
background-color: #fff;
padding: 10px 10px;
display: inline-block;
margin: 10px 10;
}

div.onecolumn {
font-size:16px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#fff;
line-height:22px;
}

div.onecolumn_join {
width: 457px;
background-color:#FFF;
font-size:16px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#c44d58;
line-height:22px;
text-align:left
}

div.twocolumn {
font-size:16px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#fff;
line-height:22px;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}


div.twocolumn_players {
font-size:16px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#c44d58;
line-height:22px;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

p.time {
font-size:18px;
font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing:1px;
padding: 20px;
color:#fff;
line-height:22px;
}

  /* Content ScrollBar */

	::-webkit-scrollbar {
	width: 15px;
	}
	
	::-webkit-scrollbar-track {
	background-color: #fff;
	} /* the new scrollbar will have a flat appearance with the set background color */
	::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	} /* this will style the thumb, ignoring the track */
	::-webkit-scrollbar-button {
	background-color: #556270;
	} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	::-webkit-scrollbar-corner {
	background-color: black;
	}


  /* Content Links */	
  


a.content:link {
	text-decoration:underline;
	}  
a.content:visited {
	text-decoration:underline;
	} 
a.content_players {
	color:#c44d58;
	text-decoration:underline;
	} 
a.content_players:hover {
	color:#ffffff;
	text-decoration:underline;
	} 
a.content_players:active {
	color:#c44d58;
	text-decoration:underline;
	} 
	
a.content_players:link {
	color:#c44d58;
	text-decoration:underline;
	}  
a.content_players:visited {
	color:#c44d58;
	text-decoration:underline;
	} 
a.content_players:active {
	color:#c44d58;
	text-decoration:underline;
	} 
	


a#recipe {
	color:#c44d58;
	text-decoration:underline;
	} 
a#recipe:hover {
	color:#c44d58;
	text-decoration:underline;
	} 
a#recipe:active {
	color:#c44d58;
	text-decoration:underline;
	} 
	
a#recipe:link {
	color:#c44d58;
	text-decoration:underline;
	}  
a#recipe:visited {
	color:#c44d58;
	text-decoration:underline;
	} 
a#recipe:active {
	color:#c44d58;
	text-decoration:underline;
	} 
	






a#email {
	color:#fff;
	text-decoration:underline;
	} 
a#email:hover {
	color:#fff;
	text-decoration:underline;
	} 
a#email:active {
	color:#fff;
	text-decoration:underline;
	} 
	
a#email:link {
	color:#fff;
	text-decoration:underline;
	}  
a#emaile:visited {
	color:#fff;
	text-decoration:underline;
	} 
a#email:active {
	color:#fff;
	text-decoration:underline;
	} 
	

		
		
  /* END Content */
  
  
  /* Footer */

footer{
 background-color:#ffffff;
 width:100%;
 height:52px;
 box-shadow: 0px 1px 50px #556270;
 position:fixed;
 bottom:0px;
 margin: auto;
 padding: 5px;
 z-index: 9999;
 text-decoration:none;
}

#footercontent {
height:52px; 
line-height:52px;
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #556270;
font-weight: bold;
}

.logo {
position:absolute;
bottom:0;
left:0;
padding: 2px;
z-index: 9999;}

.facebook {
position:absolute;
bottom:0;
right:15px;
padding: 5px;
z-index: 9999;}