html
   {
    height:100%;
    width: 100%;
    background-color: #000000;
   }
html, body
   {
   	margin: 0px;
 	padding: 0px;
   }

 #track
   {
   	width: 7%;
   	height: 1000px;
   	position: absolute;
   	margin-left: 4%;
   	z-index: 0;
   
   }
   
   
#track2
   {
   	width: 7%;
   	height: 1000px;
   	position: absolute;
   	margin-left: 18.5%;
   	z-index: 0;
   
   }
#track3
   {
   	width: 7%;
   	height: 1000px;
   	position: absolute;
   	margin-left: 33%;
   	z-index: 0;
   
   }
 #track4
   {
   	width: 7%;
   	height: 1000px;
   	position: absolute;
   	margin-left: 47%;
   	z-index: 0;
   
   }
  #track5
   {
   	width: 7%;
   	height: 1000px;
   	position: absolute;
   	margin-left: 61.7%;
   	z-index: 0;
   
   }

 #social
    {
    	margin-top: 10px;
    	margin-left: 10px;
    	position: fixed;
    	z-index: 3;
    	
    }
 #socBack
    {
    	position: fixed;
    	z-index: 2;
    	height: 53px;
    	width: 282px;
    	margin-left: 10px;
    	background-color: #CEE3F6;
    	font-family:"Arial", Gadget, sans-serif;
    	border-bottom-left-radius: 20px;
    	border-bottom-right-radius: 20px;
    	opacity: 0.6;
       filter: alpha(opacity=60);
    }
h1
   {
   	font-family:"Arial Black", Gadget, sans-serif;
   	text-align: center;
   	font-size: 300%;
   }
h3
   {
   	text-align: center;
   	background: url(images/header2.jpg) center fixed;
   	font-family:"Arial", Gadget, sans-serif;
   	color: #ffffff;
   	margin-top: 0px;
   	font-size: 200%;
   	margin-bottom: 0px;
   }
h4
   {
   	text-align: center;
   	margin-top: 20px;
   	margin-bottom: 0px;
   	font-size: 150%;
   }
h5
   {
   	border-bottom-style: solid;
   	border-top-style: solid;
   	border-top-color:#FA5858;
   	border-bottom-color:#FA5858;
   	border-top-width: 4px;
   	border-bottom-width: 8px;
   	margin-top: 0px;
   	font-size: 200%;
   	text-align: center;
   }
h6
   {
   	font-size: 130%;
   	text-align: center;
   	margin-top: 0px;
   	margin-bottom: 0px;
   }

#container
   {
   	width: 95%;
   	margin-left: auto;
   	margin-right: auto;
   }
#background
   {
   	width: 95%;
   	height: 1170px;
   	margin-left: auto;
   	margin-right: auto;
   	position: absolute;
   	z-index: -1;
   	
   }
#boardLEFT
   {
	width: 100%;
	height: 1170px;
	background-color: #000000;
	border-style: ridge;
	border-width: 5px;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 160px;
	float: left;
   }
   
#boardRIGHT
   {
   	float: right;
   	margin-right: 2%;
   	width: 20%;
   	height: 80%;
   	
   	
   }   
#mainBODY
   {
   	width: 80%;
   	margin-left: auto;
   	margin-right: auto;
   }
#menuBUTTON
   {
   	background-color: #2E2E2E;
   	width: 98%;
   	margin-top: 20px;
   	margin-left: auto;
   	margin-right: auto;
   }
   
.links
   {
	float: left;
	width: 16.666%;
	background: url(images/headBackground.jpg);
   }
 .buttons
 {
 	float: left;
 	width: 10%;
 	background: url(images/headBackground.jpg);
 }

.links h2
   {
   	font-family:"Arial", Gadget, sans-serif; 
   	color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
   	margin-top: 0px;
   	margin-bottom: 0px;
   	text-align: center;
   	font-size: 105%;
   }
.links:hover h2
   {
   	font-family:"Arial", Gadget, sans-serif; 
    text-shadow: 0px 3px 0px #E1E1E1,
    0px 14px 10px rgba(0,0,0,0.15),
    0px 24px 2px rgba(0,0,0,0.1),
    0px 34px 30px rgba(0,0,0,0.1);
   	margin-top: 0px;
   	margin-bottom: 0px;
   	text-align: center;
   }
 .buttonDISPLAY
    {
 	  display: none;
    }
 #aboutHEAD
    {
      display: none;
    }
 #picHEAD
    {
      display: none;
    }
 #eventHEAD
    {
      display: none;
    }
 #contactHEAD
   {
      display: none;
   }

  .main
 {
 	height: 875px;
 	width: 100%;
 	display: none;
 	overflow: auto;
 	margin-left: auto;
 	margin-right: auto;
 	background: url(images/background2.jpg);
 	   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   	font-family:"Arial", Gadget, sans-serif;
   	color: #ffffff;
   	
 }  
 #bottomslider
   {
   	width: 98%;
   	height: 35px;
   	
   	margin-left: auto;
   	margin-right: auto;
   	clear: both;
   	margin-top: 2px;
   	
   }
#blank
   {
   	width: 74.9%;
   	position: absolute;
   	margin-left: -0.4%;
   	margin-top: 0px;
   	z-index: 1;
   }
#pic
   {
   	
   	height: 50%;
   	overflow: auto;
   }
#homeMESSAGE
   {
   	width: 80%;
   	height: 10%;
   	clear: both;
   	border-width:5px;	
    border-style:ridge;
    margin-left: auto;
    margin-right: auto;
   	background: url(images/calendar.jpg);
 	 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family:"Arial", Gadget, sans-serif;
    color: #000000;
   }  
#homeMESSAGE a:link
   {
   	text-decoration: none;
   }
#homeMESSAGE a:hover
   {
   	color: #585858;
   }
#contactMID
   {
   	width: 50%;
   	height: 100%;
   	float: left;
   	
   	color: #000000;
   }
#contactTEXT
   {
   	background: url(images/calendar.jpg);
 	   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   	margin-top: 10%;
   	border-style: inset;
   	border-width: 3px;
   	width: 100%;
   }
#contactPIC
   {
   	width: 80%;
   	height: 70%;
   	margin-left: 10%;
   }
#form
   {
   	width: 35%;
   	height: 520px;
   	margin-left: auto;
   	margin-right: auto;
   	background-color: #ffffff;
   }
 #calCONTAINER
    {
    	height: 800px;
    	overflow: auto;
    }
 .calendar
    {
     width: 48%;
     height: 400px;
     float: left;
     border-left-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-color:#FA5858;
     border-right-color:#FA5858;
     border-bottom-color:#FA5858;
     border-width: 4px;
     float: left;
     margin-top: 100px;
     background: url(images/calendar.jpg);
 	 -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000000;
    }
.calendar p
   {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	margin-top: 0px;
   }

  .about
     {
     background: url(images/calendar.jpg);
    color: #000000;
     }
  #pictures
     {
       width: 80%;
       height: 80%;
       overflow: auto;
       margin-left: 10%;
     }