/* stops overlap */
.wrapper 
{
position: absolute;
top: 0px;
left: 0px;
width: 1300px; 
height:1585px;
margin: 0 auto;
}

#fade2
{
-webkit-animation: fadein 5s; /* Safari, Chrome and Opera  */
-moz-animation: fadein 5s; /* Firefox */
-ms-animation: fadein 5s; /* Internet Explorer */
-o-animation: fadein 5s; /* Opera  */
animation: fadein 5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#fade 
{
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera  */
-moz-animation: fadein 3s; /* Firefox */
-ms-animation: fadein 3s; /* Internet Explorer */
-o-animation: fadein 3s; /* Opera  */
animation: fadein 3s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*////////////////////////////////////////
//    SETS UP THE MENU 
////////////////////////////////////////*/
a:link 
{ 
color: #FFFFFF;
}
a:visited
{ 
color: #FFFFFF;
}
a:active
{ 
color: #000000;
}
a:hover
{ 
color: #7AD4F5;
}


.menu
{ 
position:absolute;
left: 130px;
top: 172px;
font-family: Times New Roman;
font-size: 16pt;
}
/* SETS UP THE MENU BUTTONS */
.menu li
{
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}
/* POSITIONS THE TEXT ON THE BUTTONS */
.menu a .t
{
  position: relative;
  padding: 10px 10px;
  margin-left: 10px;
  line-height: 0px;
  text-align: center;
  top: -5px;
  font-family: Times New Roman;
}
/* COLOR AND SIZE OF BUTTON TEXT ON MOUSEOVER */
.menu li:hover a .t
{
  position: relative;
  padding: 10px 10px;
  margin-left: 10px;
  line-height: 0px;
  text-align: center;
  top: -5px;
  font-family: Times New Roman;
}




/*////////////////////////////////////////
//    STYLES THE MENU IMAGES 
////////////////////////////////////////*/

.menu a
{
  position: relative;
  display: block;
  overflow: visible;
  height: 20px; /* button size when moused over */
  cursor: pointer;
  text-decoration: none;
  font-family: Times New Roman;
}
/* STYLES THE BG IMAGE FOR THE BUTTONS*/
.menu a .r, .menu a .l
{
  position: absolute;
  display: block;
  z-index: -1;
  height: 25px; /* height of button */
  width:95%;
  background-color: none;
  left: 0;
  right: 0px;
  border-radius: 1px;
  border-style: solid;
  border-width: 0px;
  background-color: #;
}

/* POSITION OF BUTTON BG IMAGE WHEN MOUSED OVER */
.menu li:hover a .l, .menu li:hover a .r
{
  top: -8px;
  background-color: #;
}
/* POSITION OF THE BUTTON IMAGE*/
.menu a.active .l, .menu a.active .r
{
  top: -8px;
  left: 8px;
}

/*///////////////////////////////////////
// END MENU IMAGES 
///////////////////////////////////////*/





/*///////////////////////////////////////
//    BEGIN MENU DROPDOWN BOX 
//////////////////////////////////////*/

/* HIDES AND POSITIONS THE DROPDOWN */
.menu ul
{
  visibility: hidden;
  position: absolute;
  padding: 10px 30px;/* Top,,,Left*/
  margin: -10px 0px 0px -25px;
}
/* VISIBILITY OF THE DROPDOWN BOX WHEN HOVERED OVER*/
.menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

/* DISPLAYS AND STYLES THE DROPDOWN BACKGROUND*/
.menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 30px;
  width: 200px;
  overflow: hidden;
  line-height: 30px;
  background-color: #DCDCDC;
  left:5px;
  top: 5px;
  background-repeat: repeat-x;
  border-width: 0;
  border-style: solid;
  border-radius: 2px;
}

/* STYLES THE TEXT IN THE DROPDOWN BOX */
.menu ul a, .menu ul a:link, .menu ul a:visited, .menu ul a:hover, .menu ul a:active, .nav ul.menu ul span, .nav ul.menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #000000;
  margin-right: 10px;
  margin-left: 10px;
  margin:0;
  padding:0;
  font-size: 13pt;
  font-family: Times New Roman;
}

/* MOUSEOVER TEXT COLOR FOR DROPDOWN BOX */
.menu ul li:hover>a
{
  color: #000000;
  background-position: 0 -20px;
  font-family: Times New Roman;
}

/*////////////////////////////////////
//     END OF DROPDOWN BOX 
////////////////////////////////////*/

body 
{
background-color: #F9F7FF;
}


/**********************************************
   Header footer content
**********************************************/
.home_background img
{ 
position:absolute;
height:340px !important;
width: 1352px !important;
left: 1px;
top: 196px;
border-style: solid;
border-width: 0px;
}
.header_background img
{ 
position:absolute;
height:200px !important;
width: 1200px !important;
left: 200px;
top: 1px;
border-style: solid;
border-width: 0px;
}
.header_bottom img
{ 
position:absolute;
height:35px !important;
width: 1352px !important;
left: 1px;
top: 180px;
border-style: solid;
border-width: 0px;
}
.slogan
{ 
position:absolute;
left: 380px;
top: 100px;
font-family: arial;
font-size: 25pt;
text-align: right;
color: #FFFFFF;
}
.under_construction
{ 
position:absolute;
left: 100px;
top: 230px;
font-family: arial;
font-size: 14pt;
color: #000000;
}

.logo img
{ 
position:absolute;
height: 150px !important;
width: 150px !important;
left: 50px;
top: 10px;
border-style: solid;
border-width: 0px;
}
.fb_logo img
{ 
position:absolute;
height: 50px !important;
width: 50px !important;
left: 1000px;
top: 180px;
border-style: solid;
border-width: 0px;
}
.footer_bg img
{ 
position:absolute;
height:200px !important;
width: 1349px !important;
left: 1px;
top: 1500px;
border-style: solid;
border-width: 0px;
}
.footer
{ 
position:absolute;
left: 450px;
top: 1580px;
font-family: arial;
font-size: 14pt;
text-align: center;
color: #FFFFFF;
}


.phone_logo img
{ 
position:absolute;
height:40px !important;
width: 40px !important;
left: 720px;
top: 60px;
border-style: solid;
border-width: 0px;
}
.email_logo img
{ 
position:absolute;
height:15px !important;
width: 25px !important;
left: 720px;
top: 100px;
border-style: solid;
border-width: 0px;
}
.facebook img
{ 
position:absolute;
height:40px !important;
width: 40px !important;
left: 870px;
top: 125px;
border-style: solid;
border-width: 0px;
}





/**********************************************
   home page
**********************************************/

body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
max-width: 500px;
position: absolute;
left: 650px;
top:250px;
}
.welcome_title
{ 
position:absolute;
left: 150px;
top: 270px;
color: #447B47; 
font-family: Calibri;
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
}
.intro
{ 
position:absolute;
left: 150px;
top: 310px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
.hours_title
{ 
position:absolute;
left: 150px;
top: 450px;
color: #000000; 
font-family: Calibri;
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
}
.hours
{ 
position:absolute;
left: 150px;
top: 490px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
.home_contact_title
{ 
position:absolute;
left: 330px;
top: 450px;
color: #100F40; 
font-family: Calibri;
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
}
.home_contact
{ 
position:absolute;
left: 320px;
top: 490px;
color: #000000; 
font-family: times new roman;
font-size: 14pt;
text-align: left;
text-decoration: none;
}
.event_types_title
{ 
position:absolute;
left: 600px;
top: 710px;
color: #7d28cd; 
font-family: Calibri;
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
text-align: center;
}
.event_types
{ 
position:absolute;
left: 620px;
top: 800px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
text-align: center;
}
.facility_title
{ 
position:absolute;
left: 150px;
top: 710px;
color: #7d28cd; 
font-family: Calibri;
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
}
.facility
{ 
position:absolute;
left: 150px;
top: 800px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
#video
{ 
position:absolute;
left: 160px;
top: 210px;
width:500px !important;
height: 320px !important;
border-style: solid;
border-width: 0px;
border-color:#000000;
box-shadow: 0px 2px 10px #000000;
}

.divider1 img
{ 
position:absolute;
left: 160px;
top: 750px;
width:1030px !important;
height: 5px !important;
border-style: solid;
border-width: 0px;
border-color:#000000;
}





/**********************************************
   about page
**********************************************/
.about_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.about_us
{ 
position:absolute;
left: 150px;
top: 340px;
color: #000000; 
font-family: times new roman;
font-size: 14pt;
font-weight: none;
text-decoration: none;
}





/**********************************************
   fitness center page
**********************************************/

.fitness_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.fitness_center
{ 
position:absolute;
left: 150px;
top: 350px;
color: #000000; 
font-family: times new roman;
font-size: 12pt;
text-decoration: none;
}
.mySlides {display:none}

/* Slideshow container */
.slideshow-fitness {
max-width: 500px;
position: absolute;
left: 650px;
top:250px;
}

/**********************************************
   gymnasium page
**********************************************/
.gym_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.gymnasium
{ 
position:absolute;
left: 150px;
top: 350px;
color: #000000; 
font-family: times new roman;
font-size: 12pt;
text-decoration: none;
}
.mySlides {display:none}

/* Slideshow container */
.slideshow-gymnasium {
max-width: 500px;
position: absolute;
left: 650px;
top:250px;
}



/**********************************************
   theater page
**********************************************/
.theater_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.theater
{ 
position:absolute;
left: 150px;
top: 350px;
color: #000000; 
font-family: times new roman;
font-size: 12pt;
text-decoration: none;
}
.mySlides {display:none}

/* Slideshow container */
.slideshow-theater
{
max-width: 500px;
position: absolute;
left: 650px;
top:250px;
}

/**********************************************
   Events page
**********************************************/
.events_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.events_intro
{ 
position:absolute;
left: 170px;
top: 280px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
.event1
{ 
position:absolute;
left: 150px;
top: 400px;
color: #FD26C3; 
font-family: Times new roman;
font-size: 20pt;
text-decoration: none;
text-shadow:2px 2px #000000;
}
.event1_title
{ 
position:absolute;
left: 150px;
top: 425px;
color: #FD26C3; 
font-family: Times new roman;
font-size: 20pt;
text-decoration: none;
text-shadow:2px 2px #000000;
}
.event1_about
{ 
position:absolute;
left: 150px;
top: 700px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
.event1_pic img
{ 
position:absolute;
left: 150px;
top: 500px;
width:200px; !important
height:200px ;!important
color: #FD26C3; 
font-family: Times new roman;
font-size: 20pt;
text-decoration: none;
text-shadow:2px 2px #000000;
}
.event2
{ 
position:absolute;
left: 640px;
top: 400px;
color: #b3a500; 
font-family: times new roman;
font-size: 20pt;
text-decoration: none;
text-shadow:2px 2px #000000;
}
.event2_about
{ 
position:absolute;
left: 640px;
top: 600px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}
.event2_pic img
{ 
position:absolute;
left: 640px;
top: 450px;
color: #000000; 
width:300px;!important
height:300px;!important
}
.event3
{ 
position:absolute;
left: 150px;
top: 1100px;
color: #585858; 
font-family: times new roman;
font-size: 20pt;
text-decoration: none;
text-shadow:2px 2px #000000;
}
.event3_about
{ 
position:absolute;
left: 150px;
top: 1200px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}

/**********************************************
   contact page
**********************************************/
.contact_title
{ 
position:absolute;
left: 150px;
top: 300px;
color: #000000; 
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
}
.map
{ 
position:absolute;
left: 700px;
top: 560px;
}
.directions
{
position: absolute;
left: 700px;
top: 530px;
font-size: 12pt;
font-family: "Times New Roman";
color: #AE0101;
}
.required
{
position: absolute;
left: 200px;
top: 330px;
font-size: 12pt;
font-family: "Times New Roman";
color: #AE0101;
}
.skcr_form
{ 
position:absolute;
left: 200px;
top: 450px;
color: #000000; 
font-family: tahoma;
font-size: 14pt;
text-decoration: none;
}
.construction
{     
position: absolute;     
top: 250px;    
left: 400px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #000000;
}
.success
{     
position: absolute;     
top: 210px;    
left: 400px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #0F2067;
} 
.error_reporting1
{     
position: absolute;     
top: 230px;    
left: 600px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #BF0202;
} 
.error_reporting2
{     
position: absolute;     
top: 250px;    
left: 600px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #BF0202;
} 
.error_reporting3
{     
position: absolute;     
top: 270px;    
left: 600px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #BF0202;
} 
.error_reporting4
{     
position: absolute;     
top: 290px;    
left: 600px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #BF0202;
} 
.error_reporting5
{     
position: absolute;     
top: 310px;    
left: 600px; 
font-family: "Times New Roman";
font-size: 12pt;
color: #BF0202;
}
.contact_info
{ 
position:absolute;
left: 700px;
top: 400px;
color: #000000; 
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
}