/*
=============================================================================================

Wild Quail Golf & Country Club
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2008

=============================================================================================
*/



/* Color Scheme
=============================================

Headings - #000000
Body Font - #ffffff
Links - #ff0000

========================================== */



* {margin:0; padding:0; font-weight:normal; border:none;} /* GLOBAL RESET */

body {background:url(/images/bg.jpg) top left repeat-x; font:62.5%/1.5 Arial, Helvetica, sans-serif; color:#000; margin:0; background-color:#f7f6f2;}

h2 {font-size:2.4em;}
h3 {font-size:2em;}
h4 {font-size:1.4em;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#624d2b;}
a:visited {color:#624d2b;}
a:hover, a:focus, a:active {color:#2a5c12;}

img {border:none;}
strong {font-weight:bold; font-size:12px;}
input, textarea {background:#fff; border:1px solid #777;}

/* Use to add jump link to navigation and main content also add link in footer to jump to top of page for screen readers */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}



/* Layout
========================================== */

#wrapper {background:/*Site BG Image*/; margin:0 auto; width:910px;}


/*=== Header ===*/
#header { background:url(/images/navMain-bg.jpg) top center no-repeat; color:#000; position:absolute; width:910px; }
#header h1 {margin:0; text-indent:-9999px; overflow:hidden; background:url(/images/logo.png) left top no-repeat; position:relative; z-index:999; left:353px; height:177px; width:206px;}/* Add background to h1 instead of link to fix flash on rollover in IE */
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display:block; height:177px; width:206px;}
#header ul {margin:0; padding:0; position:absolute; top:19px; right:0;}
#header ul li {list-style:none; display:inline; float:left; border-right:1px solid #726f56; padding:0 10px;}
#header ul li.last {border:none;}
#header ul li a {color:#726f56; text-decoration:none; font-size:11px;}
#header ul li a:hover {text-decoration:underline;}

#numbers {margin:0; padding:0; position:absolute; top:40px; left:10px; list-style:none; font:18px Georgia, "Times New Roman", Times, serif; line-height:23px; color:#8a876e;}



/*== Navigation Main== */
/* If using a horizontal nav, add display:block to the a tag and display:inline li to create the button but remove the extra whitespace from IE6 and watch using a height on the A tag */
#navMain {position:relative; width:897px; height:55px; float:left; left:30px; top:96px; font:15px Georgia, "Times New Roman", Times, serif; z-index:800;}
#navMain li {list-style:none; margin:0; display:inline; float:left; padding:21px 5px 0 5px;}
#navMain li a {display:block; font:15px Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none; padding:0px 5px 21px 5px; z-index:800;}
#navMain li a:hover {}
#navMain .last {background:none;}

#navMain li ul {position: absolute;	width:9em; left: -999em; margin-top:-1px; z-index:10; background:#e5e6dc; height:auto; padding:0;}
#navMain li:hover ul, #navMain li.sfhover ul {left: auto;}
#navMain li ul li {display:block; background:none; float:none; padding:0;}
#navMain li ul li a {height:auto; font-size:13px; padding:5px 10px; font:10px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px dotted;}
#navMain li ul li a:hover {color:#285413;}



/*=== Content ===*/

/* MAIN CONTENT AREA */
#contentMain {background:#f1f0e9; width:895px; float:left; margin:0; position:relative; top:98px; left:8px; border: solid 1px #ceccba;}

#flashMain {margin:0; position:relative; border:solid 1px #6d6b63;}
flashcontent {width:894px;}

#leftContent {background:url(/images/welcome-box.jpg) left top no-repeat; width:223px; height:339px; display:block; position:relative; margin:15px 0 0 20px; padding:10px 10px; float:left;}
#leftContent p {font:12px Georgia, "Times New Roman", Times, serif; padding:15px 25px 0 10px; line-height:19px;}
#leftContent h3 {font:20px Georgia, "Times New Roman", Times, serif; color: #2a5c12; line-height:16px; border-bottom:1px dotted #624d2b; width:76px;}

#rightContent {width:610px; height:339px; position:relative; float:left; margin:14px 0 0 0; padding-left:5px;}
#rightContent h2 {font:16px Georgia, "Times New Roman", Times, serif; color:#dedccd; padding:5px 0 0 0; text-align:center;}

#rightContent ul {font:11px Verdana, Arial, Helvetica, sans-serif; color:#624d2b; line-height:26px;}
#rightContent ul li a{text-decoration:none; border-bottom:1px dotted #624d2b;}

#rightContent #box1 {background:url(/images/callout-box.jpg) top left no-repeat; width:174px; height:175px; float:left; margin-right:38px;}
#rightContent #box2 {background:url(/images/callout-box.jpg) top left no-repeat; width:174px; height:175px; float:left; margin-right:38px;}
#rightContent #box3 {background:url(/images/callout-box.jpg) top left no-repeat; width:174px; height:175px; float:left;}

#box1 ul li {margin:5px 0 0 0; font-size:12px;}
#box2 ul li {margin:5px 0 0 0; font-size:12px;}
#box3 ul li {margin:5px 0 0 0; font-size:12px;}

#box1 ul {margin:8px 0 0 35px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#624d2b; line-height:26px;}
#box2 ul {margin:8px 0 0 35px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#624d2b; line-height:26px;}
#box3 ul {margin:8px 0 0 35px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#624d2b; line-height:26px;}

#news {width:300px; height:160px; float:left; margin:0px 0 0 8px; position:relative;}
#news h3 {font:18px Georgia, "Times New Roman", Times, serif; color: #2a5c12; line-height:16px; border-bottom:1px dotted #624d2b; width:45px;}
#news a {text-decoration:none; border-bottom:1px dotted #624d2b; font-size:11px;}

#course {background:url(/images/tour-the-course.jpg) bottom right no-repeat; position:relative; float:right; width:254px; height:146px; margin:13px 0 0 8px;}
#course h3 {font:18px Georgia, "Times New Roman", Times, serif; display:block; width:254px; height:146px; color: #2a5c12;}
#course h3 a {display:block; width:70px; padding:0px; margin:0px; text-align:center; height:146px; z-index:9999; text-decoration:none;}
#course h3 a p {width:70px; padding:0px; margin:0px; text-align:center;}

#footer {background:url(/images/footer-bg.jpg) top left repeat-x; height:125px; width:100%; bottom:0; float:left; clear:both; margin-top:97px}
#footer ul {margin:0; padding:0; position:relative; top:19px; right:0; text-align:center;}
#footer ul li{list-style:none; display:inline; border-right:1px solid #726f56; padding:0 10px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#67644f;}
#footer ul li.last {border:none;}
#footer ul li a {text-decoration:underline; color:#67644f;}

#address {background:url(/images/address-bg.jpg) bottom center no-repeat; height:73px; width:589; position:relative; margin:40px;}
#address p {text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; color:#64614a;}

#delaware {font:10px Georgia, "Times New Roman", Times, serif; color:#444; text-align:center; margin-top:10px; padding-bottom:20px; color:#64614a;}



/*=== Interior ===*/

#headerImg {position:relative; width:896px; height:130px; border:1px solid #ceccba; right:2px; margin-bottom:10px;}

#interiorMain {padding:10px 20px; float:left;}
#interiorMain h2 {font:27px Georgia, "Times New Roman", Times, serif; color:#2a5c12; border-bottom:dotted 1px #2a5c12; max-width:270px; margin-bottom:25px;}
#interiorMain ul, #interiorMain ol {margin-left:65px; margin-bottom:20px;}

#interiorMain p {font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:20px; float:right; width:560px;}
.tournamentslist {font:12px Verdana, Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 0px 20px; padding:0px 0px 0px 20px; float:right; width:560px;}
.tournamentslist li {margin:0px 0px 0px 55px;}

#interiorMain p.left {padding:0 25px; float:left; margin-bottom:40px;}
#interiorMain p.left img {float:right; margin-left:20px;}

#interiorMain p.right {padding:0 25px; float:right; margin-bottom:30px;}
#interiorMain p.right img {float:left; margin-right:20px;}

#interiorMain p.middle {padding:0 25px 0 0; float:left; margin-left:90px; margin-bottom:25px; text-align:center;}

.center {text-align:center; margin:0 auto}

.menu {font-size:12px;}

.interiorlist {float:left; margin-left:30px; font-size:12px;}

#directions { float:right; margin:10px; font:12px Verdana, Arial, Helvetica, sans-serif;}

#map {float:left;}

.contentImg {float:left; margin: 0 0 30px 0; border:1px solid #64614A;}

#tour {height:607px; width:896px;}

#interiorMainCenter {padding:10px 20px;}
#interiorMainCenter h2 {font:27px Georgia, "Times New Roman", Times, serif; color:#2a5c12; border-bottom:dotted 1px #2a5c12; max-width:270px; margin-bottom:25px;}
#interiorMainCenter p {font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:20px;}

#interiorMainCenter p.left {padding:0 25px; float:left; margin-bottom:40px;}
#interiorMainCenter p.left img {float:right; margin-left:20px;}

#interiorMainCenter p.right {padding:0 25px; float:right; margin-bottom:30px;}
#interiorMainCenter p.right img {float:left; margin-right:20px;}

#interiorLeftCol {width:250px; float:left; padding-right:100px;}
#interiorLeftCol h2 {font:27px Georgia, "Times New Roman", Times, serif; color:#2a5c12; border-bottom:dotted 1px #2a5c12; max-width:270px; margin-bottom:25px;}
#interiorLeftCol p {font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:20px;}

#interiorRightCol {width:400px; float:left; margin-top:65px;}
#interiorRightCol h2 {font:27px Georgia, "Times New Roman", Times, serif; color:#2a5c12; border-bottom:dotted 1px #2a5c12; max-width:270px; margin-bottom:25px;}
#interiorRightCol p {font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:20px;}