﻿* 
{
    margin:0;
    padding:0;
}

html 
{
    height:100%;
}

body 
{
    height:100%;
    background: url(../images/bg.jpg) repeat-x top left;
    font-family: Georgia, Verdana, Sans-Serif;
    font-size:13px;
}

a
{
    color:#336699;
    text-decoration:underline;
}


#content-bg
{
    width:770px;
    margin:auto;
    background:url(../images/bg-content.jpg) repeat-x top left;
}

#content
{
     width:750px;
     margin:auto;
     height: auto !important;
     height: 100%;
     min-height: 100%;
     background-color:#fff;
     padding:10px 5px;
}

#header-top, #header-small-top
{
     width:750px;
     height:20px;
     padding-top:6px;
     text-align:right;
     cursor: pointer;
}

#header-top
{
     background:url(../images/header-top.jpg) bottom left no-repeat;
}

#header-small-top
{
    background:url(../images/header-small-top.jpg) bottom left no-repeat;
}


#header-top h1, #header-small-top h1
{
    padding:0;
    margin:0;
    font-size:1em;
    display:inline;
    font-weight:bold;
}

#header-bottom
{
     width:750px;
     height:200px;
     background:url(../images/header-bottom.jpg) top left no-repeat;
     cursor: pointer;
}
body#home #header-bottom
{
     width:750px;
     height:200px;
     background:url(../images/header-bottom6.jpg) top left no-repeat;
     cursor: pointer;
}

#header-small-bottom
{
     width:750px;
     height:100px;
     background:url(../images/header-small-bottom.jpg) top left no-repeat;
     cursor: pointer;
}
#nav-top
{
    text-align:right;
    width:735px;
    margin-top:5px; 
    margin-right:0px;
    
    padding:5px 10px 5px 5px;
    /* background:url(../images/nav-top-bg.jpg) top right repeat-y; */
    background:url(../images/nav-top-bg-repeatx.jpg) top right repeat-x;
}
#nav-top ul
{
    display:inline;
    margin:0;padding:0;
}
#nav-top li
{
    margin:0;padding:0;display:inline;list-style:none;
}
#nav-top a
{
    color:#fff;
    text-decoration:none;
}

#nav-top a.nav-top-link
{
    display:inline;padding:0px 10px 0px 8px;border-right:1px solid #ccc;
}

#nav-top a.nav-top-link-last
{
    display:inline;padding:0px 0px 0px 8px;
}

#nav-top a.nav-top-link-last:hover, #nav-top a.nav-top-link:hover
{
    text-decoration:underline;
}

#nav-top a.on
{
    font-weight:bold;
}

#nav-main
{
    padding-top:5px;height:26px;padding-bottom:10px;width:750px;
} 

#nav-main a
{
    display:block;font-size:16px;text-decoration:none;width:136px;height:22px;text-align:right;padding-top:4px;padding-right:4px;float:left;border-left:solid #ccc 4px;
}

#nav-main a.off
{
    color:#446984;background-color:#f4f4f4;text-decoration:none;
}

#nav-main a.on, #nav-main a.off:hover
{
    color:#fff;background-color:#446984;text-decoration:none;
}

#nav-main a.rm
{
    margin-right: 7px !important; 
    margin-right:6px;
}
#nav-main li
{
    display:inline;margin:0;padding:0;
}
#left-col
{
     float:left;width:480px;padding-bottom:20px;
}

#right-col
{
    float:left;width:270px;padding-bottom:20px;
}
#contact-information
{
    font-size:1.1em;padding-bottom:12px;padding-left:10px;margin-top:4px;
}
#contact-information h1
{
    font-size:1.2em;color:#4f4f4f;border-bottom:1px dotted #4f4f4f;margin:0px 0px 4px 0px;padding:0px 0px 2px 0px;
}
#contact-information br
{
    margin-bottom:3px;
}
#contact-information p
{
    margin-top:12px;
}
#widget-info
{
     width:200px;text-align:center;padding-bottom:5px;padding-top:20px;
}
#photo-gallery
{
    padding:0px 5px 10px 5px; line-height:160%; color:#333;
}

#photo-gallery h1
{
    font-size:1.5em;
    color:#456a85;
    padding:6px 0px;
}

#text
{
     padding:0px 10px 10px 5px;line-height:160%;color:#333;
}
#quick-launch-content select
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	width:220px;
}
#text h1
{
    font-size:1.3em;
    color:#456a85;
    padding-top:2px;
    padding-bottom:6px;
}

#text h2, #why-choose-us h2
{
    color:#689cc3;
    font-size:1.1em;
    padding: 6px 0px;
}
#text li
{
    margin-left:50px;
    padding-bottom:5px;
}
ul.activities li
{
	font-weight:bold;
}
#unlimited-golf 
{
	border:1px solid #336699;padding:8px;font-style:italic;width:380px;
}
#unlimited-golf li
{
	margin-left:20px;
	padding-left:0px;
}
#why-choose-us li
{
    margin-left:20px;
    padding-top:5px;
}
#text p
{
    padding:5px 0px;
}

#quick-launch
{
	float:left;
    margin-bottom:5px;
    padding-top:10px;
    text-align:left;
    background: url(../images/quick-launch-top.gif) no-repeat;
}

#quick-launch-bottom
{
	float:left;
    background: url(../images/quick-launch-bottom.gif) bottom left no-repeat;
    padding-bottom:12px;
}

#quick-launch-content
{
    float:left;
    display:inline;
    width:468px;
}
#quick-launch-content h1
{
    color:#003366;
    font-size:1.0em;
    display:inline;
    margin-left:10px;
}
#pics
{
    clear:both;padding:12px 0px;
}

#pics img
{
    display:inline; border:0;
}
#footer
{
   clear:both;margin:auto;text-align:center;width:80%;border-top:1px #ccc dashed;padding-top:12px;color:#333;
}
#footer p
{
    padding-top:6px;
}
#footer p.copyright
{
    padding-top:12px;
}
/* "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after 
{
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

#our-rates
{
    margin-top:10px;
    margin-bottom:0px;
    text-align:left;
    background: url(../images/our-rates-top.gif) no-repeat;
}

#our-rates-bottom
{
    background: url(../images/our-rates-bottom.gif) bottom left no-repeat;
    padding-bottom:20px;
    margin-bottom:10px;
}

#our-rates-content
{
    float:left;
    display:inline;
    width:250px;
    margin-left:10px;
    margin-left:10px;
}

#our-rates-content ul
{
    margin-top:10px;
    margin-left:40px;
}

#our-rates-content li
{
    padding-bottom:10px;
}

#our-rates h2
{
    background-color:#fff;
    padding-left:10px;
    padding-right:0px;
    margin:0 35px 0px 40px;
    font-size:140%;
    color:#666;
    padding-bottom:6px;
}
#our-rates p.small
{
    font-size:11px;
}

/** FORMS **/
label {   
    font-size:1.2em;
    font-style:italic;
}

input.textbox, textarea.textbox
{
    font: 1.2em Georgia, Verdana, Sans-serif;
    padding:0.1em;
}

input.submit
{
    font: 1.2em Georgia, Verdana, Sans-serif;
    padding:0.4em;
}
select.textbox
{
    font: 1.2em Georgia, Verdana, Sans-serif;
    padding:0.1em;
}

td.left
{
    width:25%;
    text-align:right;
}

td.right
{
    width:75%;
    text-align:left;
}

#quote
{
   width:75%;color:#336699; font-style:italic;font-weight:bold;margin:0 auto;
}
#quote-author
{
    width:75%;text-align:right;padding-top:2px;padding-right:10px;padding-bottom:10px;color:#336699;font-weight:bold;margin:0 auto;
}
#slides1 {
margin-top: 36px;
width: 460px;
height: 345px;
}