/* CSS Document */

/* HEX CODES FOR MAIN COLORS:
YELLOW - #FFF215
Black
Red (standard)
*/

html, body {
height:100%;
}

body {
background:black url(images/black_wrapbg.gif) repeat-x top;
width:100%;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:verdana,arial,sans-serif;
background:transparent;
}

#wrap {
position:relative;
margin:auto;
width:760px;
min-height:100%;
}

* html #wrap {
height:100%;
}

#newheader {
width:760px;
height:370px;
background:black;
}

#newheader li {
width:95px;
height:185px;
float:left;
}

#headergraphic {
position:relative;
width:760px;
height:173px;
}

#headergraphic li {
float:left;
width:152px;
height:173px;
}

#header_bottom {
background:url(images/zapzone_headerbottom.gif) no-repeat top;
left:0;
width:509px;
height:60px;
position:relative;
}

* html #header_bottom {
margin-top:-4px;
}

/* ACTIVITIES MENU */

#activities {
position:absolute;
top:233px;
left:-5px;
width:760px;
height:80px;
margin:auto;
}

#activities a {
text-decoration:none;
display:block;
height:80px;
}


/*#activities li {
float:left;
}*/

#activities li#lasertag a { background-image:url(images/lasertag_button_off.gif); }
#activities li#lasertag a:hover { background:transparent; }
#activities li#lasertag { background-image:url(images/lasertag_button_roll.gif); width:200px; height:80px; float:left; }

#activities li#arcade a { background-image:url(images/arcade_button_off.gif); }
#activities li#arcade a:hover { background:transparent; }
#activities li#arcade { background-image:url(images/arcade_button_roll.gif); width:185px; height:80px; float:left; }

#activities li#prizes a { background-image:url(images/prizes_button_off.gif); }
#activities li#prizes a:hover{ background:transparent; }
#activities li#prizes { background-image:url(images/prizes_button_roll.gif); width:185px; height:80px; float:left; }

#activities li#glogolf a { background-image:url(images/glogolf_button_off.gif); height:40px; }
#activities li#glogolf a:hover{ background:transparent; }
#activities li#glogolf { background-image:url(images/glogolf_button_roll.gif); width:190px; height:40px; float:left;}

/*
#activities li#bearfactory a { background-image:url(images/bearfactory_button_off.gif); height:40px;}
#activities li#bearfactory a:hover{ background:transparent; }
#activities li#bearfactory { background-image:url(images/bearfactory_button_roll.gif); width:190px; height:40px;float:right;}
*/
#activities li#goKarts a { background-image:url(images/goKarts_off.gif); height:40px;}
#activities li#goKarts a:hover{ background:transparent; }
#activities li#goKarts { background-image:url(images/goKarts_roll.gif); width:190px; height:40px;float:right;}

/* ACTIVITIES MENU END */

/* MEMBER ZONE MENU */

#memberzone_menu {
width:350px;
height:360px;
position:relative;
margin-left:245px;
margin-top:-18px;
border-bottom:1px solid black;
}

#memberzone_menu a {
text-decoration:none;
display:block;
}

#memberzone_menu li {
float:left;
}

#mz_title {
width:350px;
height:50px;
}

#memberzone_menu li#employeeCup a { background:white url(images/employeeCup_off.gif) no-repeat right; height:150px; }
#memberzone_menu li#employeeCup a:hover{ background:transparent; }
#memberzone_menu li#employeeCup { background:white url(images/employeeCup_roll.gif) no-repeat right; width:174px; height:150px; border-left:1px solid black; }

#memberzone_menu li#zonescup a { background:white url(images/zonescup_off.gif) no-repeat left; height:150px; }
#memberzone_menu li#zonescup a:hover{ background:transparent; }
#memberzone_menu li#zonescup { background:white url(images/zonescup_roll.gif) no-repeat left; width:174px; height:150px;border-right:1px solid black; }

#memberzone_menu li#crystalchalice a { background:white url(images/crystalchalice_off.gif) no-repeat right; height:160px; }
#memberzone_menu li#crystalchalice a:hover{ background:transparent; }
#memberzone_menu li#crystalchalice { background:white url(images/crystalchalice_roll.gif) no-repeat right; width:174px; height:160px;border-left:1px solid black; }

#memberzone_menu li#maximusvase a { background:white url(images/maximusvase_off.gif) no-repeat left; height:160px; }
#memberzone_menu li#maximusvase a:hover{ background:transparent; }
#memberzone_menu li#maximusvase { background:white url(images/maximusvase_roll.gif) no-repeat left; width:174px; height:160px;border-right:1px solid black; }

/* END MEMBERZONE MENU */

#content {
position:relative;
margin-top:19px;
margin-bottom:10px;
width:750px;
background:white url(images/menu_bg.gif) repeat-y left;
min-height:100%;
padding-bottom:100px;
border-top:1px solid black;
}

* html #content {
height:1%;
}

#content:after {
content:" ";
display:block;
clear:both;
}

#led_box {
width:580px;
height:80px;
margin:auto;
position:relative;
margin-top:0;
float:right;
margin-bottom:10px;
}

#homegallery_box {
width:540px;
height:330px;
float:right;
margin-right:15px;
margin-bottom:10px;
display:block;
margin-top:0;
}

.lockin_box {
width:300px;
height:300px;
float:right;
position:relative;
}

#content_bottom {
width:760px;
position:relative;
height:101px;
background:black url(images/content_bottom.gif) no-repeat;
border-top:1px solid black;
}

* html #content_bottom {
margin-bottom:-10px;
width:750px;
}

* + html #content_bottom {
margin-bottom:-10px;
}


#footer {
width:760px;
position:absolute;
bottom:0;
height:100px;
background:black url(images/footer_bg.gif) no-repeat;
}

#footer p {
text-align:center;
font-size:10px;
color:black;
margin-top:60px;
margin-left:60px;
}
/* MAIN MENU */

#mainmenu {
position:relative;
width:156px;
background:white;
z-index:100;
float:left;
}

#mainmenu a {
text-decoration:none;
display:block;
height:37px;
width:156px;
}

#mainmenu li {
width:156px;
height:37px;
}

/* HOME BUTTONS */
#mainmenu li#home a { background-image:url(images/home_off.gif); }
#mainmenu li#home a:hover { background:transparent; }
#mainmenu li#home { background-image:url(images/home_roll.gif); }

/* BOWLING BUTTONS */
#mainmenu li#bowling a { background-image:url(images/bowling_off.gif); }
#mainmenu li#bowling a:hover { background:transparent; }
#mainmenu li#bowling { background-image:url(images/bowling_roll.gif); }

/* BIRTHDAY BUTTONS */
#mainmenu li#bday a{ background-image:url(images/birthday_off.gif); }
#mainmenu li#bday a:hover { background:transparent; }
#mainmenu li#bday { background-image:url(images/birthday_roll.gif); }

/* GROUP PARTY BUTTONS */
#mainmenu li#group a { background-image:url(images/groupparty_off.gif); }
#mainmenu li#group a:hover { background:transparent; }
#mainmenu li#group { background-image:url(images/groupparty_roll.gif); }

/* LOCATION BUTTONS */
#mainmenu li#location a{ background-image:url(images/locations_off.gif); }
#mainmenu li#location a:hover { background:transparent; }
#mainmenu li#location { background-image:url(images/locations_roll.gif); }

/* PRICES BUTTONS */
#mainmenu li#prices a{ background-image:url(images/prices_off.gif); }
#mainmenu li#prices a:hover { background:transparent; }
#mainmenu li#prices { background-image:url(images/prices_roll.gif); }

/* LOCKINS BUTTONS */
#mainmenu li#lockins a{ background-image:url(images/lockins_off.gif); }
#mainmenu li#lockins a:hover { background:transparent; }
#mainmenu li#lockins { background-image:url(images/lockins_roll.gif); }

/* MEMBERSHIPS BUTTONS */
#mainmenu li#memberships a{ background-image:url(images/memberships_off.gif); }
#mainmenu li#memberships a:hover { background:transparent; }
#mainmenu li#memberships { background-image:url(images/memberships_roll.gif); }

/* SPECIALS BUTTONS */
#mainmenu li#specials a{ background-image:url(images/specials_off.gif); }
#mainmenu li#specials a:hover { background:transparent; }
#mainmenu li#specials { background-image:url(images/specials_roll.gif); }

/* PHOTOS BUTTONS */
#mainmenu li#photos a{ background-image:url(images/photos_off.gif); }
#mainmenu li#photos a:hover { background:transparent; }
#mainmenu li#photos { background-image:url(images/photos_roll.gif); }

/* FUNDRAISERS BUTTONS */
#mainmenu li#fundraisers a{ background-image:url(images/fundraisers_off.gif); }
#mainmenu li#fundraisers a:hover { background:transparent; }
#mainmenu li#fundraisers { background-image:url(images/fundraisers_roll.gif); }

/* MEMBERZONE BUTTONS */
#mainmenu li#memberzone a{ background-image:url(images/memberzone_off.gif); }
#mainmenu li#memberzone a:hover { background:transparent; }
#mainmenu li#memberzone {  background-image:url(images/memberzone_roll.gif); }

/* CONTACT BUTTONS */
#mainmenu li#contact a{ background-image:url(images/contact_off.gif); }
#mainmenu li#contact a:hover { background:transparent; }
#mainmenu li#contact { background-image:url(images/contact_roll.gif); }

/* CONTEST BUTTONS */
#mainmenu li#contest a{ background-image:url(images/contest_off.gif); }
#mainmenu li#contest a:hover { background:transparent; }
#mainmenu li#contest { background-image:url(images/contest_roll.gif); }

/* INVITATIONS BUTTONS */
#mainmenu li#invitations a{ background-image:url(images/invitations_off.gif); }
#mainmenu li#invitations a:hover { background:transparent; }
#mainmenu li#invitations { background-image:url(images/invitations_roll.gif); }

/* BEAR FACTORY BUTTONS */
#mainmenu li#bearfactory a{ background-image:url(images/bearfactory_off.gif); }
#mainmenu li#bearfactory a:hover { background:transparent; }
#mainmenu li#bearfactory { background-image:url(images/bearfactory_roll.gif); }

/* SUMMER CAMP BUTTONS */
#mainmenu li#summercamp a{ background-image:url(images/summercamp_off.gif); }
#mainmenu li#summercamp a:hover { background:transparent; }
#mainmenu li#summercamp { background-image:url(images/summercamp_roll.gif); }

/* PTA GROUP BUTTONS */
#mainmenu li#ptaGroup a{ background-image:url(images/ptaGroups_off.gif); }
#mainmenu li#ptaGroup a:hover { background:transparent; }
#mainmenu li#ptaGroup { background-image:url(images/ptaGroups_roll.gif); }

/* JUMP ZONE BUTTONS */
#mainmenu li#jump-zone a{ background-image:url(images/jump-zone_off.gif); }
#mainmenu li#jump-zone a:hover { background:transparent; }
#mainmenu li#jump-zone { background-image:url(images/jump-zone_roll.gif); }

/* FAMILY FUN NIGHT BUTTONS */
#mainmenu li#familyFun a{ background-image:url(images/familyFun_off.gif); }
#mainmenu li#familyFun a:hover { background:transparent; }
#mainmenu li#familyFun { background-image:url(images/familyFun_roll.gif); }

/* BALLADIUM BUTTONS */
#mainmenu li#balladium a{ background-image:url(images/balladium_off.gif); }
#mainmenu li#balladium a:hover { background:transparent; }
#mainmenu li#balladium { background-image:url(images/balladium_roll.gif); }


/* MAIN MENU END */

.hide {
display:none;
}
.clear {
clear:both;
margin-top:0;
height:1px;
width:100%;
overflow:hidden;
}

/* FONT STYLES */

h1 {
position:relative;
top:-60px;
height:60px;
padding-left:508px;
}

h2 {
margin:8px 0 5px 170px;
font-size:16px;
color:#ff0000;
border-bottom:2px solid black;
}

h3 {
margin:10px 0 5px 180px;
font-size:15px;
color:#FFF215;
background-color:black;
padding:2px;
font-weight:bold;
}

p {
margin:5px 25px 5px 185px;
font-size:14px;
color:#242424;
padding:5px;
line-height:20px;
}

a {
color:#ff0000;
text-decoration:underline;
}

a:hover {
color:#ff0000;
text-decoration:none;
}

.bronze {
color:#996600;
}

.silver {
color:#666;
}

.gold {
color:#FFCC33;
}

.hours {
/*margin:10px 80px 10px 160px;*/
float:right;
margin-right:30px;
width:530px;
border:2px solid red;
padding:10px;
font-size:12px;
}

* html .hours {
margin-right:15px;
}

.hours td {
padding:4px;
}

.hours td.left {
text-align:right;
}

.hours td.right {
text-align:left;
}

/* PACKAGES TABLE */

.packages {
width:575px;
margin-left:165px;
}

.packages td.pack_features {
width:200px;
text-align:right;
font-weight:bold;
font-size:14px;
}

.packages td.pack_titles {
width:125px;
height:50px;
font-size:14px;
text-align:center;
font-weight:bold;
}

/* LIST STYLES */

.zaplist {
margin:8px 25px 8px 195px;
padding:5px;
}

.zaplist li {
min-height:20px;
padding-left:22px;
margin:6px;
background:white url(images/zap_list.gif) no-repeat;
font-size:13px;
}

* html .zaplist li {
height:20px;
}

.roundlist {
margin:8px 25px 8px 195px;
padding:5px;
}

.roundlist li {
min-height:20px;
padding-left:22px;
margin:2px;
background:white url(images/round_list.gif) no-repeat;
font-size:13px;
font-weight:bold;
}

* html .roundlist li {
height:20px;
}

.gallery_name_list {
margin:5px 20px 5px 200px;
padding:5px;
font-size:12px;
}

.gallery_name_list li {
list-style:none;
background:url(images/gallery_list_img.gif) no-repeat left;
padding:2px 5px 2px 30px;
margin:2px;
min-height:27px;
}

* html .gallery_name_list li {
height:27px;
}

#galleryList {
width:510px;
margin:5px;
float:right;
margin-right:45px;
}

#galleryList li {
width:160px;
height:160px;
margin:5px;
float:left;
}

#specialslist {
width:500px;
float:right;
margin-right:40px;
}

#specialslist li {
float:left;
}

#specialslist li.day {
height:110px;
width:150px;
}

#specialslist li.special {
width:325px;
text-align:left;
padding-left:25px;
height:80px;
padding-top:30px;
font-weight:bold;
}

/* END LIST STYLES */

/* PRICELIST (IS A TABLE) */
.pricelist {
width:450px;
padding:5px;
margin:auto;
font-size:12px;
border-collapse:collapse;
text-align:center;
}

.pricelist td.price {
width:150px;
border:1px solid #666;
font-weight:bold;
padding:10px;
color:red;
font-size:14px;
}

.pricelist td.item {
width:250px;
border:1px solid #666;
padding:5px 10px;
}

/* END PRICELIST */

.bearlist {
width:400px;
margin:20px auto;
}

.bearlist li#bear1 {
background:white url(images/listbear_1.gif) no-repeat;
height:50px;
padding-left:50px;
margin:5px 0 5px 10px;
}

.bearlist li#bear2 {
background:white url(images/listbear_2.gif) no-repeat;
height:50px;
padding-left:50px;
margin:5px 0 5px 30px;
}

.bearlist li#bear3 {
background:white url(images/listbear_3.gif) no-repeat;
height:50px;
padding-left:50px;
margin:5px 0 5px 50px;
}

.imgright {
float:right;
padding:2px 2px 25px 2px;
height:150px;
width:150px;
background-color:white;
border-bottom:1px solid #222;
border-right:1px solid #222;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
margin:5px;
}

.imgleft {
float:left;
padding:2px 2px 25px 2px;
height:150px;
width:150px;
background-color:white;
border-bottom:1px solid #222;
border-right:1px solid #222;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
margin:5px;
}

.rightBox {
float:right;
margin:0 15px;
}

.rightBox img {
vertical-align:bottom;
padding:1px;
border:1px solid;
border-color:#aaa #ddd #ddd #aaa;
margin:2px;
}

/* FORM STYLES */

form {
margin:auto;
width:505px;
font-size:12px;
margin-left:200px;
}


.label {
width:100px;
height:40px;
text-align:right;
padding:5px;
}


dd {
border:1px solid;
border-color:#aaa #EEE #EEE #aaa;
padding:2px;
margin:5px;
}

dd#submitbox {
border:0;
}

input {
width:96%;
padding:0 2%;
}

.submit {
border:1px solid;
border-color:white #777 #777 white;
background:red url(images/submit_bg.gif) repeat-x;
width:120px;
height:30px;
color:#222;
cursor:pointer;
}

textarea {
font-size:12px;
}

.signupform {
margin:10px;
width:200px;
}

.signupform input[type="text"] {
border:1px solid black;
width:200px;
padding:2px;
margin:2px;
}

/* NEW LOGIN FORM STYLES */
.loginForm {
width:400px;
margin-left:240px;
}

.loginForm label {
width:100px;
text-align:right;
float:left;
margin-right:10px;
margin-top:5px;
}

.inputHolder {
height:20px;
margin:10px 0;
}

.inputBox {
padding:2px;
border:1px solid #333;
width:280px;
float:right;
}
/* END FORM STYLES */

#bearpics {
width:530px;
position:relative;
left:45px;
margin:auto;
}

#bearpics li {
float:left;
width:150px;
height:150px;
padding:2px;
margin:1px;
border:1px solid;
border-color:#e5e5e5 #e5e5e5 #ccc #ccc;
}

#fourlegends {
float:right;
margin-right:15px;
margin-top:-18px;
border:1px solid black;
border-top:0;
height:230px;
width:565px;
}

* html #fourlegends {
margin-right:8px;
}

#fourlegends_menu {
float:right;
margin-right:30px;
margin-top:-18px;
width:540px;
height:200px;
border:1px solid black;
border-top:0;
}

* html #fourlegends_menu {
margin-right:15px;
}

#fourlegends_menu li {
float:left;
width:135px;
height:200px;
}

#memberzone_menu3 {
width:360px;
height:172px;
float:right;
margin-right:130px;
}

* html #memberzone_menu3 {
margin-right:65px;
}

#memberzone_menu3 li#menu3_top {
width:360px;
height:34px;
}

* html #memberzone_menu3 li#menu3_top {
margin-bottom:-3px;
}

#memberzone_menu3 li.menu3_side {
width:25px;
height:97px;
background:white;
float:left;
}

#memberzone_menu3 li a {
text-decoration:none;
display:block;
height:97px;
}

#memberzone_menu3 li#menu3_highScore a { background-image:url(images/menu3_highScore_off.gif); }
#memberzone_menu3 li#menu3_highScore a:hover { background:transparent; }
#memberzone_menu3 li#menu3_highScore { background-image:url(images/menu3_highScore_roll.gif); width:105px; height:97px; float:left; }

#memberzone_menu3 li#menu3_bestAverage a { background-image:url(images/menu3_bestAverage_off.gif); }
#memberzone_menu3 li#menu3_bestAverage a:hover { background:transparent; }
#memberzone_menu3 li#menu3_bestAverage { background-image:url(images/menu3_bestAverage_roll.gif); width:100px; height:97px; float:left; }

#memberzone_menu3 li#menu3_mostGames a { background-image:url(images/menu3_mostGames_off.gif); }
#memberzone_menu3 li#menu3_mostGames a:hover { background:transparent; }
#memberzone_menu3 li#menu3_mostGames { background-image:url(images/menu3_mostGames_roll.gif); width:105px; height:97px; float:left; }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

table.surveyTable {
width:500px;
float:right;
margin:5px 35px;
border:1px solid #ccc;
padding:5px;
}

.surveyTable td {
font-size:11px;
padding:2px;
}

td.survTitle {
color:#555;
width:360px;
text-align:right;
}

table.rsvpTable {
width:500px;
float:right;
margin:5px 35px;
border:1px solid #ccc;
padding:5px;
border-collapse:collapse;
}

.rsvpTable td {
font-size:12px;
padding:8px 4px;
border-top:1px solid #ccc;
line-height:15px;
}


/* TOOLTIP STYLE */
#dhtmltooltip{
position: absolute;
width: 200px;
border:1px solid;
font-size:14px;
line-height:20px;
border-color:#ddd #bbb #bbb #ddd;
padding:10px;
background-color: #eee;
color:#333;
visibility: hidden;
z-index: 100;
}

ul#jumpZone {
width:588px;
margin-left:155px;
}

#jumpZone li {
width:290px;
height:193px;
float:left;
border:1px solid #ccc;
margin:1px;
}
