@charset "utf-8";
/* CSS Document */
/* Standard CSS Layout Template (Polawana Island www.polawanaisland.com) */
/* Copyright 2008-2015 : Virtual Marketing Concepts, LLC. All Rights Reserved. */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

/*********************/
/** Universal Reset **/
/*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/*********************/
/*********************/

body {font-family:Times New Roman, Serif; font-size:14px; background:url(images/corrugated_bg.gif);}

a {text-decoration:; color:;}

#container {width:788px; height:auto; margin:0px auto; padding:0; position:relative; background:url(images/container.jpg) no-repeat #f2f3df; border:;}

#indexContainer {width:788px; height:auto; margin:15px auto; padding:0; position:relative; background:url(images/index-back.jpg) no-repeat top left; height:410px;}

#indexheader {position:relative; margin:0; padding:0; }
#indexheader h1 {position:absolute; top:0; left:0; text-indent:-999999px;}
#indexheader h2 {position:absolute; top:0; left:0; text-indent:-999999px;}

.moreinfo {position:absolute; top:380px; right:10px; margin:0; padding:0; width:auto; height:auto;}
.moreinfo a {font-size:15px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-family:Geneva, Arial, Helvetica, sans-serif;}

#header {margin:0; padding:0; position:relative; width:788px; height:135px; background:url(images/header-back.jpg) top right no-repeat;}
#header img {border:none; margin:0; padding:0;}
#header h1 {margin:0; padding:0; position:absolute; font-size:18px; color:#000; top:0; right:0; text-indent:-999999px;}
#header h2 {margin:0; padding:0; position:absolute; font-size:15px; color:#000; top:0; left:0; text-indent:-999999px;}

#subheader {}
#subheader h2 {margin:0; padding:0; position:absolute; font-size:; color:; top:; right:; text-indent:;}

#indexNavigation {position:absolute; top:326px; left:0px; padding:0px 0px 0px 178px; margin:0;}
#indexNavigation a {height:55px; display:block; text-indent:-999999px; cursor:pointer;}
.indexlink1, .indexlink2, .indexlink3, .indexlink4, .indexlink5 {width:auto; margin:0; padding:0; float:left;  border-right:1 px solid #000;}

.indexlink1 {background:url(images/entry_about.gif) top left no-repeat #000; width:101px;}
.indexlink1 a {background:url(images/entry_about.gif) top left no-repeat; width:100px;}
.indexlink1 a:hover {background:url(images/entry_about_over.gif) top left no-repeat; width:100px;}

.indexlink2 {background:url(images/entry_map.gif) top left no-repeat #000; width:97px;}
.indexlink2 a {background:url(images/entry_map.gif) top left no-repeat; width:96px;}
.indexlink2 a:hover {background:url(images/entry_map_over.gif) top left no-repeat; width:96px;}

.indexlink3 {background:url(images/entry_golf.gif) top left no-repeat #000; width:64px;}
.indexlink3 a {background:url(images/entry_golf.gif) top left no-repeat; width:63px;}
.indexlink3 a:hover {background:url(images/entry_golf_over.gif) top left no-repeat; width:63px;}

.indexlink4 {background:url(images/entry_beaufort.gif) top left no-repeat #000; width:91px;}
/*.indexlink4:hover {background:url(images/entry_beaufort_over.gif)top left no-repeat #000;}*/
.indexlink4 a {background:url(images/entry_beaufort.gif) top left no-repeat; width:90px; height:55px;}
.indexlink4 a:hover {background:url(images/entry_beaufort_over.gif) top left no-repeat; width:90px; height:55px;}

.indexlink5 {background:url(images/entry_contact.gif) top left no-repeat #000; width:88px;}
.indexlink5 a:link {background:url(images/entry_contact.gif) top left no-repeat; width:88px;}
.indexlink5 a:hover {background:url(images/entry_contact_over.gif) top left no-repeat; width:88px;}


#navigation {position:absolute; top:15px; right:10px; padding:0; margin:0;}
#navigation a {height:54px; display:block; text-indent:-999999px; cursor:pointer;}
.navlink1, .navlink2, .navlink3, .navlink4, .navlink5 {width:auto; margin:0; padding:0; float:left;  border-right:1 px solid #000;}

.navlink1 {background:url(images/c_about.gif) top left no-repeat #000; width:104px;}
.navlink1 a {background:url(images/c_about.gif) top left no-repeat; width:103px;}
.navlink1 a:hover {background:url(images/c_about_over.gif) top left no-repeat; width:103px;}

.navlink2 {background:url(images/c_map.gif) top left no-repeat #000; width:95px;}
.navlink2 a {background:url(images/c_map.gif) top left no-repeat; width:94px;}
.navlink2 a:hover {background:url(images/c_map_over.gif) top left no-repeat; width:94px;}

.navlink3 {background:url(images/c_golf.gif) top left no-repeat #000; width:63px;}
.navlink3 a {background:url(images/c_golf.gif) top left no-repeat; width:62px;}
.navlink3 a:hover {background:url(images/c_golf_over.gif) top left no-repeat; width:62px;}

.navlink4 {background:url(images/c_beaufort.gif) top left no-repeat #000; width:89px;}
/*.indexlink4:hover {background:url(images/entry_beaufort_over.gif)top left no-repeat #000;}*/
.navlink4 a {background:url(images/c_beaufort.gif) top left no-repeat; width:88px; height:55px;}
.navlink4 a:hover {background:url(images/c_beaufort_over.gif) top left no-repeat; width:88px; height:55px;}

.navlink5 {background:url(images/c_contact.gif) top left no-repeat #000; width:88px;}
.navlink5 a:link {background:url(images/c_contact.gif) top left no-repeat; width:88px;}
.navlink5 a:hover {background:url(images/c_contact_over.gif) top left no-repeat; width:88px;}

/*#navigation {margin:0; padding:0; position:relative; width:; height:; background:url(images/Nav_Bar.jpg) top left no-repeat #000;}
#navigation ul {list-style:none; margin:0; padding:0; width:; font-size:;}
#navigation li {list-style:none; margin:0; padding:0; width:auto; float:left; text-align:center; _display:inline:}
#navigation li:hover {}
#navigation a {color:; text-decoration:none; text-transform:;}
#navigation a:hover {color:;}*/

/* Place most style attributes in the content section. Only put div specific items in the contentLeft or contentRight styles. */

#indexContent {position:absolute; width:600px; height:350px; background:#fff; border:3px solid #956C3C; top:30px; left:91px;}
#indexContent h1 {margin:0; padding:10px 20px 0px 20px; color:#956C3C; font-size:20px; font-weight:bold; font-family:Georgia, Times New Roman, Serif;}
#indexContent h3 {}
#indexContent p {margin:0; padding:8px 20px; color:#000; font-size:16px; line-height:24px; font-family:Georgia, Times New Roman, Serif;}
#indexContent a {color:#000;}

.closeContent img {position:absolute; top: 5px; right:5px; width:20px;}

#content {margin:0; padding:0; position:relative;}
#content h1 { height:70px; width:768px; margin:10px; text-indent:-999999px;}
#content h2 {margin:10px 50px; padding:0; color:#663300; font-size:24px; font-family:Georgia, Times New Roman, Serif; font-weight:bold; font-variant:small-caps;}
#content h3 {margin:10px 50px; padding:0; color:#663300; font-size:16px; font-family:Times New Roman, Serif; font-weight:bold; font-variant:small-caps;}
#content h4 {margin:0; padding:0; color:#663300; font-size:; font-family:;}
#content h5 {margin:0; padding:0; color:#663300; font-size:; font-family:;}
#content p {margin:10px 50px; padding:0; color:#000; font-size:15px; font-family:; line-height:20px;}
#content ul {margin:20px 90px; list-style:circle; font-size:15px; line-height:20px;}
#content ol {margin:20px 90px; list-style:decimal; font-size:15px; line-height:20px;}
#content a {color:#000; font-weight:bold; text-decoration:none}
#content a:hover {text-decoration:underline;}

.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#contentLeft {margin:0; margin-left:10px; padding:0; position:relative; width:170px; float:left; _display:inline;}
#contentLeft img {width:170px; border:none;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contentRight {margin:0; margin-right:10px; padding:0; position:relative; width:580px; float:right; _display:inline;}
#contentRight h3 {margin:30px 10px 10px 10px; color:#956C3C}
#contentRight h4 {color:#956C3C; font-weight:bold;}
#contentRight p {margin:10px;}
#contentRight a {color:#956C3C; text-decoration:underline;}

#contentLeft2 {margin:0; margin-left:10px; padding:0; position:relative; width:250px; float:left; _display:inline;}
#contentLeft2 img {width:250px; border:none;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contentRight2 {margin:0; margin-right:10px; padding:0; position:relative; width:500px; float:right; _display:inline;}
#contentRight2 h3 {margin:30px 10px 10px 10px; color:#956C3C}
#contentRight2 h4 {color:#956C3C; font-weight:bold;}
#contentRight2 p {margin:10px;}
#contentRight2 a {color:#956C3C; text-decoration:underline;}

.facts h3 {text-align:right !important;}
.facts ul {margin:8px 30px !important;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#footer {margin:0 auto; padding:5px 0; position:relative; width:788px; text-align:center; color:#000; border-top:1px dotted #999;}
#footer p {margin:10px 0; padding:0; font-size:12px; font-family:arial, sans-serif !important; line-height:18px;}
#footer a {color:#666666; font-weight:bold;}
/*#footer ul {width:750px; margin:10px 17px; padding:0;}
#footer li {float:left; _display:inline; margin:0px 10px; text-align:center; font-size:12px; font-family:arial, sans-serif !important; line-height:15px;}*/