/* -- SCREEN CSS --*/
* {margin: 0px; padding: 0px;}
body {
	background: #437237 url("images/greenAllTexture.gif");
	font-size: 1em;
	font-family: "Trebuchet MS", sans-serif;
}
ul, ol, li {list-style-type: none;margin: 0px; padding: 0px;}
h1, h2, h3{margin: 0px; padding: 0px;font-size: .8em;}
h4 {font-size: .7em; color: #5A2920;}
img {border: 0px;}
a:link, a:visited { color: #5A2920; text-decoration: underline;}
a:active, a:hover { color: #301712; text-decoration: none;}
p, .bd {color: #5A2920; padding: 2px 0px 4px 0px; font-size:.8em;}
blockquote {font-family: 'Garamond', serif; color: #5A2920; margin: 5px 30px 5px 50px; font-size: 1em;font-style: italic;} 
fieldset {padding: 10px;border: 1px solid #393230;}
legend {}
fieldset label {}
fieldset .label {}
fieldset .input {}
label.normal {width: 200px;}
.imgText {display: none;}
.clearAll {clear: both; line-height: 0px;font-size: 1px;}
.clearLeft {clear:left;}
.clearRight {clear:right}

.form-item { margin-bottom: 10px; float:left; clear:left; width:330px; }
.form-item dt { width:126px; float:left; clear:left; }
.form-item dd { width:175px; float:left; }
.form-item-textarea dt { margin-bottom: 5px; }
.form-item-textarea dd { width:auto; }
.form-error { border: 1px solid #5A2920; width:330px; padding:5px 10px; background: #c47070; margin-bottom:10px; }
.form-error p { color:#ffffff; }

.cat-list p,
.sub-cat-list p {
	padding: 5px;
}
.cat-list p.alt,
.sub-cat-list p.alt { background:#DAB77D; }

.cat-list .active,
.sub-cat-list .active {
	padding:0 3px;
	background:#B09464;
	text-decoration:none;
}
/* -- These div's can go in-between p tags in the body to allow for an img and a p tag within. creates an image with a caption -- */
div.leftBodyImage {float: left;margin: 0px;padding: 0px;}
div.rightBodyImage {float: right;margin: 0px;padding: 0px;}
div.leftBodyImage p img, div.rightBodyImage p img {margin: 0px !important;}
div#middleContainer p img { margin: 5px !important;}
img.leftBodyImage {float: left;border: 1px solid #9C5C2A;margin: 3px 9px 4px 0px;}
img.rightBodyImage {float: right;border: 1px solid #9C5C2A;margin: 3px 0px 4px 7px;}
p.leftBodyImage img {float: left;border: 1px solid #9C5C2A;margin: 3px 9px 4px 0px;}
p.rightBodyImage img {float: right;border: 1px solid #9C5C2A;margin: 3px 0px 4px 7px;}


img.photoGal {width: 290px;}
div.leftBodyImage p, div.rightBodyImage p {text-align: center;font-weight: bold;}	
div.leftBodyImage p img, div.rightBodyImage p img {margin: 3px;border: 1px solid #9C5C2A;}

img.photoGalCourseHole { width:352px; }
div.photoGalCourseHoleWrapper { }

.rightBlockBrown {
	width: 200px;
	border: 1px solid #C4A970;
	background: #E2CF76;
	padding: 10px;
	float: right;
	clear: right;
	margin: 10px;
	}
.rightBlockGreen {
	width: 200px;
	border: 1px solid #C4A970;
	background: #E3E893;
	padding: 10px;
	float: right;
	clear: right;
	margin: 10px;
	}

.rightBlockGreenEvents {
  height: 460px;
  overflow: auto;
  }
	
.rightBlockPlain {
	width: 200px;
	/*border: 1px solid #C4A970;*/
	text-align: right;
	background: none;
	padding: 10px;
	float: right;
	clear: right;
	margin: 10px;
	margin-bottom: 0px;
}
.rightBlockGreen dl, .rightBlockBrown dl {}
.rightBlockGreen dl dt, .rightBlockBrown dl dt {font-size: .8em; color: #5A2920; font-weight: bold;margin-top: .4em;}
.rightBlockGreen dl dd, .rightBlockBrown dl dd {font-size: .8em;}

.brightLink:link, .brightLink:visited {color: #FFFFFF; text-decoration: none;}
.brightLink:active, .brightLink:hover {color: #DDDDDD; text-decoration: underline;}
div#all {}
h1#welcomeMessage {
	background-image: url("images/welcomeToCherryHillClub.gif");
	background-repeat: no-repeat;
	background-position: -4px bottom;
	display: block;
	width: 765px;
	height: 26px;
	margin: 0px auto 0px auto;
	}
div#most {
	clear: left;
	width: 765px;
	margin: auto;
	padding: 2px;
	background-color: #F0DF91;
	}
	h1#topBanner {
		background: url("images/randomImage.asp") top left no-repeat;
		display: block;
		width: 765px;
		height: 167px;
		margin: 0px auto 0px auto;
		/*zoom: 1;*/
		}
		h1#topBanner a {
			/*
			background: url("images/topBanner.jpg") top left no-repeat;
			background: url("images/randomImage.asp") top left no-repeat;
			*/
			display: block;
			width: 765px;
			height: 167px;
			margin: 0px auto 0px auto;
			}
	ol#topNavList {
		/*display: in-line;*/
		width: 763px;
		margin: 0px auto;
		padding: 3px 0px 0px 0px;
		background: #393230 url("images/greenTopNavTexture.gif") top left repeat-x;
		text-align: right;
		}
		ol#topNavList li {
			display: inline;
			padding: 0px;
			margin: 0px;
			}
			ol#topNavList li a {}
		.brownBar {
			background: #9C5C2A; width: 763px; margin: auto; height: 8px;font-size: 4px;
			}
	div#content {
		width: 763px;
		margin: 0px auto;
		padding: 0px;
		background: #436124 url("images/greenTextureleftNav.gif");
		}
		div#navLeft {
			float: left;
			width: 141px;
			}
			div#login {
				width: 141px;
				background: #3C422C url("images/leftNav/membersLogin_bg") top left repeat-y;
				margin-top: 0px;
				padding-bottom: 10px;
				}
				ol#membersOnly li h2 {
					color: #FFFFFF;
					padding-left: 14px;
				}
				#membersLoginText {
					display: block;
					width: 141px;
					height: 32px;
					background: url("images/leftNav/membersLogin_top.jpg");
					}
				ol#membersLoginBody {
					text-align: center;
					color: #FFFFFF;
					/*background: url("images/leftNav/membersLogin_btm.jpg") bottom left no-repeat;*/
					}
					ol#membersLoginBody li {
						padding: 3px 12px;
						clear: left;
					}
					ol#membersLoginBody li h4 {color: #ffffff !important;}
					#submitLogin {
						display: none;
						/*float: left;*/
						width: 48px;
						height: 17px;
						margin-left: 35px;
						background-image: url("images/leftNav/btn_submit.jpg");
						background-repeat: no-repeat;
						
						}
					#logout {
						display: block;
						/*float: right;*/
						width: 48px;
						height: 30px;
						margin-left: 35px;
						background: url("images/leftNav/btn_logout.jpg") 0px 11px no-repeat;
						
						}
					#btnSubmit {
					color: #D3BD68;
					background: #687A4A;
					border: 1px solid #252918;
					border-width: 0px 1px 1px 0px;
					font-size: 10px;
					font-family:Arial, Helvetica, sans-serif;
					/*
					height: 0px;
					background: 3c422c; border:0px solid #3c422c;
					*/
					}
			div#leftNavSub {}
				ol#membersOnly {
					background: #3C422C;
					}
				ol#membersOnly li h2 {font-size: .7em;text-align:center;padding-left: 5px;color: #f6f6f6;}
				li#memOnlyLabel {
					background: url("images/leftNav/membersOnly.jpg") top left;
					background-repeat: no-repeat;
					display: block;
					height: 62px;
					}
				a.ablock {display: block;width: 141px;height: 27px;}
				a.ablock:link, a.ablock:visited {background-position: 0px 0px;}
				a.ablock:active, a.ablock:hover {background-position: -141px 0px;}
				
				/* ablock links */
				a#leftCalLink {background-image: url("images/leftNav/btn_calendars.jpg");}
				a#leftCourseLink {background-image: url("images/leftNav/btn_reg_course.jpg");}
				a#leftDiningLink {background-image: url("images/leftNav/btn_dining.jpg");}
				a#leftTournamentsLink {background-image: url("images/leftNav/btn_tournaments.jpg");}
				a#leftBoardNStaffLink {background-image: url("images/leftNav/btn_boardAndStaff.jpg");}
				a#leftNewsletterLink {background-image: url("images/leftNav/btn_newsletter.jpg");}
				a#leftSignupForMembership {background-image: url("images/leftNav/btn_signup.jpg");}
				a#leftProfileLink {background-image: url("images/leftNav/btn_profile.jpg");}
				a#leftDownloadRulesLink {background-image: url("images/leftNav/btn_rules.jpg");}
				a#leftRegTournamentLink {background-image: url("images/leftNav/btn_reg_tournament.jpg");}
				a#leftRegLessonCaddieLink {background-image: url("images/leftNav/btn_reg_lesson_caddie.jpg");}
				a#leftRegEventLink {background-image: url("images/leftNav/btn_reg_event.jpg");}
				a#leftRegDiningLink {background-image: url("images/leftNav/btn_reg_dining.jpg");}
				a#leftRegLinksLink {background-image: url("images/leftNav/btn_links.jpg");}

		div#rightBlock {
			background: #F0DF91 url("images/contentLeftShade.gif") top left repeat-y;
			width: 600px;
			margin: 0px;
			float: right;
			padding-left: 15px;
			padding-right: 4px;
			}
			div#rightBlockInside {	
				border: 1px solid black;
				border-width: 1px 0px;
				margin: 3px 0px;
				}
				a#buffaloDirections {
					display: block;
					background-image: url("images/rightDivs/btn_fromBuffalo.gif");
					background-repeat: no-repeat;
					width: 145px;
					height: 38px;
					}
				a#torontoDirections {
					display: block;
					background-image: url("images/rightDivs/btn_fromToronto.gif");
					background-repeat: no-repeat;
					width: 144px;
					height: 36px;					
					}
				div#peaceBridgeDiv {text-align: center;}
				a#peaceBridgeLogo {
					display: block;
					background-image: url("images/rightDivs/peaceBridgeLogo.gif");
					background-repeat: no-repeat;
					width: 137px;
					height: 64px;
					margin: 0px auto;
					}
/* -- ==== Map and other Full Screen (No Left Nav) Screen ==== -- */
		div#allBlock {
			border: 1px solid black;
			border-width: 1px 0px;
			margin: 0px 0px;
			padding: 5px 5px;
			background: #F0DF91;
			}
			div#courseMap {
			border: 1px solid black;
			border-width: 1px 0px;
			padding: 2px 0px;
			}
				div#mapLeft {
				border: 1px solid #C4A970;
				background: #F1EEB9;
				overflow:auto;
				padding: 9px 9px 54px;
				width: 310px;
				}
					#dynDesc p {clear:left;}
					#dynTee {width: 175px;}
					#dynHole {width: 125px;float: right;margin-bottom: 10px;padding-bottom: 10px;}
					#dynHoleHeadings {
						background-position:left top;
						background-repeat:no-repeat;
						height:20px;
						overflow:visible;
						padding:20px 0 10px;
						position:relative;
						width:100%;
					}
					#dynHoleHeadings .heading {
						color:#ECF1B7;
						font-size:15px;
						font-weight:bold;
						left:50px;
						padding-left:0;
						position:absolute;
						top:15px;
					}
					#dynHoleHeadings .subheading { 
						color:#ECF1B7;
						font-size:12px;
						font-weight:bold;
						position:absolute;
						right:37px;
						top:17px;
					}
					
					
					.dynHoleStatsHeader {
						color: #375124;
						font-size: 11px;
						font-weight: bold;
					}
					.dynHoleStatsHeader .statHeadTee { padding-left: 27px; }
					.dynHoleStatsHeader .statHeadYardage { padding-left: 17px; }
					.dynHoleStatsHeader .statHeadHandicap { padding-left: 10px; }
					
					.dynCourseStatsHeader .courseStatHeadTee      { padding-left: 30px; }
					.dynCourseStatsHeader .courseStatHeadYardage  { padding-left: 30px; }
					.dynCourseStatsHeader .courseStatHeadPar      { padding-left: 16px; }
					.dynCourseStatsHeader .courseStatHeadSlope    { padding-left: 21px; }
					.dynCourseStatsHeader .courseStatHeadIndex    { padding-left: 16px; }
					
					
					.dynCourseStatsHeader {
						font-size: 12px;
					}
					
					.dynHoleStatsWrapper {
						border: 1px solid #687a4a;
						padding: 6px;
						background: #d7d7a3;
						float: left;
						margin: 0 0 10px 0;
					}
					
					.dynCourseStatsWrapper {
					}
					
					.dynHoleStats {
						background: #d7d7a3;
					}
					
					.dynHoleStats tr td {
						color: #375124;
						font-size: 11px;
						font-weight: bold;
						padding: 2px 14px 2px 10px;
						border-bottom: 1px solid #a0a875;
						border-right: 1px solid #a0a875;
					}
					
					.dynCourseStats tr td {
						font-size: 12px;
						padding: 4px 16px 4px 12px;
					}
					
					.dynHoleStats tr td img.statDot {
						margin-right: 4px;
					}
					.dynHoleStats tr td.td-bottom {
						border-bottom: none !important;
					}
					
					.dynHoleStats tr td.td-right {
						border-right: none !important;
					}
					
					.dynHoleStats tr.alt td {
						background: #e0e1b9;
						border-bottom: 1px solid #a0a875;
					}
					
					#dynHeading {width: 282px;height: 40px;}
					/*#dynLink {margin: 2px 0px 4px 1px; width: 180px;}*/
					#dynLink {
						display:block;
						width: 120px;
						height: auto;
						float:right;
						clear:right;
						margin: 0px 0px 0px 10px;
						padding-top: 8px;
					}
					p.dynClearRight {clear: right;}
					#dynLink h3 {
						text-align:right;
					}
				div#mapRight {
					width: 395px;
					border: 1px solid #C4A970;
					background: #F1EEB9;
					padding: 9px;
					float: right;
					clear: right;
					margin: 0px;
					}			
				div#lowerImages {
					background: #DAB77D url("images/imageTitleImages/bg.jpg") top left repeat-x;
					margin-top: 4px;
					}		
				div#lowerImages p {margin: 10px;}
				div#lowerImages p img {margin: 5px;}
				div#lowerImages p img.right {float: right;}
				div#lowerImages p img.left {}
				
	/* ==== div labels ==== */
	h2#weatherText {
		display: block;
		width: 95px;
		height: 24px;
		margin-bottom: 5px;
		background-image: url("images/rightDivs/weather.gif");
		}
	h2#directionsText {
		display: block;
		width: 94px;
		height: 24px;
		background-image: url("images/rightDivs/directions.gif");
		}
	h2#courseConditionsText {
		display: block;
		width: 158px;
		height: 24px;
		background-image: url("images/rightDivs/courseConditions.gif");
		}
	h2#welcomeText,h2#welcomeTextAbout,h2#welcomeTextBoardstaff,
	h2#welcomeTextCalendars,h2#welcomeTextDining,h2#welcomeTextDiningCatering,
	h2#welcomeTextGettingHere,h2#welcomeTextMembership,h2#welcomeTextNewsletter,
	h2#welcomeTextPhotoGallery,h2#welcomeTextTheCourse,h2#welcomeTextTournaments,
	h2#welcomeTextUpcomingEvents, h2#welcomeTextMembers, h2#welcomeTextHistoryBook,
	h2#welcomeTextContactUs {
		display: block;
		width: 220px;
		height: 31px;
		background-image: url("images/welcometocherryhill.gif");
		background-repeat: no-repeat;
		margin: 10px 0px;
		}
	h2#welcomeTextMembers {background-image: url("images/headers/welcomeCherryHillMember.gif");width: 286px;}		
	h2#welcomeTextAbout {background-image: url("images/headers/aboutcherryhill.gif");}	
	h2#welcomeTextBoardstaff {background-image: url("images/headers/boardstaff.gif");}	
	h2#welcomeTextCalendars {background-image: url("images/headers/calendars.gif");}	
	h2#welcomeTextDining {background-image: url("images/headers/dining.gif");}	
	h2#welcomeTextDiningCatering {background-image: url("images/headers/diningcatering.gif");}	
	h2#welcomeTextGettingHere {background-image: url("images/headers/gettinghere.gif");}	
	h2#welcomeTextMembership {background-image: url("images/headers/membership.gif");}	
	h2#welcomeTextNewsletter {background-image: url("images/headers/newsletter.gif");}	
	h2#welcomeTextPhotoGallery {background-image: url("images/headers/photogallery.gif");}	
	h2#welcomeTextTheCourse {background-image: url("images/headers/thecourse.gif");}	
	h2#welcomeTextTournaments {background-image: url("images/headers/tournaments.gif");}
	h2#welcomeTextUpcomingEvents {background-image: url("images/headers/upcoming_events.gif");width: 170px;}
	h2#welcomeTextHistoryBook {background-image: url("images/headers/history_book.gif");width: 120px;}
	h2#welcomeTextContactUs {background-image: url("images/headers/contact_us.gif");width: 120px;}
	h2#membershipText {
		display: block;
		width: 220px;
		height: 31px;
		background-image: url("images/welcometocherryhill.gif");
		background-repeat: no-repeat;
		margin: 10px 0px;
		}
	/* ========== */
	div#footer {
		clear: both;
		margin: 0px auto;
		width: 763px;
		height: 62px;
		background: url("images/footerBg.jpg") no-repeat;
		font-size: 14px;
		}
		.left {
			float: left;
			clear: left;
			width: 48%;
		}
		.right {
			float: right;
			clear: right;
			width: 48%;
			}
		div#footer div.left p {
			color: #FFFFFF;
			padding: 8px;
			text-align: left;
			}
		div#footer div.right p {
			color: #FFFFFF;
			padding: 8px;
			text-align: right;
			}
	#copyrightInfo {
		width: 765px;
		margin: 10px auto;
		}
		.copyright {
			color: #FFFFFF;
			font-size: .7em;
			}
/* -- ============ Sub-Course Map Link Images ============================ -- */
#sub1 {background-image: url("images/subMapLinks/1_link.jpg");}
#sub2 {background-image: url("images/subMapLinks/2_link.jpg");}
#sub3 {background-image: url("images/subMapLinks/3_link.jpg");}
#sub4 {background-image: url("images/subMapLinks/4_link.jpg");}
#sub5 {background-image: url("images/subMapLinks/5_link.jpg");}
#sub6 {background-image: url("images/subMapLinks/6_link.jpg");}
#sub7 {background-image: url("images/subMapLinks/7_link.jpg");}
#sub8 {background-image: url("images/subMapLinks/8_link.jpg");}
#sub9 {background-image: url("images/subMapLinks/9_link.jpg");}
#sub10 {background-image: url("images/subMapLinks/10_link.jpg");}
#sub11 {background-image: url("images/subMapLinks/11_link.jpg");}
#sub12 {background-image: url("images/subMapLinks/12_link.jpg");}
#sub13 {background-image: url("images/subMapLinks/13_link.jpg");}
#sub14 {background-image: url("images/subMapLinks/14_link.jpg");}
#sub15 {background-image: url("images/subMapLinks/15_link.jpg");}
#sub16 {background-image: url("images/subMapLinks/16_link.jpg");}
#sub17 {background-image: url("images/subMapLinks/17_link.jpg");}
#sub18 {background-image: url("images/subMapLinks/18_link.jpg");}

a.subMapLink:link, a.subMapLink:visited {
display: block;
width: 22px;
height: 23px;
margin: 5px 3px 2px 13px;
background-position: 0px -23px;
background-repeat: no-repeat;
float: left;
}
a.subMapLink:active, a.subMapLink:hover {
background-position: 0px 0px;
}
div#subMapLinks {
background: #6C794B;
padding-left: 6px;
}
div.mapDirections {
width: 580px;
height: 350px;
border: 1px solid black;
}
.pdfLink {
padding-left: 20px;
background: url("images/pdfIcon.gif") top left no-repeat;
font-size: .8em;
}
table.details {font-size: 12px;}
table.adminMenu {font-size: 12px;}
tr.lightBG {background-color: #F0DF91;}
tr.darkBG {background-color: #EDD97C;}
ul.events {}
ul.events li{
font-size: 1em;
font-weight: bold;
margin: 0px 2px;
}
ul.events li ul {
margin: 0px 0px 0px 10px;
border: 1px dotted black;
}
ul.events li ul li {
font-weight: normal;
font-size: .9em;
}

/* --- pagination --- */
.pagination {
	clear:both;
	float:left;
	background: none;
	padding:4px;
}
.pagination-inner {
	display:block;
	float:left;
	clear:both;
}
.pagination-inner span,
.pagination-inner a:link,
.pagination-inner a:visited {
	display:block;
	float:left;
	margin:5px;
	padding: 3px 7px;
	background: #DAB77D;
	color: #301712
}
.pagination-inner span {
	color: #301712;
	background: #B09464;
}

.special-event-title { margin: .5em 0; }