html, body {
width:100%;
min-height:100%;
margin:0;
padding:0;
background:#000 url(../images/design/custom_sitebg.jpg) no-repeat scroll top center;
}

.clear {
clear:both;
}

#midSection {
position:absolute;
top:200px;
width:100%;
height:220px;
margin:0;
padding:0;
background:#151e10 url(../images/design/elegance1_midtile.png) repeat-y scroll top center;
border-top:1px solid #4b6b3a;
border-bottom:1px solid #4b6b3a;
}

#header {
width:960px;
height:125px;
margin:0 auto;
padding:0;
position:relative;
z-index:100;
}

#logo {
width:382px;
height:135px;
position:relative;
margin:5px auto 0;
z-index:500;
}

#logo a{
display:block;
width:382px;
height:135px;
margin:0;
padding:0;
border:none !important;
z-index:9999;
}
#logo img {
	border:none !important;
}

.zindex {
	position:relative;
	z-index:9999;
}

#flags input{
border:none;
padding-right: 5px;
padding-left: 5px;
}

#flags form {
position:relative;
 margin:0 auto;
text-align: center;
}


.chromestyle {
position:relative;
top:4px;
width:820px;
max-width:820px;
height:30px;
margin:0 auto;
padding:0;
background-color:#223717;
border:10px solid #99cc99;
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0, 1);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0, 1);
box-shadow:inset 0 0 10px rgba(0,0,0, 1);
}

.chromestyle ul {
text-align:center;
margin:0;
padding:7px 0 8px;
}

.chromestyle ul li {
display:inline;
}

.chromestyle ul li a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10pt;
font-weight:500;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:7px 12px 7px;
}

.zindex {
	z-index:9999;
	position:relative;
}

.dropmenudiv {
position:absolute;
border:1px solid #223717;
z-index:100;
background-color:#FFF;
width:175px;
visibility:hidden;
text-align:left;
padding:0 2px 0 0;
}

.dropmenudiv a {
width:100%;
display:block;
text-indent:3px;
border:1px solid #223717;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
text-decoration:none;
line-height:18px;
color:#000;
text-decoration:none;
margin:0;
padding:2px 0;
}

.dropmenudiv a:hover {
background-color:#D5EBD6;
text-decoration:none;
}

#wrapper {
width:960px;
max-width:960px;
min-height:626px;
margin:0 auto;
padding:0;
}

#slideshow {
position:relative;
top:4px;
z-index:50;
width:880px;
height:240px;
margin:0 auto;
padding:0;
border:5px solid #5d8b5d;
-webkit-box-shadow: 0 5px 25px rgba(0,0,0, .75);
-moz-box-shadow: 0 5px 25px rgba(0,0,0, .75);
box-shadow: 0 5px 25px rgba(0,0,0, .75);
}

#slideshow #innerBorder {
position:absolute;
top:5px;
left:5px;
z-index:75;
width:868px;
height:228px;
border:1px solid #5d8b5d;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:58;
width:880px;
height:240px;
border:none;
opacity:0.0;
filter:alpha(opacity=0);
}

#slideshow IMG.active {
z-index:60;
opacity:1.0;
filter:alpha(opacity=100);
}

#slideshow IMG.last-active {
z-index:59;
}

#promoTiles {
position:relative;
top:20px;
width:842px;
height:83px;
margin:0 auto;
padding:0;
}

#promoTiles #freeRound {
display:block;
float:left;
width:278px;
height:83px;
margin:0;
padding:0;
background:url(../images/design/elegance1_promotiles.png) 0 0;
}

#promoTiles #teeTimes {
display:block;
float:left;
width:285px;
height:83px;
margin:0;
padding:0;
background:url(../images/design/elegance1_promotiles.png) 563px 0;
}

#promoTiles #specials {
display:block;
float:left;
width:279px;
height:83px;
margin:0;
padding:0;
background:url(../images/design/elegance1_promotiles.png) 278px 0;
}

#promoTiles #freeRound:hover {
background:url(../images/design/elegance1_promotiles.png) 0 83px;
}

#promoTiles #teeTimes:hover {
background:url(../images/design/elegance1_promotiles.png) 563px 83px;
}

#promoTiles #specials:hover {
background:url(../images/design/elegance1_promotiles.png) 278px 83px;
}

#content {
position:relative;
top:37px;
width:822px;
max-width:822px;
min-height:100%;
margin:0 auto;
padding:10px;
border:10px solid #99cc99;
background:#FFF url(../images/design/elegance1_pagetile.jpg) repeat-x scroll top center;
}

table.page {
width:790px;
height:auto;
margin:0 auto 25px;
padding:0;
}

div.block {
clear:both;
margin:0;
padding:10px 0;
}

hr {
width:100%;
border:#99cc99 solid 1px;
}

h1 {
font-family:Trajan Pro, Georgia, "Times New Roman", Times, serif;
font-size:17pt;
font-weight:normal;
color:#2f4224;
letter-spacing:normal;
text-transform:uppercase;
margin:15px 0 10px;
padding:0 0 10px 0;
border-bottom:1px solid #2f4224;
}

p.header1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
font-style:italic;
color:#333;
margin:0;
padding: 0 0 4px 0;
}

p.header2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
font-style:italic;
color:#4e6d3b;
margin:0;
padding: 0 0 4px 0;
}

p.header3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#4e6d3b;
margin:0;
padding: 0 0 4px 0;
}

p, p.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#000;
letter-spacing:normal;
line-height:16pt;
margin:0;
padding:0;
}

p.sptext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#000;
letter-spacing:normal;
line-height:16pt;
margin:0;
padding:0;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#1F2B17;
text-decoration:none;
margin:0;
padding:0;
}

a:hover {
text-decoration:underline;
}

img {
border:10px solid #FFF;
}

div.map {
width:100%;
height:auto;
text-align:right;
margin:0 auto;
padding:0;
}

div.map a {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
color:#1F2B17;
text-decoration:none;
}

div.map a:hover {
text-decoration:underline;
}

ul {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#11170C;
letter-spacing:normal;
list-style-position:inside;
list-style-type:square;
margin:10px 0;
padding:0;
}

ul li {
margin:0 0 10px 0;
padding:0;
}

table.rates {
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
margin:0 auto 10px;
padding:0;
}

td.rateslabel,td.rates {
background-color:#223717;
}

td.rates {
border-top:0 solid #000;
padding:4px;
}

td.rateslabel {
border-top:0 solid #000;
text-align:left;
vertical-align:top;
padding:4px;
}

td.ratestop {
font-weight:700;
text-align:center;
color:#333;
font-size:13px;
}

td.ratestop:first-child {
text-align:left;
}

form {
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

table.reg_form {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:500;
color:#000;
background-color:#FFF;
border:1px solid #130c08;
margin:10px auto;
padding:5px;
}

td.reg_form {
margin:0;
padding:4px;
}

input[type="text"] {
padding:3px;
margin:0;
width: 175px;
border:1px solid #333;
background-color:#FFF;
}

input[type="password"] {
padding:3px;
margin:0;
width: 175px;
border:1px solid #333;
background-color:#FFF;
}

select {
padding:3px;
margin:0;
width: 175px;
border:1px solid #333;
background-color:#FFF;
}

textarea {
padding:3px;
margin:0;
width:175px;
height:200px;
border:1px solid #333;
background-color:#FFF;
}

input[type="submit"] {
color:#333;
margin-top:5px;
float:right;
width:175px;
}

small {
color:#009900;
}

td.createaccount {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:500;
color:#130c08;
margin:0;
padding:5px 0;
}

a.createaccount:link,a.createaccount:visited {
color:#1F2B17;
font-size:9pt;
text-decoration:none;
}

a.createaccount:hover {
text-decoration:underline;
}

table.footer {
position:relative;
top:35px;
width:842px;
height:40px;
margin:0 auto;
padding:0;
}

.footer2 {
	font-family:Calibri, Arial, Helvetica, sans-serif;;
	font-size:10pt;
	color:#FFF;
	width:890px;
	margin-right:auto;
	margin-left:65px;
	margin-top:65px;
}

td.footerLeft {
width:725px;
margin:0;
padding:0 0 0 0px;
text-align:left;
/*border:1px solid #fff;*/
}


.footer {
	margin-top:-30px !important;
}

a.footer, a.footer:hover  {
	font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#FFF;
letter-spacing:1px;
text-decoration:none;
}

td.footerRight {
width:242px;
margin:0;
padding:0;
text-align:right;
}

p.footer {
font-family:Trajan Pro, Georgia, "Times New Roman", Times, serif;
font-size:10pt;
font-weight:500;
color:#FFF;
letter-spacing:1px;
text-decoration:none;
}

#ctLink {
position:relative;
top:35px;
width:842px;
height:67px;
margin:0 auto;
padding:0;
}

#ctLink a {
display:block;
width:170px;
height:67px;
margin:0 auto;
padding:0;
border:none;
}

#ctLink a img {
border:none;
}

p.contactHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
color:#4e6d3b;
margin:0;
padding: 0 0 4px 0;
}

p.address {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:500;
font-style:normal;
color:#10170C;
letter-spacing:normal;
line-height:17pt;
margin:0;
padding:0;
}

span.number {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
font-style:normal;
color:#10170C;
letter-spacing:normal;
margin:0;
padding:0;
}

span.email {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
font-style:normal;
color:#2D3F21;
letter-spacing:normal;
margin:0 0 0 25px;
padding:0;
}



<!-- begin course tour --!>

.slideOutTip{
	/* The main wrapping div of the slideout tips */
	padding:3px;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
	background-color:#000;
	position:absolute;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; background:#000;}

.tipTitle{
	float:left;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
	color:#fff;
	background-color:#000;
	
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }

.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('images/design/ball.png') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ 
z-index:10000;
background-color:#000;
}

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; left:inherit;}
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }



.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }



/* The styles below are only necessary for the styling of the demo page: */

.main{
	height:550px;
	margin:20px auto;
	position:relative;
	width:550px;
	background-image: url(../images/design/course_layout.jpg);
	background-repeat:no-repeat;
}

.spaceBottom{
	margin:0 0 10px;
}

.spaceTop{
	margin:10px 0 0;
}
.content-left {
	padding:10px;
}
.content-left2 {
	width:475px;
	padding-left:10px;
}
.form-right {
	float:right;
	width:290px;
	padding:5px;
	border:1px solid #999;
	background-color:#fff;
	margin:10px;
}