@import url(http://fonts.googleapis.com/css?family=Cinzel);
@import url(http://fonts.googleapis.com/css?family=Oxygen);
html, body {
	height:100%;
}

.carousel,
.item,
.active {
	height:100%;
}

.carousel-inner {
	height:100%;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}

.section {
	margin: 0px 0;
}
.logo
{
	position: absolute;
	top: 0;
	left:2%;
	z-index: 2;
	width: 100px
}

#header_bottom
{
  background : #FFCC00;
  background : rgba(255, 204, 0, 1);
  position : absolute ;
  left : 0px;
  top : 50px;
  width : 100%;
  height : 8px;
}
.map
{
	width: 75%;
	position: absolute;
	right: 12.5%;
	left:12.5%;
	top: 70px
}
#map_canvas 
{
    width: 450px;
    height: 360px;
    position: absolute;
    left: 51%;
    top:80px;
}
.club_name
{
  text-align: left;
  font-size: 20px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  width: 36%; 
  margin-left: 18%
}
.club_details
{
  text-align: left;
  font-size: 16px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  width: 36%; 
  font-style: italic;
  margin-top: -12px;
  margin-left: 18%
}
.club_description
{
	margin-left: 18%;
	width:64%;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.heading_clubslink
{
	margin-left: 18%;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.club_header
{
	margin-left: 18%;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.sports
{
	text-align:center;
	position: absolute;
	top: -60%;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 48px;
}
.back
{
	position: relative;
	z-index: .1
}
.front
{
	position: relative;
	z-index: 1
}
.application
{
  border: 0px;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 60px;
}
.calendar
{
  width: 70%;
  margin-top: 20px;
  margin-left: 15% 
}
.eventname
{
  font-weight: bold;
  line-height: 30px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}
.centertext
{
	text-align: center;
}
.imgright
{
  width: 15%;
  margin-left:73%;
  position: absolute;
  top: 65px
}
.imgleft
{
  width: 15%;
  margin-left:12%;
  position: absolute;
  top: 65px;
}
ul#menu1{
	list-style:none;
	display:inline-block;
}
ul#menu1 li
{
	display:block;
	white-space:nowrap;
	float:left;
	position: absolute;
	top: 75px;
}
ul#menu1 a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 14px Trebuchet MS;
	color:#ffffff;
	cursor:pointer;
	padding:10px;
}
ul#menu1 li:hover>a,ul#menu1 li a.pressed{
	color:#E8E8E8;
}
#lione
{
	position: absolute;
	right: 270px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}
#litwo
{
	position: absolute;
	right: 195px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#lithree
{
	position: absolute;
	right: 100px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.prospic
{
	position: absolute;
	top: 55px;
}
.textitem1
{
	position: absolute;
	top: 70px;
	width: 100%;
	font-size: 55px;
	font-family:"Cinzel";
}
.textitem2
{
	position: absolute;
	top: 130px;
	width: 100%;
	font-size: 30px;
	font-family:"Cinzel";
}
#lione2
{
	position: absolute;
	right: 270px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#litwo2
{
	position: absolute;
	right: 165px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#lithree2
{
	position: absolute;
	right: 100px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#lizero2
{
	position: absolute;
	right: 330px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.fashiontitle
{
	width: 38%;
	position: absolute;
	left: 31%;
	right: 31%;
	margin-top:10px;
}
.bell1
{
	width: 35%;
	height: 300px;
	position: absolute;
	top: 65px;
	left: 15%;
}
.bell2
{
	width: 35%;
	height: 300px;
	position: absolute;
	top: 65px;
	right: 15%;
}
.bell3
{
	width: 35%;
	height: 300px;
	position: absolute;
	top: 365px;
	left: 15%;
}
.bell4
{
	width: 35%;
	height: 300px;
	position: absolute;
	top: 365px;
	right: 15%;
}
.bold
{
	font-weight: bold;
}
#fashioninfo
{
	width: 44%;
	position: absolute;
	top: 115px;
	left:28%;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.centerdiv
{
	width: 45%;
	position: absolute;
	left: 27.25%;
	top: 65px;
}
.mediumfontsize
{
	font-size: 20px
}
.underpic
{
	position: absolute;
	top: 675px
}
.cookingtitle
{
	width: 38%;
	position: absolute;
	left: 31%;
	right: 31%;
	margin-top:70px;
	text-align: center;
}