﻿/* Adventure Mini Golf  - Star City */

/* BODY STYLE */

body {
	background-color: #2993D1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
}

b {
	color: #FFC20F;
}

/* BLOCK STYLES */

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
}

/* LINK STYLES */

a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FFC20F;
	text-decoration: underline;
}

/* LAYOUT */
 
#container { /* Centres content on screen */
	
	margin: 0px auto;
	width: 900px;
	}

#page2 {
	width: 900px;
	height: 950px;
	background: url(images/background.jpg) 0 0 no-repeat;
	text-align: left;
}

#page4 {
	width: 900px;
	height: 1100px;
	background: url(images/background4.jpg) 0 0 no-repeat;
	text-align: left;
}

#page5 {
	width: 900px;
	height: 1420px;
	background: url(images/background4.gif) 0 0 no-repeat;
	text-align: left;
}

#page6 {
	width: 900px;
	height: 1300px;
	background: url(images/background5.jpg) 0 0 no-repeat;
	text-align: left;
}

.blank {
	float: left;
}

#header {
	width: 900px;
	height: 217px;
	text-align: left;
}

#leftcol { 
	clear: both;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0;
/*	margin-left: 82px;*/
}

#rightcol {
	float: left;
	width: 330px;
	height: 360px;
}

#rightcol2 {
	float: left;
	width: 316px;
	height: 460px;
	padding: 0;
	margin: 0;
}

#rightcol3 {
	float: left;
	width: 550px;
	height: 460px;
	margin-bottom: 100px;
}

#farrightcol {
	float: right;
	width: 310px;
	
	}
	
#maincontentpage2 {
	float:left;
	width: 900px;
	height:570px;
}

#maincontentpage4 {
	float:left;
	width: 900px;
	height:700px;
}

#maincontentpage5 {
	float:left;
	width: 900px;
	height: 1075px;
}

#newsletter {
	margin: 10px 50px -20px 0px;
	padding: 0px 20px 0px 20px;
	}
	
#newsletter p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #ffffff;
	}
	
.newsletter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #675736;
	padding: 4px;
	height: 26px;
	background-color: #ffffff; 
	border: 2px solid #afd79e;
	margin-bottom:10px;
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #ffffff;
}

/* MENU */

#menu {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#menu li {
	margin: 0;
	padding: 0;
}

#menu a {
	width: 145px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

/* Menu items */
 
#menu_welcome a {
	background: url(images/BUTwelcomeNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_courses a {
	background: url(images/BUTcoursesNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_photogallery a {
	background: url(images/BUTphotogalleryNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_parties a {
	background: url(images/BUTpartiesNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_events a {
	background: url(images/BUTeventsNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_tikibar a {
	background: url(images/BUTtikibarNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_prices a {
	background: url(images/BUTpricesNEW.gif) 0 0 no-repeat;
	height: 40px;	
}
#menu_offers a {
	background: url(images/BUTspecialoffersNEW.gif) 0 0 no-repeat;
	height: 40px;	
}
#menu_wherewhen a {
	background: url(images/BUTwherewhenNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_news a {
	background: url(images/BUTnewsNEW.gif) 0 0 no-repeat;
	height: 40px;
}
#menu_contact a {
	background: url(images/BUTcontactNEW.gif) 0 0 no-repeat;
	height: 40px;	
}

/* Rollovers */

#menu_welcome a:hover, #menu_welcome.selected a {
	background-position: 0 -40px;
}
#menu_courses a:hover, #menu_courses.selected a {
	background-position: 0 -40px;
}
#menu_photogallery a:hover, #menu_photogallery.selected a {
	background-position: 0 -40px;
}
#menu_parties a:hover, #menu_parties.selected a {
	background-position: 0 -40px;
}
#menu_events a:hover, #menu_events.selected a {
	background-position: 0 -40px;
}
#menu_tikibar a:hover, #menu_tikibar.selected a {
	background-position: 0 -40px;
}
#menu_prices a:hover, #menu_prices.selected a {
	background-position: 0 -40px;
}
#menu_offers a:hover, #menu_offers.selected a {
	background-position: 0 -40px;
}
#menu_wherewhen a:hover, #menu_wherewhen.selected a {
	background-position: 0 -40px;
}
#menu_news a:hover, #menu_news.selected a {
	background-position: 0 -40px;
}
#menu_contact a:hover, #menu_contact.selected a {
	background-position: 0 -40px;
}

/* PAGE ELEMENTS */

#logo {
	float: left;
/* 	margin-left: 81px;*/
	
}

#board {
	float: left;
	background-color: #000000;
}

#openboard {
	float: left;
	height: 163px;		
	/*width: 277px;*/
	width: 573px;
}

#openboardbutton a {
	float: right;
	background: url(images/topboardBUT.gif) 0 0 no-repeat;
	height: 163px;		
	width: 290px;
	margin-right: 70px;
	text-indent: -9000px;	
	overflow: hidden;
}

#openboardbutton a:hover {
	background-position: 0 -163px;
}


#golfball {
	float: left;		
	margin-top: 5px;	
}

#telephone {
	float: left;
	background: url(images/phonenumber.gif) 0 0 no-repeat;
	height: 21px;		
	width: 305px;
	margin-top: 5px;
	text-indent: -9000px;	
	overflow: hidden;
}

#email a {
	float: left;
	background: url(images/email.gif) 0 0 no-repeat;
	height: 21px;		
	width: 305px;
	text-indent: -9000px;	
	overflow: hidden;
}

#email a:hover {
	background-position: 0 -21px;
}

#offerbutton a {
	float: right;
	background: url(images/BUToffers.gif) 0 0 no-repeat;
	height: 178px;		
	width: 160px;
	margin-right: 100px;
	text-indent: -9000px;	
	overflow: hidden;
}

#offerbutton a:hover {
	background-position: 0 -178px;
}


#content {	
 	margin-left: 0;
/*	width: 336px; */
}

#mainimage {
	float: right;
	margin-top: 0px;
}

#minigolf_laserstation {
	float: left;
	margin-left: 15px;
}

/*Form Content*/

form .field {
width: 200px;
background-color: #AFD89E;
}

form ol {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}

form ol li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#buttons {
margin-left: 100px;

}

form label {
	display: block;
	width: 100px;
	float: left;
 }

/*FOOTER*/

#footer {
	clear:both;
	text-align: left;
	padding: 10px 253px 20px 253px; 
	font-size: 11px; 	
}


#footer6 {
	clear:both;
	text-align: left;
	padding: 130px 253px 20px 253px; 
	font-size: 11px; 	
}

#footer4 {
	clear:both;
	text-align: left;
	padding: 40px 253px; 
	font-size: 11px; 	
}

#footerhome {
	clear:both;
	text-align: left;
	padding: 10px 253px 20px 253px; 
	font-size: 11px; 	
}

#footergallery {
	clear:both;
	text-align: left;
	padding: 50px 253px 20px 253px; 
	font-size: 11px;
	float:left;	
}


.gallery {
	float: left;
	width: 163px;
	height: 163px;
	margin: 0px 20px 0px 0px;	
}

.gallery2 {
	float: left;
	width: 163px;
	height: 163px;
	margin: 0px 0px 0px 0px;	
}

/*Twitter*/

#twitter {
	margin: 10px 0px 0px 90px;
	float: left;
	width: 720px;
	text-align: left;
	padding-bottom: 10px;
	font-weight:bold;
}

#twitterword {
	width: 156px;  
	text-align: left; 
	float: left;  
	margin: 0px 6px 0px 0px;  
	padding: 0px; 
	}
	
#twitterquote {
	width: 550px; 
	float: left; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	font-weight:bold;
	}

#twitter_div ul {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	color:#ffffff;
	font-weight:bold;
	height: 30px;
	
}

#twitter_div ul a {
	font-family: Trebuchet MS;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	color:#ffc315;
	font-weight:bold;
}

#twitter_update_list {
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}

#socialmedia {
	text-align:center;
	padding-top: 10px;
	float: left;
	padding-left: 33px;
}

#tenpinbutton {
	float: left;
	height: 110px;		
	width: 105px;
}

#tenpinbutton a {
	float: left;
	background: url(images/Button_Tenpin_white.png) 0 0 no-repeat;
	height: 110px;		
	width: 105px;
	margin-left: 40px;
	text-indent: -9000px;	
	overflow: hidden;
}

#tenpinbutton a:hover {
	background: url(images/Button_Tenpin_yellow.png) 0 0 no-repeat;
}

#newcorpevent {
	float: left;
	height: 110px;		
	width: 105px;
}

#newcorpevent a {
	float: left;
	background: url(images/Button_Corp_white.png) 0 0 no-repeat;
	height: 110px;		
	width: 105px;
	margin-left: 40px;
	text-indent: -9000px;	
	overflow: hidden;
}

#newcorpevent a:hover {
	background: url(images/Button_Corp_yellow.png) 0 0 no-repeat;
}

