/* Start of CMSMS style sheet 'Nav TestCSSMain' */
/* Start Styling for GOLF button */
h2.golf {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.golf a {
	background-image:url(uploads/images/golf_rollover.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	line-height: 1.2em;
	outline:none;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.golf a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for GOLF button */

/* Start Styling for bottom WATER button */
.water {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	margin-left:8px;/* This puts space between buttons */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.water a {
	background-image:url(uploads/images/water_rollover.jpg);/* This is the path to the button's background image */
	background-position: no-repeat top left;/* This is the position of the button's background image - normal state */
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	outline:none;
	line-height: 1.2em;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.water a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for WATER button */

/* Start Styling for bottom HERITAGE button */
h2.heritage {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	margin-left:8px;/* This puts space between buttons */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.heritage a {
	background-image:url(uploads/images/group_rollover.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	line-height: 1.2em;
	outline:none;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.heritage a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for HERITAGE button */

/* Start Styling for MUSIC button */
h2.music {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	margin:8px 0 15px 0;/* This puts space between buttons */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.music a {
	background-image:url(uploads/images/music_rollover.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	line-height: 1.2em;
	outline:none;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.music a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for MUSIC button */

/* Start Styling for bottom FAMILY button */
h2.family {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	margin:8px 0 15px 8px;/* This puts space between buttons */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.family a {
	background-image:url(uploads/images/family_rollover2.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	line-height: 1.2em;
	outline:none;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.family a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for FAMILY button */

/* Start Styling for SPA button */
h2.spabreaks {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:127px;/* This is to match size of button */
	margin:8px 0 15px 8px;/* This puts space between buttons */
	text-indent: -9999px;/* This hides the button text from view by moving it left off screen */
	width:158px;/* This is to match size of button */
}
h2.spabreaks a {
	background-image:url(uploads/images/time_rollover2.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #fff;
	display:block;
	font-size: .9em;
	height:100%;/* Change this to match size of button */
	line-height: 1.2em;
	outline:none;
	padding:0;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:100%;/* Change this to match size of button */
}
h2.spabreaks a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #a2bc37;/* This changes the font-color of the button in hover state */
}
/* End Styling for SPA button */
/* End of 'Nav TestCSSMain' */

