/* CSS Document */


/*UNIVERSAL SELECTOR––––––––––––––––––––*/

* {
	margin: 0;
	padding: 0;
	}
	
/*MAIN––––––––––––––––––––*/

body {
	margin:25px 0px; 
	padding:0px;
	text-align:center;
	}

#global {
     margin: auto;
     width: 893px; /* mandatory in order to be to be centered */
	text-align: left;
     }

/* div applies to all fonts that are black*/
div {
	color: black;
	}
	
h1{
	font-family: Arial;
	font-size: 16px;
	margin-top: 15px;
	margin-left: 215px;
	font-weight:bold;
	width: 380px;
	}
	
h1 a{
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	}
	
h2{font-size: 12px;}

h3{font-size: 16px;}

h5{font-size: 14px; color:#607827;}

p{ 
	font-family: Arial;
	font-size:12px;
}

h4{
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
}

hr{
	font-size: 14px; 
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: normal;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-color:#000000;
	}
	
#advertising {
	float: left;
	padding-right: 10px;
	}

#advertising-pages {
	
	}

#top{
	background: url(../images/bg-01.gif);
	width: 833px;
	height: 297px;
	}
	
#middle{
	background: url(../images/bg-02.jpg)  bottom no-repeat;
	width: 833px;
	padding-top: 2px;
	margin-left: auto;
     margin-right: auto;
	}
	
#middle_expand{
	background-color:#00FF99;
	background: url(../images/menu-line.gif) top repeat;
	width: 833px;
	}

#bottom{
	background:  url(../images/bg-03.jpg) top no-repeat;
	width: 833px;
	height: 261px;
	text-align: left;
	}
	
#imagetop{
	position: absolute;
	margin-left: 199px;
	margin-top: -136px;
	width: 622px;
	height: 239px;
	}
	
#slogan{
	position: absolute;
	font-family: Arial;
	font-size: 12px;	
	text-align: center;
	margin-top: 175px;
	margin-left: 120px;
	font-style: italic;
	letter-spacing: .08em;
	z-index: 10;
	}

/*CONTENT––––––––––––––––––––*/

.content_main_advertising{
	text-align:justify;
	min-height: 350px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 225px;
	letter-spacing: .02em;
	width: 550px;
	padding-top: 15px;
	}


.content_main{
	text-align:justify;
	min-height: 350px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 225px;
	letter-spacing: .02em;
	width: 380px;
	padding-top: 15px;
	}

.content_main ul{
	padding-left: 15px;
	list-style: circle outside;
}

.content_main a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	}

.content_main a:hover {font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}

.content_main_extend{
	text-align:justify;
	min-height: 350px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 225px;
	letter-spacing: .02em;
	width: 580px;
	padding-top: 15px;
	}
	
#course_layout_border{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: left;
	}
	
.course_layout_border_content{
	height: 25px;
	text-align: left;
	border-bottom: 1px;
	border-color: # #DAE2CF;
	border-bottom-color:# #666666;
	border-bottom-style: dashed;
	border-color: #666666;
}

.greenfees_title_border_shading_light_green{
	height: 25px;
	text-align: left;
	background-color: #A9BE8F;
	padding-left: 10px;
	padding-right: 10px;
	border-top-style: solid;
	border-top-width:1px;
	border-color:#FFFFFF;
	}
	
.greenfees_border_shading_light_green{
	height: 50px;
	vertical-align: middle;
	text-align: center;
	background-color: #DAE2CF;
	border-left-style: solid;
	border-left-width:1px;
	border-top-style: solid;
	border-top-width:1px;
	border-color:#FFFFFF;
	} 
	
.greenfees_border_shading_dark_green{
	height: 50px;
	text-align: center;
	vertical-align: middle;
	background-color: #C8D5B7;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width:1px;
	border-color:#FFFFFF;
	} 
	
#header_right_01{	
	text-align: left;
	border: 0px;
	font-weight: bold;
	padding-bottom: 15px;
	}

.header_right_01 a{	
	background-color: #0099CC;
	text-decoration: none;
	color: #000000;
	}

#header_right_01 a:hover{	
	text-decoration: underline;
	color: #000000;
	}

#content_right_01{
	margin-top: 30px;
	margin-left: 630px;
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	width: 180px;
	text-align: left;
	}

.content_right_01{
	margin-top: 30px;
	margin-left: 630px;
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	width: 180px;
	text-align: left;
	}
	
#content_right_01 ul{
	padding-right: 25px;
	list-style: circle;
	list-style-position:inside;
	}
	
#content_right_01 a{
	text-decoration: underline;
	color: #000000;
	}
	
#content_right_01 a:hover{
	text-decoration: underline;
	color: #000000;
	}

.pro_shop_products{
	text-align: center;
	width: 50%;
	padding: 10px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #647A3C;
	border-right-color: #647A3C;
	}
.divider-right{
	width: 170px;
	border-top: 1px;
	border-top-style: dashed;
	border-color: #000000;
	}
/*HEADER IMAGE TOP––––––––––––––––––––*/ 

#imagetop_plane{
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	width: 622px;
	height: 239px;
	margin-top: 194px;
	z-index: 1;
	}

#imagetop_flash{
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	width: 622px;
	height: 239px;
	margin-top: 194px;
	margin-right: 135px;
	z-index: 1;
	}
		
.imagetop_text{
	position: absolute;
	font-family: Arial;
	color:#FFFFFF;
	font-size: 12px;
	text-align: right;
	width: 485px;
	margin-top: 398px;
	z-index: 5;
	}
	
.imagetop_text a
	{	
	position: relative;
	color: #ffffff;
	text-decoration: none;
	}

.imagetop_text_holes{
	position: absolute;
	font-family: Arial;
	color:#FFFFFF;
	font-size: 12px;
	text-align: left;
	width: 500px;
	margin-top: 395px;
	margin-left: 50px;
	z-index: 6;
	}	
	
.imagetop_text_holes a
	{	
	position: relative;
	color: #ffffff;
	text-decoration: none;
	}

.imagetop_text_holes a:hover
	{	
	position: relative;
	color: #ffffff;
	text-decoration: underline;
	}
	
.imagetop_text a:hover{
	position: relative;
	color: #ffffff;
	text-decoration: underline;
	}
	
/* NEWSLETTER SIGNUP––––––––––––––––––––*/
a.css_button_custom:hover{
	color:#ffffff;
	background:#666666;
	}
a.css_button_custom {
	background:#ffffff;
	Border: 1px solid #666666;
	color:#666666;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	padding-top:3px; 
	padding-bottom:3px;
	padding-right:4px;
	padding-left:4px;
	text-decoration: none;
	margin-left:2px;
	}
	
/*MENU LEFT––––––––––––––––––––*/ 

.menu_left{
	position:absolute;
	font-weight: lighter;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	margin-left: 44px;
	width: 150px;
	letter-spacing: .1em;
	list-style:none;
	background-position: left;
	line-height: 24px;
	}

.menu_left a
	{
	position: inherit;
	color: #ffffff;
	text-decoration: none;
	}

.menu_left a:hover{
	position: inherit;
	color: #B88F58;
	text-decoration: underline;
	}


/*Menu Body ID––––––––––––––––––––*/ 

body#home .menu_left a#menu-home,
body#contact-us  .menu_left a#menu-contact-us,
body#rules-regulations .menu_left a#menu-rules-regulations,
body#green-fees .menu_left a#menu-green-fees,
body#membership .menu_left a#menu-membership,
body#course-layout .menu_left a#menu-course-layout,
body#facilities .menu_left a#menu-facilities,
body#promotions .menu_left a#menu-promotions,
body#news .menu_left a#menu-news,
body#history .menu_left a#menu-history,
body#pro-shop .menu_left a#menu-pro-shop,
body#ladies-golf .menu_left a#menu-ladies-golf,
body#kiddies-golf .menu_left a#menu-kiddies-golf,
body#golf-clinics .menu_left a#menu-golf-clinics,
body#golf-calendar .menu_left a#menu-calendar,
body#hole01 .menu_left a#menu-hole01,
body#hole02 .menu_left a#menu-hole02,
body#hole01 .menu_left a#menu-hole03,
body#hole01 .menu_left a#menu-hole04,
body#hole01 .menu_left a#menu-hole05,
body#hole01 .menu_left a#menu-hole06,
body#hole01 .menu_left a#menu-hole07,
body#hole01 .menu_left a#menu-hole08,
body#hole01 .menu_left a#menu-hole09,
body#hole01 .menu_left a#menu-hole10,
body#hole01 .menu_left a#menu-hole11,
body#hole01 .menu_left a#menu-hole12,
body#hole01 .menu_left a#menu-hole13,
body#hole01 .menu_left a#menu-hole14,
body#hole01 .menu_left a#menu-hole15,
body#hole01 .menu_left a#menu-hole16,
body#hole01 .menu_left a#menu-hole17,
body#hole01 .menu_left a#menu-hole18{
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

/*SUBSCRIBE––––––––––––––––––––*/ 

.subscribe{
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	font-weight: lighter;
	color: #ffffff;
	text-align: left;
	width: 155px;
	margin-left: 40px;
	line-height: 25px;
	letter-spacing: .04em;
	}
	
.subscribe a{
	color: #ffffff;
	text-decoration: none;
	}
.subscribe a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}

/*FOOTER––––––––––––––––––––*/

.calendar-ltgreen{
	padding: 30px;
	background-color:#ceddbc;
	}
.calendar-dkgreen{
	background-color:#bbcea2;
	}
.calendar td{
	padding: 10px;}

/*FOOTER––––––––––––––––––––*/

.footer{
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: lighter;
	text-decoration:none;
	margin-top: 180px;
	width: 858px;
	text-align: center;
	letter-spacing: 0.03em;
	}
		
.footer a
	{
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
	}
	
.footer a:hover {
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	}


/*IMAGE FLOAT––––––––––––––––––––*/

.imagefloat_right{
	float: right;   
}

/*OPACITY––––––––––––––––––––*/

a.imageopacity img{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	/*filter: none;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
	/*-moz-opacity: 1;*/
}

a.imageopacity:hover img{
	filter:alpha(opacity=80); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	/*filter: gray;
	-moz-opacity: 0.7;
	/*-moz-opacity: 0.4;*/
}

/*WEBAWARDS––––––––––––––––––––*/

#webawards{
	background: url(../images/sawalogo.gif)  bottom no-repeat;
	position: absolute;
	margin-top:50px;
	margin-left:720px;
	width: 100px;
	height: 80px;
}



/*
-----------------------------------------------------
Validation
----------------------------------------------------- 
*/
#picker{
	font-size: 12px; 
	font-family: Arial; 
	display:inline;
	}
.dayOfWeek{
	display:inline; 
	padding:2px; 
	width:25px;
	}
.dateBox{
	cursor:pointer; 
	background-color:#E7DBCD; 
	padding:2px
	}
.dayOfWeekBox {
	color:#000000;
	}
div#picker {
	width:189px; 
	position:absolute; 
	visibility:hidden; 
	background-color:#ED9B7A; 
	border:solid #FFFFFF 1px;
	}
div#picker_year{
	background-color:#E7DBCD; 
	padding:2px; 
	border-bottom:solid #FFFFFF 1px; 
	font-weight:bold; 
	text-decoration:none;}
div#picker_year a {
	text-decoration:none;
	}
div#picker_month{
	padding:2px; 
	border-bottom:solid #FFFFFF 1px;
	}
</style> 

/*
-----------------------------------------------------
Validation
----------------------------------------------------- 
*/
.LV_valid {
    color:#3ad252;
    background: url(../images/symbol-valid.gif) no-repeat;
	}
	
.LV_invalid {
	color:#ed3a3a;
	background: url(../images/symbol-invalid.gif) no-repeat; 
	}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 10px;
    padding-left: 20px;
	}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #3ad252;
    padding: 1px;
	}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #ed3a3a;
    padding: 1px;
	}

