/* CSS Document */

/* default elements */
* {margin: 0; padding: 0;}

body {
	background: #B8CCCA;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 0 0;

}
html {
     overflow: -moz-scrollbars-vertical;
}


body2 {
	background: #67BC71;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 0 0;

}
/* structure */
#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 749px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}


/* header */
.header {
	border-top: 2px solid #663;
	background: #DAD7C5 url(img/topban.jpg) no-repeat left bottom;
	height: 185px;
}
.header2 {
	border-top: 2px solid #663;
	background: #DAD7C5 url(img/titansbanner.gif) no-repeat left bottom;
	height: 185px;
}
/* Content */
#contentBox {
	background-color: #fff;
	width:749px;
}

.mainHeaders {
	background-image:url(img/boxheader.jpg);
	background-repeat:no-repeat;
	width:649px;
	height:30px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
}
.mainHeaders2 {
	background-image:url(img/boxheader2.jpg);
	background-repeat:no-repeat;
	width:649px;
	height:30px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
}
.footerHeaders {
	background-image:url(img/boxfooter.jpg);
	background-repeat:no-repeat;
	width:649px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
}

.footerHeaders2 {
	background-image:url(img/boxfooter2.jpg);
	background-repeat:no-repeat;
	width:649px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
}

.mainBoxes {
	background-color: #135E59;
	color:#FFFFFF;
	width:649px;
	height:auto;
	margin-left:35px;
	margin-right:40px;
	padding:0px 15px 30px 15px;
	}
	
.mainBoxes2 {
	background-color: #562372;
	color:#FFFFFF;
	width:649px;
	height:auto;
	margin-left:35px;
	margin-right:40px;
	padding:0px 15px 30px 15px;
	}
	
.mainBoxesGallery {
	background-color: #135E59;
	color:#FFFFFF;
	width:649px;
	height:auto;
	margin-left:35px;
	margin-right:40px;
	padding:0px 15px 30px 15px;
	text-align: center;
	}
	
.mainBoxesSponsors {
	background-color: #fff;
	color:#FFFFFF;
	width:647px;
	margin-left:35px;
	margin-right:40px;
	padding:0px 15px 30px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: center;

	}
	
.mainBoxesSponsorsWhite {
	background-color: #fff;
	color:#FFFFFF;
	width:170px;
	margin-left:5px;
	margin-right:5px;
	padding:15px 17px;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-position: center;
	float: left;


	}

.proMainBoxes {
	background-color: #135E59;
	color:#FFFFFF;
	width:649px;
	height:auto;
	margin-left:35px;
	margin-right:40px;
	padding:0px 15px 30px 15px;
	}

.birthdayBox {
    background-image:url(img/birthdaysbg.jpg);
	background-repeat:no-repeat;
	v-align: center;
	width:647px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
	text-align:center;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;

}

.campsBox {
    background-image:url(img/campsbg.jpg);
	background-repeat:no-repeat;
	v-align: center;
	width:647px;
	margin-left:35px;
	margin-right:40px;
	padding: 10px 15px 10px 15px;
	text-align:center;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/* navigation */
.navigation {
	background: #DED9D0; height: 41px;
	border-top: 1px solid #996;
	width:749px;
}
.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 11px Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
	width: 78px;
	
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #4f0a4f;}

/* Text Styles */
h1 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}


h2 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

h3 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}

h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
}

h5 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
}

h6 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	font-style:italic;
}

h7 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}


.h8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FF0000;
	font-weight:bold;
	text-align: center;
}

.white a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}

.tryoutsTitle {
	color:#ffffff;
	font-size:35px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
}

.tryoutsSubHead {
	color:#ffffff;
	font-size:18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
}

.tryoutsText {
	color:#ffffff;
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.birthdayText {
   color:#000000;
   font-size:14px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
}

.birthdayTitle {
   color:#000000;
   font-size:14px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
	text-decoration: underline;
}

.birthdayTextHead {
   color:#135E59;
   font-size:35px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
}

.birthdayTextsubHead {
   color:#000000;
   font-size:14px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
}

.birthdayRedText {
   color: #FF0000;
   font-size:25px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
}
/* NEWS SECTION */
.textRight {
    float:right;
	width:310px;

}

.textLeft {
   float:left;
   width:310px;
}

.spacer {
  clear: both;
  }
  
/* IMAGES */
.floatright {
float:right;
margin: 0 0 5px 5px;
background-color: #135E59;
padding: 0px;
color:#fff;
text-align:right;
}

div.floatright img {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}

.floatleft {
float:left;
margin: 0px 15px 0px 5px;
background-color: #135E59;
padding: 0px;
color:#fff;
text-align:right;
}

div.floatleft img {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}

.recfloatleft {
float:left;
margin: 0px 7px 0px 5px;
padding: 3px;
color:#fff;
text-align:right;
font-size:12px;
}

div.recfloatleft img {
border-top: 1px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #555;
}

.sponsorsfloatleft {
	float:left;
	margin: 0px 7px 0px 5px;
	padding: 3px;
	color:#fff;
	font-size:12px;
	border: 1px solid #999999;
}

.profloatright {
float:right;
margin: 0px 0px 0px 0x;
background-color: #CCCCCC;
padding: 3px;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
color:#333333;
text-align:right;
}

div.profloatright img {
border-top: 1px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #555;
}

.profloatleft {
float:left;
margin: 0px 5px 0px 5px;
padding: 2px;
color:#fff;
text-align:right;
}

div.profloatleft img {
border-top: 1px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #555;
}



/* Footer */
#footer {
	width: 729px;
	height:25px;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	background-color:#4f0a4f;
	text-align:right;
	
}

#footer2 {
	width: 729px;
	height:25px;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	background-color:#000000;
	text-align:right;
	
}

ul { list-style-position: inside;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF; } .black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/* Gallery */
.gallerycontainer{
	position: relative;
	width: 647px;
	height: 500px;
	border: none;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #666666;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 85px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.galleryfiller{
	margin: 0px;
	padding: 0px 0px 15px;
	left: 85px;
	position: relative;
	height: 390px;
	width: 490px;
}