﻿/*************************************************************************
**************************************************************************

Produced by DHX Advertising
June 2012
http://dhxadv.com

Revised per specifications, by 
Software Technology Group
January 2013
http://softwaretechnology.com
Phone: 503-672-9245
Portland Oregon


TABLE OF CONTENTS
01. GLOBAL
02. COPY STYLES
03. LINKS
04. HEADER
05. MAIN NAV + DROPDOWN
06. SUBNAV
07. HOME PAGE
08. SHARED CONTENT DIVS
09. RIGHT COLUMN PROMOS
10. TEE TIME FORM (HOME ONLY)
11. GIFT CARD FORM
12. FANCYBOX OVERLAYS
13. FOOTER

**************************************************************************
01. GLOBAL
*************************************************************************/

*{
	margin:0;
	padding:0;
}
@font-face{
	font-family: 'Swis721CnBTBold';
	src: url('fonts/swisscb-webfont.eot');
	src: url('fonts/swisscb-webfont.eot?#iefix') format('embedded-opentype'),
		  url('fonts/swisscb-webfont.woff') format('woff'),
		  url('fonts/swisscb-webfont.ttf') format('truetype'),
		  url('fonts/swisscb-webfont.svg#Swis721CnBTBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Swis721LtBTLight';
	src: url('fonts/swissl-webfont.eot');
	src: url('fonts/swissl-webfont.eot?#iefix') format('embedded-opentype'),
		  url('fonts/swissl-webfont.woff') format('woff'),
		  url('fonts/swissl-webfont.ttf') format('truetype'),
		  url('fonts/swissl-webfont.svg#Swis721LtBTLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Swiss921BTRegular';
	src: url('fonts/tt0562m_-webfont.eot');
	src: url('fonts/tt0562m_-webfont.eot?#iefix') format('embedded-opentype'),
		  url('fonts/tt0562m_-webfont.woff') format('woff'),
		  url('fonts/tt0562m_-webfont.ttf') format('truetype'),
		  url('fonts/tt0562m_-webfont.svg#Swiss921BTRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	width:100%;
	height:100%;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#444444;
	-webkit-font-smoothing:antialiased;
	background:#3C3A2D url(../images/bg-inner.png) top center repeat-x;
}
body#home{
/* 	background:#141412 url(../images/bg-home.jpg) no-repeat top center; */
		margin-top:-2px;
 		background:#141412 url(../images/Backgroundv2-4.jpg) no-repeat top center;
}
a img{
	border:none;
}

/*************************************************************************
02. COPY STYLES
*************************************************************************/

h1{
	height:71px;
	margin-right:36px;
	padding-top:153px;
	display:block;
	text-align:right;
	font-family:"Swiss921BTRegular",Arial,Helvetica,sans-serif;
	font-size:68px;
	line-height:88px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:-1px;
}	


h6{
	color:rgb(255,255,255);
	font-size:72px;
	position:absolute;
	top:-32px; 
	right:0px; 
	margin-right:38px; 
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:-1px;
	font-family:"Swiss921BTRegular",Arial,Helvetica,sans-serif;
}

	
	
	
h2{
	/*font-family:"Swis721LtBTLight",Arial,Helvetica,sans-serif; 
	font-size:23px;
	line-height:26px;
	font-weight:normal;
	margin-bottom:21px; --changed by mak 12/18/2012 */
	font-family:Arial,Helvetica,sans-serif; 
	color:rgb(165,55,50);
	font-weight:700;
	font-size:21px;
	margin-top:10px;
	margin-bottom:20px;
	
	
}
h7{
	/*font-family:"Swis721LtBTLight",Arial,Helvetica,sans-serif; 
	font-size:23px;
	line-height:26px;
	font-weight:normal;
	margin-bottom:21px; --changed by mak 12/18/2012 */
	font-family:Arial,Helvetica,sans-serif; 
	color:rgb(255,255,255);
	font-size:9;
	margin-top:10px;
	margin-bottom:20px;
	
	
}
h3{
	font-family:"Swis721LtBTLight",Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0 10px;
	padding:6px 0 6px;
}
p{
    /*
	margin-bottom:21px;
	line-height:21px;
	*/
	margin-bottom:16px;
	line-height:16px;
	text-align:justify;
}
input[type=text], textarea, #giftcard-container #Quantity{
	height:13px;
	padding:7px 8px;
	border:1px solid #afafaf;
	outline:none;
	font-size:13px;
	appearance:normal;
	-moz-appearance:normal;
	-webkit-appearance:none;
	border-radius:0;
	box-shadow:1px 2px 0px #e4e2da;
	-moz-box-shadow:1px 2px 0px #e4e2da;
	-webkit-box-shadow:1px 2px 0px #e4e2da;
	background:#ffffff;
	width:248px;
	margin-bottom:6px;
	color:#999999;
}
textarea{
	width:245px;
	height:100px;	
}
/* form alert message */
.alert{
	margin-bottom:20px;
	padding:10px 20px;
	text-align:center;
	color:#AA2300;
	border:1px solid #AA2300;
}

/*************************************************************************
03. LINKS
*************************************************************************/

/* default */
a:link, a:active, a:visited {color:#444444;}
a:hover {}

/* copy container */
.copy a:link, .copy a:active, .copy a:visited {color:#867F51;}
.copy a:hover {color:#951F00;}

/* for links that need to already be the dark red color by default*/
a.red:link, a.red:active, a.red:visited
{
	color:#990000;
}
a.red:hover
{
	color:#ff0000;
}
/* home page top 3 buckets */
#frontpage-bucket-container a:link, #frontpage-bucket-container a:visited, #frontpage-bucket-container a:active {color:#FFFFFF; text-decoration:underline;}
#frontpage-bucket-container a:hover {color:#951F00;}

/* footer buckets */
.footer-buckets a:link, .footer-buckets a:visited, .footer-buckets a:active {color:#951F00; font-size:14px;	text-decoration:none;}
.footer-buckets a:hover {color:#951F00; text-decoration:underline;}

/* footer blog excerpts - interior pages */
#bucket3 #blogs a:link, #bucket3 #blogs a:visited, #bucket3 #blogs a:active {color:#717171; text-decoration:none;}
#bucket3 #blogs a:hover {color:#951F00; text-decoration:underline;}

/* sub-footer */
#socialmedia a:link, #socialmedia a:visited, #socialmedia a:active {color:#FFFFFF; text-decoration:none;}
#socialmedia a:hover {color:#7E7B6A;}



/*************************************************************************
04. HEADER
*************************************************************************/

#headerContainer{
	width:100%;
	height:65px;
	background:#343434;
	border-bottom:1px solid #ffffff;
}
#header{
	width:960px;
	height:65px;
	overflow:visible;
	margin:0 auto;
}
a#logo{
	float:left;
	display:block;
	margin-left:21px;
	width:128px;
	height:175px;
	background:url(../images/logo.png) no-repeat top left;
	position:relative;
	z-index:2;
}

/*************************************************************************
05. MAIN NAV + DROPDOWN
*************************************************************************/
/*  the ul#nav controls the size and location of the top menu area */
ul#nav{
	float:right;
	height:32px;
	margin-right:27px;
	margin-top:16px;
	list-style:none;
	display:none;
}
/* this controls the size and location of the red underscore "current category" page indicator" */
ul#nav li{
	float:left;
	height:15px;
	padding:12px 13px 21px 10px;
	background:url(../images/divider-nav.png) no-repeat top right;
	text-transform:uppercase;
}
ul#nav li:hover{
	cursor:pointer;
}
ul#nav li.current{
	background-image:url(../images/bg-nav-current.png);
}
/* this section adjusts several items, among them, the pointer at the top of the menu drop down 
the lower the padding on the bottom is, the HIGHER the arrow indicator moves, relative to the span */
ul#nav li span{
	font-family:"Swis721CnBTBold",Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#ffffff;
	text-shadow:0px -1px 0px #2d2927;
	display:block;
	padding-bottom:22px;
}
ul#nav li:hover span{
	background:url(../images/arrow-navdrop.png) no-repeat bottom center;
}
ul#nav li a{
	text-decoration:none;
}
ul#nav li:hover div span{
	background:none;
}
ul#nav li.firstItem{
	padding-left:0;
}
ul#nav li.lastItem{
	background:none;
	padding-right:0;
}
ul#nav li.firstItem.current{
	padding-left:10px;
}
ul#nav li.lastItem.current{
	background:url(../images/bg-nav-current.png) no-repeat top left;
	padding-right:10px;
	margin-right:-10px;
}
/* this is the location and height of the gradient-main 
dropdown background which is located just underneath the top menu*/ 
ul#nav li .navdrop-bkg{
	z-index:1;
	width:100%;
	height:226px;
	/*background-color: rgba(15,20,15,.5); - this is a transparency option not wanted at this time*/
	background:url(../images/bg-navdrop.png) repeat-x top;
    position:absolute;
	left:0;
	top:63px;
	display:none;
}
ul#nav li:hover .navdrop-bkg{
	display:block;
}
.navdrop-container{
	width:910px;
	height:225px;
	margin:0 auto;
}
.navdrop{
	float:right;
	width:749px;
	height:207px;
	margin-top:14px; 
	/* this is where we adjust the top location for drop down containers */
}
.navdrop .navdrop-bucket{
	float:left;
	width:185px;
	height:190px;
	margin-left:3px;
}
.navdrop .navdrop-bucket.firstBucket{
	margin-left:0;
}
.navdrop .navdrop-bucket a{
	text-decoration:none;
	display:block;
	width:185px;
}
.navdrop .navdrop-bucket a img{
	width:180px;
}
.navdrop .navdrop-bucket a.navdrop-bucket-large{
	/* height:207px; was the original size and was changed by matthew */
	height:195px;
	background-size:195px 195px;
	background:url(../images/bg-nav-bucket-large.png) no-repeat top left;
}
	/* height:167px;  was changed by matthew */
.navdrop .navdrop-bucket a.navdrop-bucket-large img{
	height:173px;
	margin:2px 2px 0px 2px;
	border-bottom: 1px solid white;
}
.navdrop .navdrop-bucket a.navdrop-bucket-small{
	height:96px;
	background:url(../images/bg-nav-bucket-small.png) no-repeat top left;
}
.navdrop .navdrop-bucket a.navdrop-bucket-small.firstSmall{
	margin-bottom:3px;
}
.navdrop .navdrop-bucket a.navdrop-bucket-small img{
	height:74px;
	margin:2px 3px 0px 3px;
	border-bottom: 1px solid white;
}
ul#nav li .navdrop .navdrop-bucket span{
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color:#444444;
	text-shadow:none;
	/*margin-left:8px;*/
	text-align: center;
	/*margin-top:2px;*/
	line-height: 12px;
}
ul#nav li .navdrop .navdrop-bucket a:hover span{
	color:#951f00;
}

/*************************************************************************
06. SUBNAV
*************************************************************************/

#subnav{
	/* width:235px; */
	width:208px;
	float:left;
	margin-right:-208px;
	margin-left:-11px;
	position:relative;
	z-index:3;
}
#subnav ul{
	list-style:none;
	/* width:235px; */
	width:208px;
	margin-top:40px;
}
#subnav ul li{
	height:32px;
}
#subnav ul li span{
	margin-left:20px;
	display:block;
	width:178px;
	border-top:1px solid #e6e6e6;
	height:16px;
	padding-top:8px;
}
#subnav ul li span a:hover{
	color:#951f00;
}
#subnav ul li span a{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#subnav ul li.lastSubnav span{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:7px;
}
#subnav ul li.current{
	/* background:url(../images/bg-subnav-current.png) no-repeat top left; mak added shorter red navigation arrow on left menu */
	background:url(../images/bg-subnav-new.png) no-repeat top left;
	height:37px;
	margin-bottom:-4px;
}
#subnav ul li.current span{
	padding-top:9px;
	border:none;
}
#subnav ul li.current span a{
	color:#ffffff;
}

/*************************************************************************
07. HOME PAGE
*************************************************************************/

/* hero slideshow */
#hero-slideshow-container{
	/*top:42px;*/
	margin-top:42px;
	width:960px;
	height:306px;
	margin-left: -7px;
	/* margin:0 0 -7px -7px;*/
	padding:7px;
	padding-bottom: 4px;
	background:url(../images/bg-slideshow.png) no-repeat top left;
	position:relative;
	/* border:1px solid white; */
}
.slide{
	display:block;
	width:960px;
	height:310px;
	margin:auto auto;
	/* margin-left:28px;*/
	/* border:1px solid aqua;*/
}
/* the following slides have been renamed (from ordinals 1-2-3 etc) to art-related, 
           id's, for ease of change in the future for the index.php page, to which they refer.
formerly slide1 */
#slide-summer-junior-golf-camp{ 
	background:url(../images/hero-slideshow/1.jpg) no-repeat top left;
}
/* formerly slide2 */
#slide-fathers-day-sale{
	background:url(../images/hero-slideshow/fathers-day-sale.jpg) no-repeat top left;
}
/* formerly slide3 */
#slide-junior-golf-academy{
	background:url(../images/hero-slideshow/junior-golf-academy.jpg) no-repeat top left;
}
/* formerly slide4 */
#slide-redtail-junior-golf-camp{
	background:url(../images/hero-slideshow/junior-golf-camp.jpg) no-repeat top left;
}
/* formerly slide5 */
#slide-mothers-day-sale{
	background:url(../images/hero-slideshow/mothers-day-sale.jpg) no-repeat top left;
}
/* formerly slide6 */
#slide-spring-tent-sale{
	background:url(../images/hero-slideshow/spring-tent-sale.jpg) no-repeat top left;
}
/* formerly slide7 */
#slide-storewide-holiday-sale{
	background:url(../images/hero-slideshow/storewide-holiday-sale.jpg) no-repeat top left;
}
/* formerly slide8 */
#slide-storewide-holiday-sale2{
	background:url(../images/hero-slideshow/storewide-holiday-sale2.jpg) no-repeat top left;
}
/* formerly slide9 */
#slide-summer-sale{
	background:url(../images/hero-slideshow/summer-sale.jpg) no-repeat top left;
}
/* formerly slide10 */
#slide-winter-specials{
	background:url(../images/hero-slideshow/winter-specials.jpg) no-repeat top left;
}
#slide-private-lesson{
	background:url(../images/hero-slideshow/private-banner.jpg) no-repeat top left;
}
#slide-intro-togolf{
	background:url(../images/hero-slideshow/intro-banner.jpg) no-repeat top left;
}
/* this control adjusts the location of the navigation dots at the lower right hand of the 
hero slide container */
#slideController{
	display:none;
	position:absolute;
	height:9px;
	bottom:3px;
	right:34px;
	z-index:99;
}
#slideController a{
	padding:0;
	float:left;
	width:9px;
	height:9px;
	margin-left:3px;
	background:transparent url(../images/slide-control-sprite.png) no-repeat top left;
}
#slideController a.activeSlide{
	background-position:0 -9px;
}
#slidePrev, #slideNext{
	width:10px;
	height:24px;
	position:absolute;
	bottom:65px;	
	z-index:99;
}
#slidePrev:hover,#slideNext:hover{
	cursor:pointer;
}
#slidePrev{
	left:8px;
	background:url(../images/slide-control-previous.png) no-repeat top left;
}
#slideNext{
	right:8px;
	background:url(../images/slide-control-next.png) no-repeat top left;
}

/* 3 bucket slideshow */
#bucket-slide-prev:hover,#bucket-slide-next:hover{
	cursor:pointer;
	background-position:0px -184px;
}
#bucket-slideshow-container
{         /*this is wider than containing element main, offset to left so as to align
			navigation handles on left and right to realign properly relative to the page*/
	/*top:42px;*/
	width:982px;
	height:228px;
	margin:0 0 0 -11px; 
	background:url(../images/bg-slidebucket-container.png) no-repeat top center; 
	padding-top:0px; 
	position:relative;
}
#bucket-slideshow{
	float:left;
	top:10px;
	margin-left:7px;
	width:922px;
	height:185px;
/*  height:190px; */	
}
.bucket-slide-control{ /* adjusts position of forward and reverse red arrows on lower slideshow main page */
	width:22px;
	height:172px;
	float:left;
	margin-top:9px;
	margin-left:4px;
}
#bucket-slide-prev{
	background:url(../images/bg-slidebucket-prev.png) no-repeat top left;
}
#bucket-slide-next{
	background:url(../images/bg-slidebucket-next.png) no-repeat top left;
}
.bucket-slide{
	display:block;
	float:left;
	width:284px;
	height:164px;
	background:url(../images/slideCarousel3.png) no-repeat top left;
	padding:4px 0 0 22px;
	font-size:12px;
	color:#717171;
	text-decoration:none;
	/* border:1px solid green;*/
	
}
.bucket-slide .imgHolder{
	width:292px;
	height:126px;
	margin-left:-17px;
}
.bucket-slide h4{
	color:#aa2300;
	padding-top: 6px;
	font-size:13px;
	text-transform:uppercase;
	line-height:12px;
	margin-left:-10px;
}
.bucket-slide span{
	color: #222222;
	font-size: 11px;
	margin-left:-10px;
}

#bucketslideController{
	display:block;
	position:absolute;
	height:11px;
	bottom:26px;
	left:430px;
	z-index:99;
	}
#bucketslideController a{
	padding:0;
	float:left;
	width:34px;
	height:11px;
	margin-left:1.5px;
	margin-right:1.5px;
	background:transparent url(../images/bucket-slide-control-sprite.png) no-repeat top left;
	}
#bucketslideController a.activeSlide{
	background-position:0 -11px;
}

/* home page footer buckets */
#frontpage-bucket-container
{
	/*margin-top: 21px;*/
	margin-top:-14px;
	width:960px;height:172px;
	background:#ffffff url(../images/bg-buckets-frontpage.png) repeat-x bottom;
	padding-top:16px;
}
#frontpage-bucket-container div{
	float:left;
	width:294px;
	height:100%;
	padding-right:2px;
	margin-left:25px;
	background:url(../images/divider-buckets-frontpage.png) no-repeat bottom right;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
}
#frontpage-bucket-container div div{
	padding-right:0;
	margin-left:0;
	background:none;
}
#frontpage-bucket-container div div#bucket-giftcard, .footer-buckets #bucket-giftcard{
	background:url(../images/bg-giftcards.png) no-repeat bottom right;
}
#frontpage-bucket-container div div#bucket-giftcard{
	background-position:124px 46px;
}
#frontpage-bucket-container div.lastBucket{
	width:293px;
	padding-right:0px;
	background:none;
}
#frontpage-bucket-container div h4{
	font-family:"Swis721LtBTLight",Arial,Helvetica,sans-serif;
	font-size:21px;
	font-weight:normal;
	color:#444444;
	padding-bottom:14px;
	margin-bottom:18px;
	text-align: center;
	margin-left: -22px;
}
#frontpage-bucket-container div h4:hover
{
	color:#990000;
}
#frontpage-bucket-container div strong, #frontpage-bucket-container div em, #frontpage-bucket-container div span,
#frontpage-bucket-container div #blogs th, #frontpage-bucket-container div #blogs td{
	color:#ffffff;
}
#frontpage-bucket-container div em{
	font-size:12px;
}

/*************************************************************************
08. SHARED CONTENT DIVS
*************************************************************************/

.main{
	width:960px;
	margin:0 auto;
	padding-top:182px;
}
.inner{
	padding-top:0px;
}
.inner-hero{
	height:215px;
}

h1 {
padding-bottom:65px;

} 

#copy-container{
	width:960px; 
}

.copy{
	width:525px;
	float:left;
	background:#ffffff; 
	padding:25px 229px 12px 207px;
	position:relative;
	z-index:1;
	min-height:620px;
}
.copy-full{
	width:686px;
	padding-right:25px;
}
.copy table{
	margin-bottom:12px;
	width:100%;
	font-size: 11px;
	color: #111111;
	border-collapse: collapse;
}
.copy table tr:nth-child(odd) td{
	background:#CACACA;
}
.copy table td{
	padding:2px;
}

.pricetable th
{
	color: #990000;
}

.pricetable th:first-child
{
	font-size: 12px;
	text-align: left;
}

.pricetable td
{
	text-align: center;
}

.pricetable td:first-child
{
	text-align: left;
}

.copy img{
	border:2px solid #ffffff;
	/*box-shadow:0px 2px 1px #c9c9c9;
	-moz-box-shadow:0px 2px 1px #c9c9c9;
	-webkit-box-shadow:0px 2px 1px #c9c9c9;*/
}
.copy img.noStyling{
	border:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin-right:4px;
}
.copy .imgLeft{
	text-align:center;
	float:left;
	margin:0 18px 12px 0;
}
.copy .imgRight{
	text-align:center;
	float:right;
	margin-top:0;
	margin-right:0px;
	margin-bottom:12px;
	margin-left:18px;
}

.copy  a:hover img 
{
	opacity:0.80;
	filter:alpha(opacity=75);
}


.copy p.footnote{
	color:#999999;
	font-size:9px;
	margin-bottom:21px;
	line-height:14px;
}
.copy h4{
	font-size:17px;
	color:#990000;
	border-bottom:1px solid #e7e7e7;
	margin:20px 0 10px 0;
}

/* this is the style for the teaching technology page.. */
.copy h4nl{ 
	font-size:15px;
	font-weight:bold;
	color:#990000;
	border:none;
	margin-top:20px;
	margin-bottom:50px;
	padding-bottom:50px;
}

/* these styles are for the 6 golf ball Table styles */
.table1 table{ width:535; margin:auto auto; background-color:white; text-align:center;}
.table1 tr:nth-child(even) td{ text-align:center; background-color:white;}
.table1 tr:nth-child(odd) td{ text-align:center;  background-color:white;}
/*
.table2 table{width:535: margin:auto auto; background-color: rgb(200,200,200);}
.table2 tr td{ border:1px solid black; margin:auto auto; background-color: rgb(200,200,200);}
*/


.h4a
{
	width:100%;
	height:45px;
	float:right;
	margin-top:25px;
	padding-top:28px;
	text-align:center;
	font-weight:700;
	/*  border:1px black solid; */
	font-size:13px;
	text-decoration:none;
	color:#990000;
}
	
.h4a:hover
{
color:rgb(225,0,0);
text-decoration:underline;
}
.copy h5{
	font-weight:bold;
	color:#666666;
	font-size:16px;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:12px;
}
.copy h8{	/* used to resize 6 golf academy list items/headings on the golf-academy.php page */
	font-weight:bold;
	font-style:italic;
	color:#666666;
	font-size:13px;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:12px;
}

.h8{	/* used to resize 6 golf academy list items/headings on the golf-academy.php page */
	font-weight:bold;
	font-style:italic;
	color:#666666;
	font-size:13px;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:12px;
	}

.copy ul{
	margin-left:24px;
	margin-bottom:18px;
}
.copy ul li{
	margin-bottom:6px;
}
.copy li:hover{
	/* background-color:rgba(235,255,235,.75); */
}

.copy ul.pricing, .copy ul.pricing ul{
	list-style:none;
	margin-left:0;
}
.copy ul.pricing{
	float:left;
	width:100%;
}
.copy ul.pricing li{
	margin-bottom:0;
	float:left;
	/*display:inline-block;
	vertical-align: text-top;*/
	width:100%;
	padding-right:2%;
}
.copy ul.threewide li{
	width:22%;
	min-height:190px;
}
.copy ul.fourwide li{
	width:23%;
	min-height:195px;
	display:inline-block;
	vertical-align: text-top;
	padding-right:0;
	float:none;
}
.copy ul.pricing ul{
	margin-bottom:0;
}
.copy ul.pricing ul li{
	width:100%;
	margin-bottom:0;
	float:none;
	padding:2px;
	font-size: 11px;
	color:#111111
}
.copy ul.pricing ul li:nth-child(even){
	background:#CACACA;
}
.copy ul.noback ul li:nth-child(even){
	background:none;
}
.copy ul.centerli li{
	text-align:center;
}
.copy ul.pricing li em{
	display:block;
	margin-top:8px;
	font-size: 10px;
}
.copy ul.staffmembers li {
	font-size: 10px;
    text-align: center;
    line-height: 12px;
}
.copy ul.staffmembers li strong {
	font-size: 12px;
}


/*************************************************************************
09. RIGHT COLUMN PROMOS
*************************************************************************/


#right-promos{
	width:208px;
	height:580px;
	margin-left:-212px;
	/* border: 1px solid black;  used for testing location of div mak*/
	padding:26px 0 0;
	float:left;
	position:relative;
	z-index:2;
	background:url(../images/bg-inner-promos.png) no-repeat top left;
}
#right-promos a{
	width:193px;
	/* border: 1px solid green; used for testing location of div mak*/
	height:118px;
	margin:0 24px 18px 13px;
	display:block;
	text-decoration:none;
	background:url(../images/bg-promo-right.png) no-repeat bottom left;
}
#right-promos a img{
	margin-left:1px;
	width:188px;
	height:77px;
}
#right-promos h3
{
	padding-top: 3px;
	padding-bottom: 2px;
	color: #222222;
}

#right-promos a span{
	display:block;
	margin:0 5px;
	color:#951f00;
	font-size:11px;
	/*font-weight:600;*/
	line-height: 13px;
}
#right-promos a:hover img{
	opacity:0.80;
	filter:alpha(opacity=75);
}

/*************************************************************************
10. TEE TIME FORM (HOME ONLY)
*************************************************************************/

#teetime-date-container{
	padding:0;position:relative;
	width:270px;
}
#teetime-date{
	width:228px;
	padding-right:30px;
	background:url(../images/icon-calendar.png) no-repeat 247px 7px;
}
/*a.dp-choose-date{
	display:block;height:13px;width:13px;position:absolute;background:url(../images/icon-calendar.png) no-repeat top left;right:11px;top:8px;
}*/
#teetime-date:hover{
	cursor:pointer;
}
input[type=submit]{
	background:url(../images/bg-button.png) repeat-x top;
	height:27px;
	padding:0 9px;
	border:none;
	color:#ffffff;
	text-shadow:0px -1px 0px #6c674a;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
input[type=button]{
	background:url(../images/bg-button.png) repeat-x top;
	height:27px;
	padding:0 9px;
	border:none;
	color:#ffffff;
	text-shadow:0px -1px 0px #6c674a;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
div.selector, div.selector span{
	-webkit-font-smoothing: antialiased;
}
.selector, .selector *{
	margin: 0;
	padding: 0;
}
div.selector{
	background:url(../images/bg-select-left.png) no-repeat top left;
	height: 30px;
	line-height: 30px;
}
div.selector span{
	background:url(../images/bg-select.png) no-repeat top right;
	height: 29px;
	line-height: 29px;
}
div.selector select{
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}
div.selector{
  font-size: 14px;
}
div.selector select{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: solid 1px #fff;
  width:100%;
}
div.selector span{
  padding: 0px 25px 0px 0px;
  cursor: pointer;
}
div.selector span{
	color: #989898;
}
div.selector.disabled span{
  color: #bbb;
}
#uniform-teetime-after, #uniform-teetime-before{
	width:121px;
	margin-bottom:6px;
}
#uniform-teetime-after{
	margin-right:3px;
}

/*************************************************************************
11. GIFT CARD FORM -- /pro-shop/gift-cards.php
*************************************************************************/

#giftcard-container{
	margin-left:275px;
}
#giftcard-container table{
	width:180px;
	margin-bottom:0;
}
#giftcard-container table table{
	width:100%;
}
#giftcard-container td{
	background-color: white;
}
#giftcard-container td td{
	background:none;
	width:0px;
	text-align:left;
	padding: 0px;
}
#giftcard-container .selector{
	width:112px;
}
#giftcard-container #Quantity{
	width:40px;
}

/*************************************************************************
12. FANCYBOX OVERLAYS
*************************************************************************/

#popover{
	width:800px;
	min-height:200px;
	padding:15px;
	background:#FFFFFF;	
}
#popover #topbar{
	width:830px;
	height:38px;
	margin:-15px 0 15px -15px;
	border-top:1px solid #9D997B;
	border-bottom:1px solid #9D997B;
	background:#E1DCBE;
}
#popover h3{
	padding-top:0;
	color:#AA2300;
	font-weight:bold;	
}
#popover .item{
	width:100%;
	margin-bottom:30px;
	padding-bottom:10px;
	float:left;
	clear:both;
	border-bottom:1px solid #EFEFEF;
}

/* the next seven style blocks used to reshape properly the layout of the popovers
   content in the right-promos.php files, which use case selection trees for navigation 
to the proper content field: pictures and caption-links: by mak 1/2/2013 */ 
#popover .item2{
	width:100%;
	/* height:180px; */
	margin-bottom:20px;
	padding-bottom:10px;
	float:left;
	border-bottom:1px solid #cccccc;
	/* border-bottom:1px solid #EFEFEF; */

}

#popover .leftcontainer{
	float:left;	
	width:180px;
	/* height:218px; */
	/* border:1px solid green; */
}
#popover .rightcontainer{
	float:right;	
	width:180px;
	/* height:218px; */
	/* border:1px solid green; */
}

#popover .rightcontainerpros{
	float:right;	
	width:180px;
	height:100%; 
}
#popover .leftcontainerpros{
	float:left;	
	width:615px;
	height:100%; 
	background:url(../images/redtail_back.gif);
	background-repeat:no-repeat;
	
	/* border:2px solid gray; */
}


#popover img.propicturesright
{
 height:135;
 width:134;
 margin-left:15px;
 border:10px solid rgb(225,220,190);
 
}
#popover .picfloatleft{
	float:left;	
	width:170px;
	/* height:135px; */
	margin-top:5px;
	margin-left:5px;
	margin-bottom:2px;
	border:2px solid #ffffff;
		box-shadow:0px 3px 3px #111111;
		-moz-box-shadow:0px 3px 3px #111111;
		-webkit-box-shadow:0px 3px 3px #111111;	
		/* border: 1px solid black; */
}

#popover .picfloatright{
	float:right;	
	width:170px;
	/* height:135px; */
	margin-top:5px;
	margin-right:5px;
	margin-bottom:2px;
	border:2px solid #ffffff;
		box-shadow:0px 3px 3px #111111;
		-moz-box-shadow:0px 3px 3px #111111;
		-webkit-box-shadow:0px 3px 3px #111111;	
		/* border: 1px solid black; */
}

/* caption for under right side pictures */
#popover .captionright
{
	float:right;	
	width:170px;
	height:15px;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	font-family:Tahoma;
	font-style:italic;
	font-size:9.5px;
	/* border: 1px solid black; */
	
}
/* caption for under left side pictures */
#popover .caption
{
	float:left;	
	width:170px;
	height:15px;
	margin-top:2px;
	margin-left:5px;
	margin-bottom:5px;
	text-align:center;
	font-family:Tahoma;
	font-style:italic;
	font-size:9.5px;
	/* border: 1px solid black; */
	
}
#popover .textright{
	float:right;
	width:595px;
	text-align:justify;
	margin:8px;
	/* border: 1px solid black; */
}
#popover .textleft{
	float:left;
	width:595px;
	text-align:justify;
	margin:8px;
	/* border: 1px solid black; */
}

#popover img.floatleft, #popover img.floatright{
	margin:0 20px 15px 0;
	float:left;
	border:2px solid #ffffff;
	box-shadow:0px 2px 1px #c9c9c9;
	-moz-box-shadow:0px 2px 1px #c9c9c9;
	-webkit-box-shadow:0px 2px 1px #c9c9c9;	
}
#popover img.floatright{
	float:right;
	margin:0 0 15px 25px;
}
#popover h3{
	margin:0;	
}

#popover ol, #popover ul{
	margin:20px 0 20px 35px;
}
 
#popover p.footnote{
	color:#999999;
	font-size:9px; 
	margin-bottom:21px;
	line-height:14px;
}

#popover a.pred:hover
{
	color: #990000;
}

 /* this div was originally for social media links at the bottom of 
each teacher/fitter in the teachers.php file */
	
.socmed{
	color:rgb(235,235,235);
	bottom:0px;
	width:80%; 
	margin:auto auto; 
	text-align:center; 
	min-height:22px;
/*	border:1px solid rgb(245,245,245);*/
}
 /* this div was redesigned for placement of social media links at the top of 
each teacher/fitter in the teachers.php file */
.socmed2{
	color:rgb(235,235,235);
	float:right;
	/* bottom:0px; */
	top:0px;
	width:55%; 
	padding-top:15px;
	text-align:center; 
	/*	border:1px solid rgb(245,245,245);*/

	}


/* teacher bios */

lm{  /* provides white "learn more" formatted inset for right side popover banners  see right-promos.php file for locations*/
	margin-right:28px;
	margin-top:-17px;
	display:block;
	text-align:right;
	font-family:"Swiss921BTRegular",Arial,Helvetica,sans-serif;
	font-size:10px;
	color:rgb(255,255,255);
	text-transform:uppercase;
	font-weight:normal;
}


/* print content in fancybox only */
@media print{
	body * { visibility: hidden; height:0; }
	#fancybox-content * { visibility: visible; height:auto; }
	#fancybox-content { position: absolute; top: 0; left: 0; }
}

/*Sliders*/

/* sliders */

#sliders
{
    margin-bottom: 15px;
    width: 50%;
    float: left;
    clear: none;
    position: relative; /* This allows the controls to be positions inside this element */

}

.sliders_container
{
    border: 1px solid #666666;
    width: 428px;
    height: 364px;
    box-shadow:0px 3px 3px #111111;
	-moz-box-shadow:0px 3px 3px #111111;
	-webkit-box-shadow:0px 3px 3px #111111;	
}

#controls
{

}

/*#sliders:hover #controls
{
    display: block;
}*/

#controls .pagination
{
    padding: 0px;
    margin: 0px;
}
#controls ul.pagination li
{
    display: inline;
}

#controls ul.pagination li a
{
    text-decoration: none;
    padding-right: 8px;
    font-weight: bold;
}



#controls ul.pagination li a:hover
{
    color: #A53732;
}

#controls .current a
{
    font-weight: bold;
    font-size: 125%;
    color: #A53732;
}
#controls .next
{
    display: none;
    visibility: collapse;
}
#controls .prev
{
    display: none;
    visibility: collapse;
}

.sliderText
{
    width: 332px;
    margin-top: 18px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    float: right;
    clear: none;
    overflow: auto;
    font-size: 85%;
    border: 1px solid #444444;
    box-shadow: 0px 3px 3px #111111;
    -moz-box-shadow: 0px 3px 3px #111111;
    -webkit-box-shadow: 0px 3px 3px #111111;
    
}

.sliderText p
{
    line-height: 130%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

#popover .sliderText ul, #popover .sliderText ol
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.sliderText ul li, .sliderText ol li
{
    line-height: 110%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: justify;
}


.sliderText b
{
    font-size: 125%;
    font-weight: bold;
    color: #A53732;
}

.sliderText strong, .sliderText strong a
{
	font-weight: bold;
	color: #000000;
}





/*************************************************************************
13. FOOTER
*************************************************************************/

.footer-buckets{
	width:960px;
	height:204px;
	clear:both;
	background:#ffffff url(../images/bg-prefooter-inner.png) repeat-x top;
}
.footer-buckets div{
	width:289px;
	margin-right:8px;
	padding-left:22px;
	float:left;
	height:167px;
	border-left:1px solid #d4d4d4;
	margin-top:30px;
	color:#717171;
	font-size:14px;
	line-height:18px;
}
.footer-buckets div#bucket1{
	border:none;
	width:290px;
	/*line-height:14px;*/
}
.footer-buckets div img:hover{
	opacity: 0.80;
	filter:alpha(opacity=80);
}


.footer-buckets div div{
	margin:0;
	border:none;
	width:auto;
	height:auto;
	float:none;
}
.footer-buckets h4{
	font-family:"Swis721LtBTLight",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#867f51;
	background:url(../images/border-dotted.png) no-repeat bottom left;
	padding-bottom:14px;
	margin-bottom:18px;
	text-align: center;
	/*margin-left: -22px;*/
}
.footer-buckets #bucket1 img{
	float:right;
	margin-right:-7px;
}
#frontpage-bucket-container div.firstBucket img{
	float:right;
	margin-right:10px;
}
#blogs th{
	font-weight:normal;
	text-align:left;
	font-style:italic;
	width:56px;
	vertical-align:top;
	font-size:12px;
	color:#717171;
}
#blogs td{
	vertical-align:top;
	font-size:14px;
	color:#717171;
	padding-bottom:8px;
}
#footer-container{
	width:100%;
	height:100px;
	padding-top:148px;
	clear:both;
	background:url(../images/bg-footer.png) no-repeat top center;
}
#footer{
	width:910px;
	height:100px;
	margin:0 auto;
}
#footernavContainer{
	border-bottom:1px solid #333226;
	width:100%;
	height:32px;
	margin-bottom:16px;
	box-shadow:0px 1px 0px #4a4838;
}

ul#footernav{
	float:left;
	list-style:none;
}
ul#footernav li{
	float:left;
	height:15px;
	padding:1px 13px 1px 10px;
	background:url(../images/divider-nav.png) no-repeat top right;
}
ul#footernav li a{
	text-decoration:none;
}
ul#footernav li span{
	font-family:"Swis721CnBTBold",Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#ffffff;
	text-shadow:0px -1px 0px #373230;
	display:block;
}
ul#footernav li span:hover{
	color:#7e7b6a;
}
ul#footernav li#contact-us{
	padding-left:0;
}
ul#footernav li#myryg-login{
	background:none;
	padding-right:0;
}
#socialmedia{
	float:right;
}
#socialmedia a{
	height:16px;
	padding-left:20px;
	margin-left:20px;
	display:block;
	float:left;
	font-family:"Swis721CnBTBold",Arial,Helvetica,sans-serif;
	font-size:15px;
	text-shadow:0px -1px 0px #373230;
	display:block;
	background:url(../images/sprite-socialmedia.png) no-repeat top left;
}
#socialmedia a#social-facebook{
}
#socialmedia a#social-twitter{
	background-position:0px -16px;
} 
#socialmedia a#social-youtube{
	background-position:0px -32px;
}
#socialmedia a#social-pinterest{
	background-position:0px -48px;
}

/*  these staffsocial items are used to align the revised social media links to the bottom of the staff popups */
#staffsocial{
	float:right;
}
#staffsocial a{
	height:16px;
	padding-left:20px;
	margin-left:20px;
	display:block;
	float:left;
	font-family:"Swis721CnBTBold",Arial,Helvetica,sans-serif;
	font-size:12px;
	display:block;
	background:url(../images/sprite-socialmedia.png) no-repeat top left;
}
#staffsocial a#staffsocial-facebook{
}
#staffsocial a#staffsocial-twitter{
	background-position:0px -16px;
} 
#staffsocial a#staffsocial-youtube{
	background-position:0px -32px;
}
#staffsocial a#staffsocial-pinterest{
	background-position:0px -48px;
}


#copyright span{
	text-align:center;
	color:#7E7B6A;
	font-size:12px;
	display:block;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
    position: relative;
	vertical-align: baseline;
	}
sup {
	top: -0.5em;
	}
sub {
	 bottom: -0.25em;
	}

/* last section here to make specific styles stick */
a.xred:hover h4
{
	color:#990000;
}

/* styles to clean excessive inline styling */
li.rate
{
	/* lis for the course rates */
	float:right !important;
	width:20% !important;
	text-align:center;
}