@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote,hr{ margin:0; padding:0; border:0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
html{ background: #f1f1d3/*url('http://www.waccamawgolftrail.com/media/htmlbg.gif') repeat-y 50% 0*/; }
body{ font:12px/16px Arial, Helvetica, sans-serif; color:#000000; text-align:center; }
h1 { display: block; height: 45px; font: 18px/45px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; background-color: #fff; text-align: center; border-width: 1px 1px 1px 0; border-style: solid; border-color: #526b4b; }
h3 { font: 12px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
h3 img { padding-left: 5px; }
h5 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
h4.resortHeader{font: 18px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase;}

/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{ width:942px; margin: 0 auto; text-align:left; }
#content{ float:right; padding:0; width:741px; border-left: 1px solid #000000; /*background-color:#1b3d1c;*/ }
#main { float:left; width: 741px; padding: 0;}
/*#packages { float:left; width:181px; padding:0; }*/
#sidebar{ float:left; padding:0; width:200px; /*background-color:#f1f1d3;*/ }
#footer { clear: both; float:left; width: 942px; background-color: #cccda6; margin-top: 10px; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
#sidebar ul { background-color: #ffffff; list-style: none; font: 11px Arial, Helvetica, sans-serif; color: #1b3d1c; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #000000; }
#sidebar ul li { height: 1.5em; line-height: 1.5em; }
#sidebar ul li a { display: block; height: 1.5em; padding-left: 10px; color: #1b3d1c; }
#sidebar ul li a.video { background: #fff url('http://www.waccamawgolftrail.com/media/videoIcon.png') no-repeat 175px 2px; }
#sidebar ul li a:hover { background-color: #cccda6; }
#sidebar ul li a.active { background-color: #cccda6; }

div.inset-left ul { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; padding: 15px 0 0 0; }
div.inset-left li { display: block; float: left; border-right: 2px solid #1b3d1c; padding-right: 10px; }
div.inset-left li.middle { padding-left: 10px; }
div.inset-left li.last { border: none; padding-left: 10px; }
div.inset-left li a { color: #1b3d1c; text-decoration: none; }
div.inset-left li a:hover { text-decoration: underline; }
/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
#masthead { position: relative; height: 196px; overflow: hidden; }
#mastheadimg { position: absolute; top: 0; left: 0; z-index: 1; height: 196px; }
#media-buffer { position: absolute; top: 0; left: 0; z-index: 4; height: 196px; }

#sidebar #logo { border-bottom: 10px solid #cccda6; }
#sidebar h3 { margin: 0; text-align: center; display: block; height: 2.5em; line-height: 2.5em; background-color: #cccda6; }
#sidebar h3.nonsemantic { background-color: #cccda6; display: block; height: 4em; line-height: 4em; border-bottom: 1px solid #000000; }
#sidebar h3.nonsemantic a { color: #1b3d1c; }
#sidebar h3#home { border-bottom: none; }
#sidebar h3#prices { border-bottom: 1px solid #000000; }
#sidebar h3.special { background-color: #1b3d1c; color: #cccda6; border-bottom: 1px solid #cccda6; }
#sidebar h3.special a { color: #cccda6; }
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#litchfieldLogo { display: block; text-align: center; width: 168px; margin: 9px; padding: 5px;  border: 1px solid #000; background-color: #cccda6; }

#main #headerimg {margin: 10px 0;}

#packages h2 { font: 11px Arial, Helvetica, sans-serif; color:#fff; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 10px 0 10px 12px; }
#packages p { margin: 0 12px; color: #fafad3; }
#packages table { margin-left: 10px; }
#packages a { color: #fafad3; text-decoration: none; }
#packages a:hover { text-decoration: underline; }

div.content-section { background-color: #f1f1d3; padding: 15px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #526b4b; }
div#course, div#dining, div#events, div#diversions, div#tips, div#eventsDos { position: relative; height: 700px; }
div#course img, div#dining img { position: absolute; }
div#eventsDos img { clear: left; float: left; margin-right: 10px; }
div#eventsDos div { height: 145px; }
div#course div, div#dining div, div#events div { position: absolute; left: 200px; padding-right: 10px; }
div#course div p#designer, div#dining div p.restaurant, div#events p.event, div#diversions p.diversion, div#tips p.tip, div#eventsDos p.event { margin-top:10px; font-weight: bold; }
p.course a.video { padding: 5px 0 0 20px; background: url('http://www.waccamawgolftrail.com/media/videoIcon.png') no-repeat 0 5px; }
a.greenLink { display: block; margin-bottom: 10px; }
a.teeTime { float: left; display: block; width: 120px; }
div.double-content { margin-top: 3px; }
div.inset-left { width: 300px; float: left; }
div.inset-right { width: 210px; float: right; }
div.inset-right h2 { text-align: center; font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
div.inset-right img, div.inset-left img { border: 1px solid #000;}
div.inset-flipped-left { width: 180px; float: left; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px; }
div.inset-flipped-right { width: 270px; float: right; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px;  }
div.inset-flipped-full { clear: left; float: left; width: 497px; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px; margin-top: 15px; }
div.inset-flipped-left p, div.inset-flipped-right p { padding-top: 10px; }
div.inset-flipped-left h2, div.inset-flipped-right h2, div.inset-flipped-full h2 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
div.inset-flipped-full h4 { font-size: 11px; font-weight: bold; }
#trailEvents h4 { padding-top: 6px; }


div.logosLeft { background-color: #cccda6; padding-top: 10px; text-align: center; border-left: 1px solid #000; border-bottom: 1px solid #000; }
div.logosLeft h2 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
div.logosLeft img { margin-top: 5px;}

div#warningMessage { margin: 10px 0 10px 0; display: none; padding: 0; }
div#warningMessage.show { display: block; }
div#warningMessage img { float: left; }
div#warningMessage p { margin: 0; padding: 0; position: relative; top: 0px; left: 2px; }

#banner div { height: 10px; background-color: #1b3d1c; border-width: 0 1px 0 0; border-style: solid; border-color: #526b4b; }
#banner h1.clean { border: none; margin: 10px 0; }

img.fleft { float: left; margin: 10px 15px 0 0;}
div.clear{ overflow:hidden; height:1px; clear:both; }

/* Arcitectural changes made post-live. */
div#changedMenu { font: 11px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; background: #CCCDA6; width: 200px; height: 2.5em; text-align: center; }  
div#changedMenu a { display: block; margin-left: 4.1em; color: #1B3D1C; }
div#changedMenu span { display: block; float: left; line-height: 2.5em; }
div#changedMenu img { display: block; float: left; padding-top: .7em; padding-left: .4em; }
/*
	----------------------------
	FORMS
	____________________________
*/
form#reportSignup { margin-top: 10px; }
form#reportSignup label { clear: left; float: left; width: 60px; line-height: 20px; }
form#reportSignup label.errorText { color: #ff0000; }
form#reportSignup input { float: left; width: 115px; }
form#reportSignup input.errorField { width: 113px; border: 1px solid #ff0000; }
form#reportSignup input.submit { margin-left: 60px; margin-top: 2px; }

form#tips { margin-top: 1px; }
form#tips input.submit { float: right; width: 115px; }



/*=== SPLASH ==*/
.splash-content, .splash-prov1{ width: 711px; float: right; background-color:#f1f1d3; padding: 15px;}
.splash-img{width: 700px; display: block; padding: 10px 0;text-align: center;margin: 0 auto;}
.splash-img img{width: 200px; padding: 0px 10px;}
.splash-prov1 .splash-img { padding: 0; }
.splash-prov1 img{ width: 700px; padding: 0; }
.splash-prov1 p { font-size: 13px; line-height: 19px; }
.splash-prov1 h3 { margin: 10px 0 0 0; }
.splashLogo{float: left; margin: 0px 10px 20px 0px;}
.splashCopy{width: 500px; float: right; padding: 10px;}

hr{height: 2px; color: #333; background-color: #333; width: 80%; margin: 40px auto;}


/*--- All Courses Page ---*/
	#courseInfo td, #courseInfo th { padding:3px 5px; font-size:12px; text-align:center; line-height:14px; }
	#courseInfo tbody td a { color: #1b3d1c; font-weight: lighter;}
	#courseInfo thead th {vertical-align: bottom; }
	#courseInfo .courseName{ text-align:left; width: 33%;}
	
	#courseInfo .courseHeaders, #courseInfo .courseFooters { background-color: #fefefe;border-bottom: 1px solid #777;color: #124d00;}
	#courseInfo .courseHeaders th { padding:10px 5px 5px; vertical-align: bottom; }
	#courseInfo .courseHeaders .courseName a{color: #124d00;}
	
	#courseInfo tbody td { padding-right:10px; }
	#courseInfo thead th, #courseInfo tbody td, #courseInfo tbody th { border-bottom:1px solid #777;}
	#courseInfo tbody tr.highlight { background-color:#f8f7e0; }
	
	#courseInfo .courseFooters th { padding:10px 5px 5px; vertical-align: top; }
	#courseInfo tfoot th a { color:#000; text-decoration:none; }