@charset "UTF-8";
/* CSS Document */

/***********  Define body rules  **********/

	body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 130%; 
	background-image: url(images/site_background.jpg); background-position:top; background-repeat:no-repeat; background-color: #336633; }

/***********  Define headline style  ************/

	h1 { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight:bold; color: #003300; }
	h2 { font-size: 14px; font-weight:bold; color: #333333; }
	h3 { font-size: 12px; font-weight:bold; color: #333333; }

/***********  Define nav link style  ************/

	a:link { color: #003300; text-decoration: none; font-weight:bold; }
	a:visited { color: #003300; text-decoration: none; font-weight:bold; }
	a:hover { color: #003300; text-decoration: underline; font-weight:bold; }
	a:active { color: #003300; text-decoration: none; font-weight:bold; }
	
	.teeTime a:link { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; color: #003300; text-decoration: none; }
	.teeTime a:visited { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; color: #003300; text-decoration: none; }
	.teeTime a:hover { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; color: #003300; text-decoration: underline; }
	.teeTime a:active { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; color: #003300; text-decoration: none; }

/***********  Define homepage rules  ************/

	.wrapper { width: 900px; margin: 0 auto; }
	.navHolder { width: 900px; height: 108px; }
	.hpHeader { width: 900px; height: 352px; top: 3px; position: relative; background-image: url(images/HP_Header.jpg); background-repeat: repeat; }
	.hpHeader img { z-index: 1;position: absolute; }
        .hpHeader .ad { background: url(/images/adBG.png); top: 210px; left: 285px; width: 600px; color: #fff; position: absolute; z-index: 100; padding: 5px;} 
	.hpContent { width: 892px; height: 550px; top: 6px; padding: 4px; position: relative; background-color: #FFFFFF; }
	.hpFloatLeft { width: 348px; height: 550px; position: relative; background-image: url(images/HP_TeeTime.jpg); background-repeat: no-repeat; float: left; }
	.hpFloatRight { width: 539px; height: 550px; position: relative; background-image: url(images/HP_contentBG.jpg); float: right; }
	.rightContent { top: -16px; position: relative; }
	.leftContent { top: -22px; padding: 22px; position: relative; }
	.headline { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight:bold; color: #003300; }
	.subhead { font-size: 16px; font-weight:bold; color: #333333; }
	.highlight { font-size: 12px; font-weight:bold; color: #336633; }
	.content { width: 892px; top: 3px; padding: 4px; position: relative; background-color: #FFFFFF; }
	.floatLeft { width: 300px; height: 409px; position: relative; background-image: url(images/HP_TeeTime.jpg); background-repeat: no-repeat; float: left; }
	.floatRight { width: 585px; height: 409px; position: relative; background-color: #FFFFFF; float: right; }
	.floatRightContent { width: 550px; left: -5px; position: relative; background-color: #FFFFFF; float: right; }
	.rightContentGeneric { top: -22px; padding: 9px; position: relative; }
	.floatLeftGeneric { width: 300px; height: 300px; padding: 11px; position: relative; background-image: url(images/Subset_TeeTime.jpg); background-repeat: no-repeat; float: left; }
	.floatLeftSubset { width: 300px; height: 409px; position: relative; float: left; }
	.footer { width: 900px; text-align: center; padding-top: 22px; font-size: 12px; color: #FFFFFF; clear: both; }
	.redStar { top: 8px; font-size: 20px; color: #CC0000; position: relative; }
	.greenText { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight:bold; color: #003300; }
	.rentals { top:230px; left: -5px; position: relative; }
	
	
div.calendarbutton{
                position: absolute;
                width: 15px;
                height: 16px;
                background: transparent url("/images/calendar_icon.png") no-repeat center;
}
 
#CalendarPickerControl{
                background-color: transparent;
                width: 250px;
                height: 200px;
}
 
#CalendarPickerControl table.calframe{
                width: 100%;
                border: 1px solid black;
                background-color: buttonface;
                text-align: center;
}
 
#CalendarPickerControl td.monthname{
                width: 100%;
                font: normal 13px Verdana;
                color: captiontext;
                font-weight: bold;
                background-color: activecaption;
}
 
#CalendarPickerControl td.monthnameLNX{
                width: 100%;
                font: normal 13px Verdana;
                color: highlighttext;
                font-weight: bold;
                background-color: highlight;
}
 
#CalendarPickerControl table.navigation{
                width: 100%;
                text-align: center;
}
 
#CalendarPickerControl td.navbutton{
                font: normal 11px Verdana;
                color: buttontext;
                font-weight: bold;
                background-color: buttonface;
                border-width: 1px;
                border-style: solid;
                border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
                cursor: pointer;
}
 
#CalendarPickerControl td.navbutton:hover{
                text-decoration: underline;
                border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
                background-color: buttonshadow;
}
 
#CalendarPickerControl span.yearbutton{
                cursor: pointer;
}
 
#CalendarPickerControl span.yearbutton:hover{
                text-decoration: underline;
}
 
#CalendarPickerControl td.dayname{
                font: normal 11px Verdana;
                color: captiontext;
                font-weight: bold;
                background-color: activecaption;
}
 
#CalendarPickerControl td.daynameLNX{
                font: normal 11px Verdana;
                color: highlighttext;
                font-weight: bold;
                background-color: highlight;
}
 
#CalendarPickerControl td.today{
                font: normal 11px Verdana;
                background-color: buttonface;
                color: red;
                text-decoration: none;
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}
 
#CalendarPickerControl td.today:hover{
                text-decoration: underline;
                background-color: threedshadow;
                border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}
 
#CalendarPickerControl td.current{
                font: normal 11px Verdana;
                font-weight: bold;
                background-color: highlight;
                color: highlighttext;
                text-decoration: none;
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}
 
#CalendarPickerControl td.current:hover{
                text-decoration: underline;
}
 
#CalendarPickerControl td.day{
                font: normal 11px Verdana;
                background-color: buttonface;
                color: buttontext;
                text-decoration: none;
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}
 
#CalendarPickerControl td.day:hover{
                text-decoration: underline;
                background-color: threedshadow;
                border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}
 
#CalendarPickerControl td.weekend{
                font: normal 11px Verdana;
                color: buttontext;
                text-decoration: none;
                background-color: threedshadow;
                font-style: italic;
                cursor: pointer;
                border-width: 1px;
                border-style: solid;
                border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}
 
#CalendarPickerControl td.weekend:hover{
                background-color: buttonshadow;
                text-decoration: underline;
                border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}
 
#CalendarPickerControl td.dayothermonth{
                font:normal 11px Verdana;
                background-color: buttonhighlight;
                color: inactivecaptiontext;
                border: 1px solid buttonhighlight;
}
 
#CalendarPickerControl td.weeknumber{
                font:normal 9px Verdana;
                background-color: buttonface;
                color: inactivecaptiontext;
                border-width: 0px;
}