/*********************
golf solutions 360
css sheet v2.0

author: cassis,cassisdesign.com

colors:
green:#006327
beige:#a39161
black:#231f20
red:#c41818
********************/
BODY
{
	overflow-x: hidden;
	background: #CBCAC9 url(/images/body-bg.jpg) repeat-x top left;
	font-size: 0.85em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #231F20;
	margin: 0;
	padding: 0;
	height: 100%;
}
HTML
{
	margin: 0;
	padding: 0;
	height: 100%;
}
A
{
	color: #231F20;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
IMG
{
	border: none;
}
H1
{
	font-size: 1.3em;
	clear: both;
	width: 100%;
	/*[empty]display:;*/
	font-weight: bold;
	padding: 0 0 5px;
}
H2
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 5px;
}
H3
{
	font-size: 1.1em;
	padding: 0 0 5px;
}
P, LI
{
	padding: 0 0 5px;
	line-height: 1.2em;
}
UL
{
	position: relative;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	/*margin: 0 auto -80px;*/
	/*the bottom margin is the negative value of the footer's height*/
}

#wrapper {

	margin: 0 auto;
}
#container
{
	background: url(/images/int-content-bg.png) repeat-y center;
	width: 960px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
}
#container .arrow-link
{
	color: #C41818;
	text-align: right;
	background: url(/images/red-arrow.png) no-repeat top right;
	padding: 0 20px 0 0;
	position: absolute;
	bottom: 17px;
	right: 17px;
}
/*********************
header
*********************/
#container #header
{
	padding: 17px 20px 20px;
	height: 70px;
	position: relative;
}
#container #header #logo
{
	float: left;
	width: 450px;
}
#container #sub-nav
{
	height: 15px !important;
	float: right;
	margin: 0 !important;
}
#container #sub-nav LI
{
	float: left;
	font-size: 0.75em;
	padding: 0 4px 0 5px;
	border-right: 1px solid #231F20;
		height: 15px !important;

}
#container #email-signup
{
	text-align: right;
	position: absolute;
	top:60px;
	right: 20px;
}
#container #email-signup P
{
	font-size: 0.85em;
	margin-right: 40px;
	margin-top: -26px;
}
#container #store-hours {
	float: right;
	width: 200px;
}
#container #store-hours p {
	font-size: .85em;	
}

/*********************
main-nav
*********************/
#container #main-nav
{
	clear: both;
	background: url(/images/main-nav-bg.jpg) repeat-x;
	margin: 0 auto;
	width: 952px;
	height: 22px !important;
	padding: 14px 0;
	line-height: 1.7em;
	text-align: center;
}
#container #main-nav LI
{
	color: white;
	display: inline;
	font-weight: bold;
	margin: 0 20px 0 0;
	font-size: 0.95em;
	text-transform: uppercase;
}
#container #main-nav LI a {
	color: white;
}
.admin li a {
	color: black !important;
}
/*********************
page-links
*********************/
#container #page-links
{	
	min-height: 0;
	position: absolute;
	right: 0;
/*background: #999;*/
	padding: 5px;
	margin: 0;
}
#container #page-links LI
{
	display: inline;
	margin: 0 0 0 3px;
	font-size: 0.85em;
	padding: 0 5px 0 0;
	
	font-weight: bold;
}
#container #page-links LI A
{
	border-bottom: none;
	color: #333;
border-bottom: 1px solid #333;
}
#container #page-links LI A:hover
{
	text-decoration: none;
	border:none;
}
/*********************
block-head
*********************/
#container #block-head
{
	position: relative;
	height: 100%
	width:730px
}
#slide_control {
	display:block;
	list-style:none;
	position:absolute;
	
	width:100%;
	height:100%
}
#container #block-head .prev_button
{
	background: url(/images/left-arrow.png) no-repeat;
	display: block;
	position: absolute;
	top: 150px;
	left:10px;
	cursor: pointer;
	border: none;
	z-index: 50;
	height: 30px;
	width: 30px;
}
#container #block-head .next_button
{
	background: url(/images/right-arrow.png) no-repeat;
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	top: 150px;
	right: 10px;
	cursor: pointer;
	border: none;
	z-index: 50;
}
#container #block-head .pause_button,
#container #block-head .paused_button
{
	background: url(/images/pause-btn.png) no-repeat;
	z-index: 70;
	position: absolute;
	height: 30px;
	width: 30px;
	top: 260px;
	right: 10px;
	cursor: pointer;
}
#container #block-head .pause_button SPAN, #container #block-head .paused_button SPAN
{
	visibility: hidden;
}
#container #block-head .ad-rotator
{
	
	position: relative;
	width: 730px;
	
}
#container #block-head .ad-rotator #home-ad-slot
{
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	width: 730px;
}
#container #block-head .ad-rotator IMG
{
	height: 300px!important;
	width: 730px !important;
}
#container #block-head #box-holder
{
	float: right;
	width: 230px;
	height: 300px;
	position: relative;
	margin-top: -15px;
}
#container #block-head #box-holder H1
{
	text-transform: uppercase;
}
#container #block-head #box-holder a {
	color: white;
}
#container #block-head #box-holder a:hover{
	color: black;
	text-decoration: none;
}
#container #block-head #box-holder .top,
#container #block-head #box-holder .mid,
#container #block-head #box-holder .bot
{
	background: url(/images/right-tile-bg.jpg) repeat-x;
	width: 208px;
	height: 78px;
	overflow:hidden; 
	border: 1px solid #B7B6B6;
	padding: 10px;
}
#container #block-head #box-holder .top:hover, #container #block-head #box-holder .mid:hover, #container #block-head #box-holder .bot:hover
{
	background: #DDDDDD;
	cursor: pointer;
	color: black;
}
#container #block-head #box-holder .top:hover a, #container #block-head #box-holder .mid:hover a, #container #block-head #box-holder .bot:hover a
{
	background: #DDDDDD;
	cursor: pointer;
	color: black;
}
#container #block-head #box-holder P
{
	line-height: 1.2em;
	margin: 5px 0 0;
	font-size: 0.85em;
}
/*********************
brand-locator
*********************/
#container #brand-locator
{
	margin: 0 0 17px;
	background: url(/images/brand-locator.png) no-repeat 0 20px;
	height: 147px;
	position: relative;
}
#container #brand-locator .callout
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0 3px;
}
#container #brand-locator .small
{
	font-size: 0.75em;
	text-decoration: underline;
}
#container #brand-locator .small:hover
{
	text-decoration: none;
}
#container #brand-locator .slider
{
	padding: 30px 40px;
	margin: 0 auto;
}
#container #brand-locator #logos LI
{
	display: inline;
}
#container #brand-locator #logos IMG
{
	height: 95px;
	width: 95px;
	margin: 0 8px;
}

#container #brand-locator .left-arrow
{
	background: url(/images/brand-locator-arrows.png) no-repeat;
	width: 19px;
	height: 16px;
	display: block;
	position: absolute;
	top: 70px;
	left: 15px;
	cursor: pointer;
	border: none;
}
#container #brand-locator .right-arrow
{
	background: url(/images/brand-locator-arrows.png) no-repeat 0 -16px;
	width: 19px;
	height: 16px;
	display: block;
	position: absolute;
	top: 70px;
	right: 15px;
	cursor: pointer;
	border: none;
}
/*********************
main-content
*********************/
#container #main-content H2
{
	margin: 0 0 15px;
}
#container #main-content P
{
	line-height: 1.3em;
	font-size: 0.9em;
}
#container #main-content .thumb
{
	float: left;
	margin: 0 15px 0 0;
}
#container #main-content #box-left, #container #main-content #box-cent, #container #main-content #box-right
{
	float: left;
	background: url(/images/box-bg.png) no-repeat;
	margin-right: 17px;
}
#container #main-content #box-left .inner, #container #main-content #box-cent .inner, #container #main-content #box-right .inner
{
	position: relative;
	height: 162px;
	width: 278px;
	padding: 15px 15px 0;
}
#container #main-content #box-left IMG, #container #main-content #box-cent .inner IMG, #container #main-content #box-right .inner IMG
{
	max-height: 100px;
}
#container #main-content #box-right
{
	margin: 0 -17px 0 0;
}
#container #main-content #youtube
{
	margin: 17px 17px 17px 2px;
	height: 278px;
	width: 464px;
	float: left;
}
#container #main-content .ad-space
{
	float: right;
	margin: 17px 4px 0 0;
}
#container #main-content .callout
{
	background: url(/images/large-callout-bg.png) no-repeat;
	float: right;
	margin: 14px -2px 17px 0;
}
#container #main-content .callout .inner
{
	position: relative;
	padding: 15px 15px 0;
	width: 446px;
	height: 199px;
}
#container #main-content .callout .inner ul li {
	margin: 0 0 5px 0;
	font-size: .9em;
}
#container #main-content .callout .inner ul li a{
	text-decoration: underline;
}
/*********************
interior content
*********************/
#container #int-images
{
	float: left;
	width: 278px;
	min-height:100px;
	padding: 0 0 0 20px;
}
#container #int-images .square, 
#container #int-images DIV
{
	height: 120px;
	width: 120px;
	margin: 34px 17px 17px 0;
	background: #808080;
	float: left;
}
#container #int-images img {
	margin: 34px 17px 17px 0;
}

#container #int-copy, #container #staff-page
{
	float: left;
	margin: 34px 0 34px;
	padding: 0 20px 0 0;
}
#container #int-copy P
{
	margin: 0 0 15px;
	line-height: 1.5em;
	width: 500px;
}
#container #int-copy H2
{
	margin-top: 10px;
}
#container .list,
#container .list
{
	padding: 10px 0 40px 20px;
	min-height: 0 !important;
	margin: 20px 0 20px 0 !important;
	
}
#container .list LI
{
	line-height: 1.4em;
	list-style-type: disc;
	list-style-position: inside;
}
#container #int-copy .contact-form, .contact-form
{
	margin: 17px 0 10px 38px;
	font-size: 0.85em;
}
#container #int-copy .contact-form .check
{
	margin: 0 10px 0 130px;
	float: left;
}
#container #int-copy .contact-form LABEL, .contact-form LABEL
{
	float: left;
	width: 110px;
	line-height: 2em;
	text-align: right;
	padding: 0 20px 0 0;
}
.contact-form INPUT, .contact-form TEXTAREA, .contact-form SELECT
{
	font-size: 13px;
	display: block;
	padding: 4px;
	border: 1px solid #ACACAC;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.contact-form TEXTAREA
{
	width: 400px;
	height: 200px;
}
#container #int-copy .contact-form SELECT
{
	width: 147px;
	font-size: 13px;
	display: block;
	padding: 4px;
	border: 1px solid #ACACAC;
	color: #333;
}
#container #int-copy .contact-form .button, #container #int-copy .contact-form .button
{
	float: left;
	margin-left: 130px;
	margin-right: 10px;
}
#container #int-copy .contact-form .button:hover, #container #int-copy .contact-form .reset:hover
{
	background: #ACACAC;
	color: #FFFFFF;
	cursor: pointer;
}
#container #staff-page
{
	padding: 0 0 0 100px;
}
#container #staff-page .staff-member
{
	margin: 0 0 50px;
}
#container #staff-page .staff-member .staff-headshot
{
	float: left;
}
#container #staff-page .staff-member H2, #container #staff-page .staff-member H3
{
	margin: 0 0 0 200px;
	width: 500px;
}
#container #staff-page .staff-member P
{
	margin: 10px 0 0 200px;
	width: 500px;
}
/*********************
footer
*********************/
#footer
{
	background: url(/images/footer-bg.jpg) repeat-x;
	width: 952px;
	border-top: 1px solid #6F6F6E;
	clear: both;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	height: 90px;
}
#footer img {
	width: 30px;
}

#footer #footer-nav
{
	margin: 0 auto;
	width: 960px;
	padding: 5px 0 0;
	text-align: center;
	height: 30px;
	min-height: 0;
}
#footer #footer-nav LI
{
	display: inline;
	margin-right: 16px;
	font-size: 0.8em;
	line-height: .4em;
}
#footer a {
	color: white;
}
#footer #address
{
	margin: 10px 0 0;
	text-align: center;
	font-size: 0.85em;
	line-height: 0.85em;
	color: white;
}
/*********************
clearing
*********************/
.clear
{
	clear: both;
	padding: 0;
	margin: 0;
}
/*********************
tables
*********************/
TABLE
{
	border: 1px solid #000000;
	border-bottom: none;
	border-right: none;
	margin: 10px 0;
	background: #FFFFFF;
	max-width: 600px;
}
TABLE .index {
	border: none;
}

.ui-widget TABLE, .mceLayout TABLE
{
	margin: 0;
	border: none;
	background: inherit;
}
TD P
{
	width: auto !important;
}
TD
{
	padding: 8px !important;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
}
.ui-widget TD, .mceLayout TD
{
	padding: 0 !important;
	border-bottom: none;
	border-right: none;
}
FIELDSET
{
	width: 600px;
}
.dates {
	width: 900px!important;
	padding: 40px;
}

.dates table,.dates tbody,.dates tr {
	border: none;
	width:900px !important;
}

.dates table td {
	border: none;
	text-align: left;
	padding: 5px !important;
}
.dates table td a{
	text-decoration: underline;
}

TH {
	font-weight: bold;
	padding: 5px;
}

.dates p {
	width: 600px;
}
.dates p a{
	text-decoration: underline;
}
.dates .altrow {
	background: #cdcdcd;
}