html {
	min-height: 100%;
	height: auto;
}

body {
text-align:center; min-width:899px; font-family:"Trebuchet MS", "Times New Roman", Tahoma; margin:30px 0 50px 0;background: #E2E2E2}

img {border:0}
p { margin-top:0; padding-top:0}

.divclear{
	clear: both;
	font-size: 0.1em;
	margin: 0; padding: 0; line-height:0; height:0
}

#twitter {
	float: left;
	margin-top: 5px;
	width: 200px;
	height: 25px;
	position: relative;
	z-index: 100;
	color: #fff;
}

#wrapper {
	margin:0 auto;
	text-align: center;
	width:899px
}

#navigation {width:899px; background:url(images/navigation-background.jpg) top left no-repeat; color:#FFFFFF; font-size:0.8em}

#members {text-transform:uppercase; float:right}

#header-image {height:289px; position:relative; margin:5px 0 5px 0}
.introduction {background:url(images/introduction-new.jpg) top left no-repeat}
.individual {background:url(images/temple-shot.jpg) top left no-repeat}
.corporate {background:url(images/18th-green.jpg) top left no-repeat}
.history {background:url(images/history.jpg) top left no-repeat}
.proshop {background:url(images/pro-shop.jpg) top left no-repeat}
.proshop2 {background:url(images/pro-shop2.jpg) top left no-repeat}
.functions {background:url(images/functions.jpg) top left no-repeat}
.visitors {background:url(images/visitors.jpg) top left no-repeat}
.opens {background:url(images/opens.jpg) top left no-repeat}
.introduction-new {background:url(images/clubhouse.jpg) top left no-repeat}

#header-image-holes {height:413px; position:relative; margin:5px 0 5px 0}
.hole-1 {background:url(images/holes/1-main.jpg) top left no-repeat}
.hole-2 {background:url(images/holes/2-main.jpg) top left no-repeat}
.hole-3 {background:url(images/holes/3-main.jpg) top left no-repeat}
.hole-4 {background:url(images/holes/4-main.jpg) top left no-repeat}
.hole-5 {background:url(images/holes/5-main.jpg) top left no-repeat}
.hole-6 {background:url(images/holes/6-main.jpg) top left no-repeat}
.hole-7 {background:url(images/holes/7-main.jpg) top left no-repeat}
.hole-8 {background:url(images/holes/8-main.jpg) top left no-repeat}
.hole-9 {background:url(images/holes/9-main.jpg) top left no-repeat}
.hole-10 {background:url(images/holes/10-main.jpg) top left no-repeat}
.hole-11 {background:url(images/holes/11-main.jpg) top left no-repeat}
.hole-12 {background:url(images/holes/12-main.jpg) top left no-repeat}
.hole-13 {background:url(images/holes/13-main.jpg) top left no-repeat}
.hole-14 {background:url(images/holes/14-main.jpg) top left no-repeat}
.hole-15 {background:url(images/holes/15-main.jpg) top left no-repeat}
.hole-16 {background:url(images/holes/16-main.jpg) top left no-repeat}
.hole-17 {background:url(images/holes/17-main.jpg) top left no-repeat}
.hole-18 {background:url(images/holes/18-main.jpg) top left no-repeat}

/* TEST STUFF */

#column-1 {
  position: absolute;
  width: 899px; /* remember to set a width */ bottom:0; left:0
}

.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background:#415722;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */ 
}

#column-1 .content {
width: 899px;
padding: 0px; padding:2px 0 2px 30px;
}

.content {
  position: relative; color:#FFFFFF; text-align:left
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}

.prop {
    float:right;
    width:1px;
  }
  .min360px {
    height:360px;
  }
   .min261px {
    height:261px;
  }
  
    .min96px {
    height:96px;
  }
  
  .min1px {height:95px}
  
#content-main {float:left; background-color:#FFFFFF; padding:10px 30px 10px 30px; text-align:left; font-size:0.8em}

/* box model hack start */
#content-main {
	width:687px;
	voice-family: "\"}\""; 
  voice-family:inherit;
 	width: 627px;
}
html>body #content-main{
  width: 627px;
}
/* box model hack end */

#content-main-course {float:left; background-color:#FFFFFF; padding:10px 30px 10px 30px; text-align:left; font-size:0.8em; margin-top:5px}

/* box model hack start */
#content-main-course {
	width:602px;
	voice-family: "\"}\""; 
  voice-family:inherit;
 	width: 542px;
}
html>body #content-main-course{
  width: 542px;
}
/* box model hack end */

#content-main-holes {float:left; background-color:#FFFFFF; padding:10px 30px; text-align:left; font-size:0.8em}

#content-main h1, #content-main-holes h1, #content-main-course h1  { font-size:1.3em; margin:0; color:#5C7347; font-weight:bold}

/* box model hack start */
#content-main-holes {
	width:604px;
	voice-family: "\"}\""; 
  voice-family:inherit;
 	width: 544px;
}
html>body #content-main-holes{
  width: 544px;
}
/* box model hack end */

 
#news-items {float:right; background-image:url(images/right-panel-content-bg.jpg); background-repeat:no-repeat; color:#FFFFFF; padding:109px 10px 10px 10px; font-size:0.8em}
/* box model hack start */
#news-items {
	width:207px;
	voice-family: "\"}\""; 
  voice-family:inherit;
 	width:187px;
}
html>body #news-items{
  width: 187px;
}
/* box model hack end */

#news-items h1 { font-size:1.2em}
#news-items a:link {text-decoration:underline; color:#FFFFFF; margin-right:3px; font-weight:bold}
#news-items a:hover {text-decoration:none}
#news-items a:visited {color:#FFFFFF; font-weight:bold; text-decoration:underline}

#hole-items {float:right; background-image:url(images/right-panel-content-bg.jpg); background-repeat:no-repeat; color:#FFFFFF; width:286px}

.content a:link { text-decoration:none; color:#FFFFFF; margin-right:3px; font-weight:bold}
.content a:hover { text-decoration:underline; color:#FFFFFF; margin-right:3px; font-weight:bold}
.content a:active { text-decoration:underline; color:#FFFFFF; margin-right:3px; font-weight:bold}
.content a:visited {color:#FFFFFF; font-weight:bold; margin-right:3px; text-decoration:none}

a:link { color:#E80029}
a:visited {color:#E80029;}

.content li {display: inline;
	list-style-type: none;}
	
.content li.active {text-decoration:underline}

/* SH - GENERAL USE STYLES */
.lgheader1 {font-size: 18px}