/* Element Styles */
body {
	background:#000000 url(images/bg.gif) top center repeat-x;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

h1 {
	margin:0;
	padding:0 0 .8em;
	color:#703a0b;
	font-size:1.5em;
	font-weight:normal;
}
h2 {
	color:#703a0b;
	font-size:1.3em;
	font-weight:normal;
	margin:0;
	padding:0 0 .8em;
}
p {
	color:#866522;
	margin:0;
	padding:0 0 1em 0;
}

.playersCard { margin:15px 0; }
	.playersCard img { border: none; width: 297px; height: 241px; } 
.card .playersCard img { width: 260px; height: 210px; }

.golfLogoHolder { 
margin-bottom:85px;
margin-top:8px;
}
.golfLogo { 
	width: 120px; 
	float: left; 
	margin-left: 14px; 
	padding: 0; }

/* Main Layout */
#wrapper {
	background:url(images/bg.jpg) top center no-repeat;
}
#header {
	width:960px;
	margin:0 auto;
	position:relative;
}
.headerImage {
	margin-left:8px;
	float:left;
}
#nav {
	background:url(images/pageHeader.gif) no-repeat;
	width:910px;
	height:50px;
	padding:0;
	float:left;
	position:relative;
	z-index:2;
}
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}
#nav ul li {
	position:relative;
	float:left;
	width:auto;
	text-align:center;
	line-height:50px;
	font-size:16px;
	color:#fdeeba;
	font-weight:bold;
	text-transform:none;
}
#nav ul li a {
	display:inline-block;
	text-decoration:none;
	color:#fdeeba;
}
#nav ul li a:hover {
	background:url(images/right-nav-over.gif) center left no-repeat;
}
#nav ul li a span {
	padding:0 20px;
	display:block;
}
#nav ul li a:hover span {
	background:url(images/right-nav-over-right.gif) right center no-repeat;
}
#nav ul li ul {
	position:absolute;
	top:50px;
	left:0px;
	display:none;
	background:url(images/drop-down-nav.gif) top left no-repeat;
	width:188px;
	padding:2px 0 0 0;
}
#nav ul li ul .last {
	background:url(images/drop-down-nav-bottom.gif) bottom left no-repeat;
	height:4px;
	line-height:4px;
	font-size:4px;
}
#nav ul li:hover ul {
	display:block;
}
/* I use #header here to overwrite the .homePage below */
#header #nav ul li ul li {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
#header #nav ul li ul a {
	float:none;
	display:block;
	width:auto;
	text-align:center;
	color:#f9dfa4;
	text-transform:none;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	padding:5px 0;
}
#header #nav ul li ul a:hover {
	background:#8f501f;
}
#logo {
	background:url(images/logoHolder.gif) top center no-repeat;
	width:910px;
	height:93px;
	margin:0 auto;
}
#logo a:hover {
	background:url(images/logo-hover.jpg) no-repeat;
}
#logo a {
	background:url(../images/vanguard-golf-management.jpg) no-repeat;
	display:block;
	width:337px;
	height:93px;
	margin:0 auto;
}
#logo img {
	display:none;
}
#pageHeader {
	background:url(images/pageHeader.gif) no-repeat;
	width:910px;
	height:50px;
	padding:0;
}
#pageHeader .leftHeader {
	float:left;
	text-align:center;
	width:300px;
	line-height:50px;
	color:#592908;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	margin:0 30px 0 0;
	padding:0;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}
#pageHeader .rightHeader {
	float:left;
	color:#FDEEBA;
	font-size:16px;
	line-height:50px;
	text-align:left;
	text-transform:none;
	padding:0;
	width:555px;
	font-size:18px;
}
#pageHeader .phoneNumber {
	float:right;
}
#contentWrapper {
	width:910px;
	margin:0 auto;
}
#mainContentFooter,
#mainContentHeader,
#mainContent {
	float:left;
	width:910px;
}
#leftContent {
	float:left;
	width:297px;
}
#rightContent {
	float:left;
	width:540px;
	padding:30px 20px 20px 40px;
}
#rightContent img {
	border-style:none;
}
#fullContent {
	float:left;
	padding:30px 40px;
}
#rightContent .splitter {
	width:400px;
}
#footer {
	background:url(images/home/footer.gif) top center no-repeat;
	width:910px;
	margin:0 auto;
	color:#332509;
	text-align:center;
}
#footer p {
	padding:45px 0 25px;
	margin:0;
	font-size:10px;
}
/* Email Signup Box */
#emailSignup {
	background:url(images/email-signup.jpg) no-repeat;
	width:297px;
	height:147px;
	float:left;
	margin:40px 0 0 0;
}
#emailSignup form {
	text-align:center;
	padding:0;
	margin:0;
	color:#faaf27;
}
#emailSignup .leftSplitter {
	margin:-10px 0 -11px 0;
	position:relative;
}
#leftContent #emailSignup form p {
	margin:0;
	padding:0;
}
#emailSignup form label {
	padding:51px 0 20px 113px;
	margin:0;
	text-align:left;
	font-size:12px;
	float:left;
	color:#faaf27;
}
#emailSignup form input {
	background:url(images/input-box.gif) right top no-repeat;
	width:151px;
	height:26px;
	padding:10px 20px 0;
	line-height:18px;
	color:#a18a3d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	border:none;
	vertical-align:top;
	text-align:left;
}
#emailSignup form button {
	background:url(images/go-button.jpg) top left no-repeat;
	width:43px;
	height:36px;
	border:none;
	text-indent:-999em;
}
#emailSignup form button:hover {
	background:url(images/go-button-on.jpg) top left no-repeat;
}


/* Homepage Specific */
.homePage #nav {
	margin:0 0 0 25px !important;
	margin:0 0 0 13px;
}
.homePage #nav ul li {
	margin:0 10px;
}
#headerSlideShow {
	height:270px;
	overflow:hidden;
	position:relative;
	width:950px;
}
.homePage #nav ul .leftHeader {
	float:left;
	text-align:center;
	width:300px;
	line-height:50px;
	color:#592908;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	margin:0 50px 0 0;
}
.homePage #nav ul .leftHeader a {
	color:#592908;
	float:left;
	width:100%;
	height:100%;
}
.homePage #nav ul .leftHeader a span {
	padding:0;
	display:inline-block;
}
.homePage #nav ul .leftHeader a:hover span {
	background:none;
}
.homePage #nav ul .leftHeader a:hover {
	background:url(images/left-header-over.gif) no-repeat;
}
.homePage #nav ul .leftHeader ul {
	left:50px;
}
.homePage #mainContent {
	background:url(images/home/content-repeat.gif) repeat-y;
}
.homePage #mainContentHeader {
	background:url(images/home/content-top.jpg) top left no-repeat;
}
.homePage #mainContentFooter {
	background:url(images/home/content-bottom.jpg) bottom left no-repeat;
}
/* Home Page Course Hover Over Menu and Image Switcher */
#leftSwitcher {
	width:297px;
	height:156px;
	background:url(images/home/left-slideshow-top.png) top left no-repeat;
}
#leftSwitcher img {
	margin:32px 0 0 44px;
}
#leftSwitcherMenu {
	float:left;
	width:297px;
	background:url(images/home/left-slideshow-bg.gif) repeat-y;
}
#leftSwitcherMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	text-transform:uppercase;
}
#leftSwitcherMenu li {
	padding:0 0 5px 0;
}
#leftSwitcherMenu a {
	color:#592908;
	font-size:18px;
	text-decoration:none;
	display:block;
	padding:5px 0;
}
#leftSwitcherMenu a:hover {
	background:url(images/home/left-slideshow-a-hover.gif) top left no-repeat;
}
#leftSwitcherMenu ul span {
	font-size:12px;
	display:block;
	text-transform:none;
	color:#faaf27;
	background:url(images/home/left-slideshow-span-bg.gif) bottom center no-repeat;
	padding:5px 0 15px 0;
}
#leftSwitcherMenu ul .last span {
	/* I know, odd, clear.gif? There was an issue with some text disapearing in IE7 when I set it to none. I promise.. uhg okay fine. Set it to none, but go hover over the left menu switcher on the home page... yeah the text just dissapeared didn't it? Now put my clear.gif back. Thank you. */
	background:url('images/clear.gif');
}
.homePage #rightContent .splitter {
	width:500px;
}
/* Inner Page Layouts */
.innerPage #contentWrapper {
	background:url(images/sub-content-bg.gif) repeat-y;
}
.innerPage .headerImage {
	margin:39px 0 0 13px;
	height:172px;
	width:936px;
}
.innerPage #headerOverlay {
	background:url(images/inner-overlay.png) top left no-repeat;
	width:950px;
	height:215px;
	margin:0 0 0 8px;
	position:absolute;
	top:93px;
	left:0;
}
.innerPage #nav {
	margin:0;
	position:absolute;
	top:97px;
	left:25px;
	background:none;
}
.innerPage #nav li {
	line-height:34px;
}
.innerPage #nav li {
	margin:0 30px;
}
.innerPage #nav ul li ul {
	top:34px;
}
.innerPage #footer {
	background:url(images/sub-footer.gif) top center no-repeat;
}
/* Full Content Page */
.fullPage #mainContentFooter {
	background:url(images/sub-content-bottom.jpg) bottom center no-repeat;
	min-height:380px;
}
/* Left Slim Column / Right Main Content Page*/
.splitPage #mainContentFooter {
	background:url(images/sub-content-bottom.jpg) bottom center no-repeat;
	min-height:380px;
	padding: 0 0 20px;
	width:910px;
}
.splitPage #leftContent {
	padding:30px 20px 20px 40px;
	width:277px;
}
.splitPage #leftContent .box {
	margin:0 0 20px 0;
}
.splitPage #rightContent {
	padding:30px 0 0 0;
}
/* Course page */
.coursePage #wrapper #contentWrapper {
	background:url(images/course-content-bg.gif) top left repeat-y;
}
.coursePage #mainContentHeader {
	background:url(images/course-content-header.jpg) left 50px no-repeat;
}
.coursePage #mainContentFooter {
	background:url(images/course-content-bottom.jpg) bottom left no-repeat;
}
.coursePage #leftContentHeader {
	padding:40px 0 0 0;
	background-image: url(../images/backgroundslide.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:196px;
}
.coursePage #leftContent p {
	margin:0 30px;
	color:#ffe79a;

}
.coursePage #wrapper #footer {
	background:url(images/home/footer.gif) top center no-repeat;
}
/* Course Slideshow */
.courseSlideShow {
	width:261px;
	padding:0 0 20px 18px;
}
.courseSlideShow .imageWindow {
	background:url(images/slideshow-image-window.gif) top left no-repeat;
	width:261px;
	height:188px;
}
.courseSlideShow #slideshowCurrentImage {
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	height:178px;
	margin:5px 0 0 5px;
	width:251px;
}
.courseSlideShow .controlBox {
	background:url(images/slideshow-control-box.jpg) top left no-repeat;
	width:261px;
	height:31px;
	line-height:31px;
	text-align:center;
	text-transform:uppercase;
	color:#592908;
}
.courseSlideShow .controlBox #slideshowGoBack {
	background:url(images/slideshow-back-button.jpg) top left no-repeat;
	width:22px;
	height:28px;
	float:left;
	margin:0 0 0 9px;
	text-indent:-999em;
	cursor:pointer;
}
.courseSlideShow .controlBox #slideshowGoForward {
	background:url(images/slideshow-forward-button.jpg) top left no-repeat;
	width:23px;
	height:28px;
	float:right;
	margin:0 9px 0 0;
	text-indent:-999em;
	cursor:pointer;
}

/* Applied Styles */
.textCenter {
	text-align:left;
}
.textLarge {
	font-size:1.2em;
}
#contentWrapper #mainContent .textHighlight {
	color:#592908;
}
.left {
	float:left;
}
.leftSplitter {
	position:relative;
	margin-bottom:-10px;
	background:url(images/splitter.png) top left no-repeat;
	width:297px;
	height:21px;
}
.splitter {
	background:url(images/splitter-content-right.gif) top center no-repeat;
	width:583px;
	height:23px;
	position:relative;
	margin:10px auto;
}
.splitter hr {
	display:none;
}
.noSpacing {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}

/* Boxes */
.box {
	background:url(images/box-top.png) top left no-repeat;
	width:261px;
}
.boxFooter {
	background:url(images/box-bottom.gif) bottom left no-repeat;
	padding:10px 0;
}
.box ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
}
.box ul li {
	background:url(images/bullet.gif) 6px 13px no-repeat;
	padding:10px 20px 10px 50px;
	line-height:1.8em;
}
.box ul li.odd {
	background:url(images/box-li-light.gif) top left repeat-y;
}
.box ul a {
	text-decoration:none;
	color:#866522;
}
.boxSmall {
	background:url(images/old-man.jpg) top left no-repeat;
	height:220px;
	width:258px;
	padding:26px 0 0 15px;
}
.boxSmall p {
	padding:0 128px 0 0;
	margin:0;
}
.homeBoxHolder {
	position:relative;
	margin:0 0 0 -11px;
}
.homeBoxHolder .box {
	float:left;
}
.homeBoxHolder .boxSmall {
	position:relative;
	float:left;
	margin:-12px 0 0 14px;
}
 #fullContent ul li {
	color:#866522;
 }
 #fullContent ul {
	margin-left:25px;
 }
#rightContent p a {
	color:#866522;
}
#leftContentHeader .navLinks a {
	color: #FEE799;
	font-size:16px;
}
#leftContentHeader .navLinks a:hover {
	color:#00F;
}.imageRight.imageBorder {
	padding: 8px;
	float: left;
}
.card {
	width:260px;
	margin:0px 0 0 0px;
}
.card img {
	border-style:none;
}