@charset "utf-8";
/* 

Author(s):      Anton Triyanto - Antzcreations
Born:           8 July 2008
Last modified:  8 July 8008 (by Anton Triyanto)

*/

/* IE fixes */
* html em, * html cite {font-style:normal;font-weight:normal}
* + html em, * + html cite {font-style:normal;font-weight:normal}

/*TYPOGRAPHY*/

/*GLOBAL WHITESPACE RESET*/
	html, body,
	h1, h2, h3, h4, h5, h6,
	p,
	table, caption, tr, td, th,
	ul, ol, li, dl, dt, dd,
	form, legend, fieldset	{ margin: 0; padding: 0;}



/*BASIC ELEMENTS*/
	p, ul, ol, dl		{ margin: 0.8em 0;}
	ul, ol, dd		{ padding-left: 30px;}
	li ul, li ol		{ padding: 0 0 5px 15px;}
	table			{ margin: 1.2em 0;}
	body			{ font-size: 76%; line-height: 1.3em; font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;}
	table			{ font-size: 100%;} /*IE 5.5 text too big bugfix*/
	h1			{ font-size: 1.7em; margin: 1.3em 0 1.3em; line-height: 1.5em;}
	h2			{ font-size: 1.4em; margin: 1.3em 0 1.3em; line-height: 1.5em;color:#333}
	h3			{ font-size: 1.3em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;color:#333}
	p			{ font-size:  1em;}

	address			{ font-style: normal;}
	label			{ font-weight: bold;}
	caption			{ font-weight: bold; text-align:left;}
	tr, td, th		{ vertical-align:top; text-align:left;}
	img			{ vertical-align:top;}

/*SPECIAL ELEMENTS*/
	img 		{ border: 0;}


/*DEFAULTS:COLORS (closely related to typography)*/
	body			{ background: white;}
	a, a *			{ color: #00F;font-weight:bold;text-decoration:none}
	a:hover			{text-decoration:underline}
	a:visited, a:visited *	{ color: #00F;font-weight:bold}


/*BACKGROUND*/
body{background:white url(img/ggc-bg-gradient.png) repeat-y scroll center top}

/* wrapper */
#wrapper{width:800px;margin:0 auto;text-align:left}
#content-wrapper{width:780px;margin:0 auto;text-align:left;padding:10px 10px 0 10px;float:left}
#content-wrapper img{border:thin}
#content {width:520px;float:right}
#sidebar{float:left;width:250px}
#footer{clear:both;width:780px;padding:10px;margin-bottom:20px;font-size:0.9em;border-top:1px solid #ccc}

/*BRANDING*/
#header         { width:800px;background:url(img/sprite-master.png) no-repeat 0 0;height:143px;padding-top:15px;}
#header h1 		{ clear:both;margin:0;padding:0}
#header h1 a	{ text-indent: -9999px; text-decoration: none; display: block;overflow:hidden}
#header h1 a	{ background:url(img/sprite-master.png) no-repeat -34px -15px;width:90px;height:90px;margin:0 0 0 34px}

/* Main Navigation */
#nav { height:44px; clear:both;background:transparent url("img/sprite-master.png") repeat-x scroll 0 -248px; text-indent:-9999em;padding:0;margin:0}
	#nav li { float:left; list-style-type:none;height:44px}
	#nav a { background:transparent url("img/sprite-master.png") no-repeat 0 -158px;display:block;height:44px }
    #nav .nHome { width:71px; background-position:0 -158px}
		#nav .nHome:hover, #nav .nHome:active, #nav .selected .nHome { background-position:0 -203px }
	#nav .nThe-Club { width:96px; background-position:-71px -158px }
		#nav .nThe-Club:hover, #nav .nThe-Club:active, #nav .selected .nThe-Club { background-position:-71px -203px }
	#nav .nClub-Facilities { width:121px; background-position:-167px -158px }
		#nav .nClub-Facilities:hover, #nav .nClub-Facilities:active, #nav .selected .nClub-Facilities { background-position:-167px -203px }
	#nav .nMembership { width:106px; background-position:-288px -158px }
		#nav .nMembership:hover, #nav .nMembership:active, #nav .selected .nMembership { background-position:-288px -203px }
	#nav .nNews { width:71px; background-position:-394px -158px }
		#nav .nNews:hover, #nav .nNews:active, #nav .selected .nNews { background-position:-394px -203px }
	#nav .nPlayingGolf { width:111px; background-position:-465px -158px }
		#nav .nPlayingGolf:hover, #nav .nPlayingGolf:active, #nav .selected .nPlayingGolf { background-position:-465px -203px }
	#nav .nContactUs { width:106px; background-position:-576px -158px }
		#nav .nContactUs:hover, #nav .nContactUs:active, #nav .selected .nContactUs { background-position:-576px -203px }
	#nav .nSponsors { width:118px; background-position:-682px -158px }
		#nav .nSponsors:hover, #nav .nSponsors:active, #nav .selected .nSponsors { background-position:-682px -203px}

/* Sub Navigation */
#subnav { height:44px; clear:both;background:transparent url("img/sprite-master.png") repeat-y scroll 0 -375px; text-indent:-9999em;padding:0;margin:0}
	#subnav li { float:left; list-style-type:none;height:44px}
	#subnav a { background:transparent url("img/sprite-master.png") no-repeat 0 -375px;display:block;height:44px }
    #subnav .nClubContactInformation { width:218px; background-position:0px -375px}
		#subnav .nClubContactInformation:hover, #subnav .nClubContactInformation:active, #subnav .selected .nClubContactInformation { background-position:-219px -375px }
	#subnav .nClubManagement { width:218px; background-position:0px -420px }
		#subnav .nClubManagement:hover, #subnav .nClubManagement:active, #subnav .selected .nClubManagement { background-position:-219px -420px }
	#subnav .nClubHistory { width:218px; background-position:0px -465px }
		#subnav .nClubHistory:hover, #subnav .nClubHistory:active, #subnav .selected .nClubHistory { background-position:-219px -465px }
	#subnav .nBarFacilities { width:218px; background-position:0px -510px }
		#subnav .nBarFacilities:hover, #subnav .nBarFacilities:active, #subnav .selected .nBarFacilities { background-position:-219px -510px }
	#subnav .nBistro { width:218px; background-position:0px -555px }
		#subnav .nBistro:hover, #subnav .nBistro:active, #subnav .selected .nBistro { background-position:-219px -555px }
	#subnav .nFunctions { width:218px; background-position:0px -600px }
		#subnav .nFunctions:hover, #subnav .nFunctions:active, #subnav .selected .nFunctions { background-position:-219px -600px }
	#subnav .nMembersFeedback { width:218px; background-position:0px -645px }
		#subnav .nMembersFeedback:hover, #subnav .nMembersFeedback:active, #subnav .selected .nMembersFeedback { background-position:-219px -645px }
	#subnav .nGolfCompetitionCalendar { width:218px; background-position:0px -690px }
		#subnav .nGolfCompetitionCalendar:hover, #subnav .nGolfCompetitionCalendar:active, #subnav .selected .nGolfCompetitionCalendar { background-position:-219px -690px }
	#subnav .nGolfCompetitionSponsors { width:218px; background-position:0px -735px }
		#subnav .nGolfCompetitionSponsors:hover, #subnav .nGolfCompetitionSponsors:active, #subnav .selected .nGolfCompetitionSponsors { background-position:-219px -735px }
	#subnav .nGolfCompetitionRules { width:218px; background-position:0px -780px }
		#subnav .nGolfCompetitionRules:hover, #subnav .nGolfCompetitionRules:active, #subnav .selected .nGolfCompetitionRules { background-position:-219px -780px }
	#subnav .nCorporateGolfDays { width:218px; background-position:0px -825px }
		#subnav .nCorporateGolfDays:hover, #subnav .nCorporateGolfDays:active, #subnav .selected .nCorporateGolfDays { background-position:-219px -825px }		
	#subnav .nCourse { width:218px; background-position:0px -870px }
		#subnav .nCourse:hover, #subnav .nCourse:active, #subnav .selected .nCourse { background-position:-219px -870px }		
	#subnav .nPublicBookings { width:218px; background-position:0px -915px }
		#subnav .nPublicBookings:hover, #subnav .nPublicBookings:active, #subnav .selected .nPublicBookings { background-position:-219px -915px }
	#subnav .nProshop { width:218px; background-position:0px -960px }
		#subnav .nProshop:hover, #subnav .nProshop:active, #subnav .selected .nProshop { background-position:-219px -960px }
	#subnav .nMembersOnlineBookings { width:218px; background-position:0px -1005px }
		#subnav .nMembersOnlineBookings:hover, #subnav .nMembersOnlineBookings:active, #subnav .selected .nMembersOnlineBookings { background-position:-219px -1005px }
	#subnav .nClubConstitution { width:218px; background-position:0px -1050px }
		#subnav .nClubConstitution:hover, #subnav .nClubConstitution:active, #subnav .selected .nClubConstitution { background-position:-219px -1050px }
	#subnav .nAnnualReport { width:218px; background-position:0px -1095px }
		#subnav .nAnnualReport:hover, #subnav .nAnnualReport:active, #subnav .selected .nAnnualReport { background-position:-219px -1095px }
	#subnav .nGolfLessons { width:218px; background-position:0px -1140px }
		#subnav .nGolfLessons:hover, #subnav .nGolfLessons:active, #subnav .selected .nGolfLessons { background-position:-219px -1140px }

/*modules */
.module{border:1px solid #ccc;background:#fff;margin:0 0 10px 0 ;padding:0;float:left;position:relative;width:248px}
.module-item{border-bottom:1px dashed #ccc;margin:10px 15px 10px 15px;padding-bottom:10px}
.module-item-last{border:none;margin:10px 15px 15px 15px}

.module h2{color:#333;padding:6px 15px 0px 15px;letter-spacing:-1px}
.module h3{font-size:1.1em;font-weight:bold;margin:0 0 2px 0}
.module p{margin:0;font-size:0.9em;padding:0}
.module cite{	font-size:0.9em;font-weight:bold;	color:#999;	font-style: normal;}

.module.results p{font-size:1em;margin-bottom:15px}
.module.results h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 15px 0;padding:0}

.module-item-menu-the-club{
	border:none;
	margin:10px 15px 15px 15px;
	min-height: 170px;
}

.module-item-menu-club-facilities{
	border:none;
	margin:10px 15px 15px 15px;
	min-height: 130px;
}

.module-item-menu-playing-golf{
	border:none;
	margin:10px 15px 15px 15px;
	min-height: 350px;
}

.module-item-menu-contactus{
	border:none;
	margin:10px 15px 15px 15px;
	min-height: 90px;
}

.module-item-menu-proshop{
	border:none;
	margin:10px 15px 15px 15px;
	min-height: 135px;
}

/*contact dl*/
.module-item-last dl{margin:15px 0 15px 0}
.module-item-last dt{font-size:1.1em;font-weight:bold}
.module-item-last dd{margin:0;padding:0;font-size:1.1em;line-height:1.2em}

/*module titles*/
.current-contact, .the-board, .second-level-links, .news{background:transparent url("img/sprite-master.png") no-repeat;padding:0;margin:0;height:35px}
.current-contact{background-position:0 -293px}
.the-board{background-position:-251px -293px}
.second-level-links{background-position:-500px -293px}
.news{background-position:0px -334px}

/*module titles*/
/*
.latest-news, .pic-of-the-week, .news, .current-contact, .results-table, .the-board, .ground-info, .rego-info{background:transparent url("img/site-sprite.png") no-repeat;padding:0;margin:0;height:32px}
.latest-news {background-position: 0 -264px}
.pic-of-the-week{background-position: -251px -264px}
.news{background-position:-500px -264px}
.current-contact{background-position:0 -305px}
.results-table{background-position:-251px -305px}
.the-board{background-position:-500px -305px}
.ground-info{background-position:0 -348px}
.rego-info{background-position:0 -392px}
*/

/*FLOATING*/
.floatright {float:right}
.floatleft {float:left}


/*sponsors*/
#sponsors {border:1px solid #ccc;float:left;margin:0 10px 10px 10px;width:768px;padding:5px;background:#fff;display:inline;float:left}
#nav-sponsors {background:#fff;text-indent:-9999em;padding:0;margin:0 0 0 6px;display:block}
	#nav-sponsors li { float:left; list-style-type:none;margin:0 5px 5px 0;display:inline}
	#nav-sponsors a { background:transparent url("img/sponsors-sprite.png") no-repeat 0 0;display:block;height:60px ;width:88px;display:block;border:1px solid #fff;}

   	#nav-sponsors .logo1 {background-position:0 0}
   	#nav-sponsors .logo1:hover{ background-position:0 -180px;border:1px solid #ccc}
	
 	#nav-sponsors .logo2 {background-position:-90px 0}
   	#nav-sponsors .logo2:hover{background-position:-90px -180px;border:1px solid #ccc}

	#nav-sponsors .logo3 {background-position:-180px 0}
   	#nav-sponsors .logo3:hover{ background-position:-180px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo4 {background-position:-270px 0}
   	#nav-sponsors .logo4:hover{background-position:-270px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo5 {background-position:-360px 0}
   	#nav-sponsors .logo5:hover{ background-position:-360px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo6 {background-position:-450px 0}
   	#nav-sponsors .logo6:hover{ background-position:-450px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo7 {background-position:-540px 0}
   	#nav-sponsors .logo7:hover{ background-position:-540px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo8 {background-position:-630px 0}
   	#nav-sponsors .logo8:hover{ background-position:-630px -180px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo9 {background-position:0px -60px}
   	#nav-sponsors .logo9:hover{ background-position:0px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo10 {background-position:-90px -60px}
   	#nav-sponsors .logo10:hover{ background-position:-90px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo11 {background-position:-180px -60px}
   	#nav-sponsors .logo11:hover{ background-position:-180px -240px;border:1px solid #ccc
	}
	

	#nav-sponsors .logo12 {background-position:-270px -60px}
   	#nav-sponsors .logo12:hover{ background-position:-270px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo13 {background-position:-360px -60px}
   	#nav-sponsors .logo13:hover{ background-position:-360px -240px;border:1px solid #ccc
	}
	
	#nav-sponsors .logo14 {background-position:-450px -60px}
   	#nav-sponsors a.logo14:hover{ background-position:-450px -240px;border:1px solid #ccc}
	
.floatleft.sponsored{font-size:0.7em;margin:0 0 0 6px;color:#666;width:760px;text-transform:uppercase}


/*antzcreations */
.floatright.antzcreations {color:#ccc;}
.floatright.antzcreations a, .floatright.antzcreations a *{color:#ccc;font-weight:bold;padding:2px}
.floatright.antzcreations a:hover{color:#CC0000;text-decoration:none}

/*woff*/
.woff {border:1px solid #ccc;background:#fff;width:168px;padding:0;margin:5px 5px 10px 0;float:left}
* html .woff-last, * html .woff{margin-bottom:5px}
.woff-last{float:left;padding:0;margin:5px 0 10px 0;border:1px solid #ccc;width:168px;background:#fff}
.woff img, .woff-last img{padding:0;margin:0;width:168px;height:128px}
.woff p, .woff-last p{margin:0;font-size:0.9em;padding:0 10px 15px 10px}
.woff h3, .woff-last h3{font-size:1.1em;font-weight:bold;margin:10px 0 5px 0;padding:0 10px 0 10px }

/*woff wide*/
.woff-wide {border:1px solid #ccc;background:#fff;width:518px;padding:0;margin:0 0 10px 0;float:left;padding:0 0 15px 0}
.woff-wide h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 5px;padding:0}
.woff-wide p{margin:15px 20px 5px}
.woff-wide .hr{clear:both;height:1px;border-bottom:1px dashed #ccc;display:block;overflow:hidden;margin:15px}
.woff-wide iframe{border:1px solid #ccc;margin:0 5px 0 15px;float:left;clear:left}
.woff-wide table{margin:15px 20px 5px;float:none}
#content .woff-wide .ground-info, #content .woff-wide .rego-info{margin:0 0 15px 0;padding:0;padding:6px 15px 0px 15px;letter-spacing:-1px;font-size:1.4em;font-weight:bold}
#content h2{letter-spacing:-1px;font-size:1.8em;font-weight:normal;margin:15px 20px 5px 20px;padding:0}

/*contact dl*/
.woff-wide dl{margin:15px 20px 5px}
.woff-wide dt{font-size:1.1em;font-weight:bold}
.woff-wide dd{margin:0;padding:0;font-size:1.1em;line-height:1.2em}

/*woff single*/
.woff-single{border:1px solid #ccc;background:#fff;width:778px;padding:0;margin:0 0 10px 0;float:left;padding:0 0 15px 0}
.woff-single h3{font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:0 20px 5px;padding:0}
.woff-single p{margin:15px 20px 5px}
.woff-single h2{letter-spacing:-1px;font-size:1.8em;font-weight:normal;margin:15px 20px 5px 20px;padding:0}

/*listing*/
#listing {background:#fff;padding:0;margin:30px 0 0 20px;display:block}
#listing li {list-style-type:none;margin:0 19px 20px 0;float:left}
#listing h3{width:170px;font-family: Georgia, "Times New Roman"; font-style: italic;font-size:1.2em;margin:10px 0 ;padding:0}
#listing p{width:170px;margin:5px 0 0;padding:0}
#listing span{font-size:14px;font-weight:bold;color:#693}
#listing span:before{content: "$";}

/*button*/
#buttons {background:#sfff;padding:0;margin:0;display:block}
#buttons li {list-style-type:none;}
*html #buttons li {border:1px solid #fff} 
*+html #buttons li {border:1px solid #fff}


#buttons a { background:transparent url("img/sprite-master.png") no-repeat 0 0;display:block}
#buttons .download{background-position:-459px -490px;width:240px;margin:15px;padding:12px 15px 12px 65px;font-size:1.2em;color:#333;height:30px}
		#buttons .download:hover, #buttons .download:active { background-position:-459px -550px;text-decoration:none;color:#fff}
		#buttons span{float:left;margin:-45px 0 0 250px;font-weight:bold;font-size:1.2em}
#buttons .archive{background-position:-459px -490px;width:148px;margin:5px 0 15px -2px;padding:11px 10px 9px 65px;font-size:1.2em;color:#333;height:30px}
		#buttons .archive:hover, #buttons .archive:active { background-position:-459px -550px;text-decoration:none;color:#fff}


/*#buttons a { background:transparent url("img/site-sprite.png") no-repeat 0 0;display:block}
#buttons .download{background-position:-527px -350px;width:148px;margin:15px;padding:8px 10px 12px 65px;font-size:1.2em;color:#333;height:19px}
		#buttons .download:hover, #buttons .download:active { background-position:-527px -393px;text-decoration:none;color:#fff}
		#buttons span{float:left;margin:-45px 0 0 250px;font-weight:bold;font-size:1.2em}
		

#buttons .archive{background-position:-527px -350px;width:148px;margin:5px 0 15px -2px;padding:11px 10px 9px 65px;font-size:1.2em;color:#333;height:19px}
		#buttons .archive:hover, #buttons .archive:active { background-position:-527px -393px;text-decoration:none;color:#fff}
*/

/*lists*/
#content ul li{margin:0 0 0 5px;padding:0;line-height:1.8em}

/*hide/show text*/
.hidden { display: none; }
.unhidden { display: block; }

/*feature*/
#feature{width:520px;position:relative;margin-bottom:5px}
#feature img{clear:both}
#feature .caption {float:left;width:500px;background:transparent url('img/bg-caption.png') repeat scroll 0pt 0pt;bottom:0pt;padding:10px;position:absolute;color:#fff;display:block;min-height:45px}
* html #feature .caption {margin:20px 0 0 -523px;background:#000;filter:Alpha(Opacity=80)}

#feature .caption h2, #feature .caption p{margin:0;padding:0;color:#fff}
#feature .caption h2 {font-size:20px;letter-spacing:-1px;font-weight:normal;margin-top:-5px}
#feature .caption p{font-size:0.9em}

/*hide accessibility text*/
.access { position:absolute; left:-9999em }  /* hide accessibility text */
	br.access { display:none }
	

/*form*/
form{margin-left:20px}
form input{margin:0;padding:0}
form input#name{margin:5px 0 0 67px}
/*form input#lastname{margin:5px 0 0 40px}*/
form input#contactnum{margin:5px 0 0 8px}
form input#email{margin:5px 0 0 69px}
form textarea#comments{margin:-20px 0 0 106px;height:100px;display:block;font-family:arial}
form label.comment{margin:10px 0 0 0;display:block;width:50px}
form input#submit{margin:5px 0 0 105px}
form label#error{color:red;margin:0 0 0 105px}