@import "../css/reset.css";

body{margin: 0; padding: 0; font-family: Arial; font-size: small; color: #5c5c5c; background-color: #3b3b3b;}

#wrapper{width:952px; margin:0 auto; padding:0; text-align:center;}
#container{width:928px; float:left; text-align:left; background: transparent url(/media/layout/contentbg.gif) top left repeat-y; padding: 0 12px;}
#detailsPage{padding-left: 10px;}
#detailsPage img{float: right; margin-left: 5px; margin-bottom: 5px; border: 1px solid #333333;}
#detailsPage ul{margin: 10px 0 10px 30px;}
#detailsPage ul li{padding: 3px 0;}


h2{font-size: 170%; color: #6f6f6f;}
h3 { margin-bottom: 10px; }
h4{font-family: Times; color: #a54546; font-size: 140%; letter-spacing: 2px;}
h4 a{color: #a54546;}

#livewebBox h4{ padding: 15px 0 0 15px;}
#headerArea{background: transparent url(/media/layout/blackHeader.gif) top left no-repeat;width: 927px; height: 430px; padding-top: 10px;}
#navColumn{width: 272px; float: left;}
#navRight{float: right; text-align: right; padding-right: 5px; width: 626px}

.error{color: red;}
.black{color: black;}
.gold{color: gold;}
.red{color: red;}
.floatRight{float: right;}

strong{font-weight: bold;}
#wysiwygImage{float: left; border: 1px solid #333333; margin: 0 10px 10px 0;}

.returnAll{text-decoration: underline;}

.specialCode{color:#7c0000; font-weight: bold;}
#thanks{padding-top: 15px;}

#contentStuff{margin-left: 25px; margin-right: 25px;}
.clear{clear: both;}

#emailers dl{font-size: 12px;}
#emailers dl dt{margin-top: 10px; font-weight: bold;}
#emailers a{color: #851e1e;}
#emailers {margin-top: 15px;}
/*Navigation - the stuff you use to navigate a website*/


#myh2{padding-top: 10px; padding-right: 25px;}
#topMenu {list-style: none; color: #6f6f6f; padding-right: 25px}
#topMenu li{ float: right; padding-left: 25px; padding-top: 7px; padding-bottom: 0px; line-height:.8em;}
#topMenu li.facebook{ padding:0 0 0 25px;}
#topMenu li a:hover{text-decoration: underline;}

#logo{background: transparent url(/media/layout/logo3.gif) top center no-repeat; display: block; height: 70px; width: 272px; margin-left: 17px; border-bottom: 11px solid #afafaf; padding-bottom: 15px; margin-top: 10px}

#mainNav{ list-style: none; font-family: Helvetica; text-transform: uppercase; color:  #606060; font-size: 125%; letter-spacing: 2px; margin-left: 17px;}
#mainNav a{text-decoration: none; color: #606060;}
#mainNav li{border-bottom: 1px solid #c3c3c3; padding: 1px 0;}
#mainNav li a{width: 262px; display: block; height: 38px; line-height: 42px; padding-left: 10px;}
#mainNav li a:hover{background: transparent url(/media/layout/navbg.gif) top left repeat-y; color: #a54546}

#mainNav #last{border: none;}
#leftNavigation{float: left;}

/* Intranet Map styles */
#intranetMap { width: 574px; height: 450px; border: 2px solid gray; }

/* ################ */

/*newsletterbox*/
#newsletterSignup{padding-top: 15px;}
#newsletterSignup #submit{background-color: #ffffff; border: 2px solid #bfbfbf;}
#newsletterSignup label, #newsletterSignup input{float: left; margin-right: 5px;}
#newsletterSignup label{font-weight: bold;  padding-top: 5px;}

#flashMovie{ float: left;  margin-left: 10px; padding-top: 11px; padding-right:15px; background: transparent url(/media/layout/flashbg.gif) top left no-repeat; width:605px; height: 358px;}
#flashMovie #movie{padding-right: 12px;}

.divider{width: 895px; margin: 0px auto 20px auto; height: 11px; background-color: #e3e3e3; clear: both;}
.divider2{width: 100%; margin: 0 auto; height: 5px; background-color: #e3e3e3; clear: both;}

#leftColumn{width: 480px; float: left;}

#newsletterBox{border: 1px solid #dfe1e0; color: #333333; width: 417px; background: #e3e9dd url(/media/layout/flag.gif) bottom right no-repeat; padding: 10px; float: left;}
#newsletterBox h3, #livewebBox h3{color: #0f4305; font-family: Times; font-size: 250%; letter-spacing: 2px;}
#leftBoxShadow{background: transparent url(/media/layout/leftshadow.gif) top left no-repeat; width: 14px; height: 93px; float: left; margin-left: 3px; display: inline;}
#bottomBoxShadow{background: transparent url(/media/layout/bottomshadow.gif) top right no-repeat; width: 455px; float: left; height: 18px;}
.box1{float: left; width: 480px;}

#livewebBox{border: 1px solid #dfe1e0; width: 417px; background: #e3e9dd url(/media/layout/golfer.gif) bottom right no-repeat; padding: 10px; float: left; margin-left: 17px; display: inline; color: #333333; }
#rightBoxShadow{background: transparent url(/media/layout/rightshadow.gif) top left no-repeat; width: 19px; height: 94px; float: left;}
#bottomBoxShadow2{background: transparent url(/media/layout/bottomshadow2.gif) top left no-repeat; width: 400px; float: left; height: 19px; margin-left: 14px; display: inline;}


#contentArea{ padding: 0 15px;}
#contentArea h2{ margin: 15px 0 0 0;}
#contentArea .divider2 {margin-top: 15px;}
#contentArea span{font-size: 11px; font-weight: bold; color: #000000;}
#contentArea p{margin-top: 10px;}


.bvider{background: transparent url(/media/layout/bvider.gif) top center no-repeat; width: 413px; height: 28px; float: left;}

#newsArea{float: right; width: 413px; margin-right: 32px; margin-top: 15px; pad}
#newsArea p{ clear: left; margin-bottom: 20px; padding-top: 10px;}
#newsArea span{font-size: 80%; font-family: Tahoma;}
.closeNews{width: 413px; height: 2px; margin-bottom: 15px; background-color: #eeeeee;}


#contentLeft{width: 600px; margin-left: 17px; float: left;}
#contentLeft p{margin-bottom: 20px;}

.sideBox{float: right; background-color: #f4f1e2; border: 1px solid #e3e3e3; width: 275px; clear: right; margin-right: 17px; margin-bottom: 20px; padding: 5px;}
.sideBox img{ float: left; padding: 0 5px 5px 0;}
.sideBox h3{color: #0f4305; font-size: 180%; font-family: Times;}

#footer ul{margin: 0 auto; text-align: center; padding-top: 30px}
#footer ul li{display: inline; padding: 0 10px;}
#footer dl{ margin: 0 auto; text-align: center;}

#footerBottom{background: transparent url(/media/layout/contentbottom.gif) top left no-repeat; height: 20px; width: 952px;}



/*photogallery stuffedge*/
#photoGallery{ text-align: center;}
#photoGallery img{border: 5px solid #e3e3e3; margin-right: 25px;}

/*weather box */
.weatherBox dt{float: left; margin-left: 25px;}
.weatherBox{text-align: center; width: 125px; float: left; margin-bottom: 25px;}
.weatherBox h3{font-weight: bold; font-size: 15px; color: #333333;}
#weatherTitle{text-align: center; margin-bottom: 25px;}
#weatherDetails{clear: both;}

/*contactPage*/
#contactForm label{ width: 70px; float: left; margin: 2px; line-height: 25px;}
#contactForm input, #contactForm textarea{margin: 2px; width: 350px; height: 25px; border: 1px solid #333333; font-size: 16px;}
#contactForm textarea{height: 200px;}
#contactForm{width: 650px; margin: 0 auto; background-color: #d4d4d4; border: 2px solid #7c7c7c; padding: 10px;}
#contactForm #contact{float: left;}
#contactForm #contact #submit{ margin-left: 76px;}
#contactForm .addresses{margin-left: 10px; float: left; background-color: #ffffff; padding: 10px; font-size: 16px; line-height: 1.25}

/*booking page*/
#bookingArea{ width: 500px;}
#bookingArea p{padding-bottom: 15px;}
#bookNow {margin: 0 auto; width: 300px;}


/*scorecard page */

#distances{margin-top: 15px;}
#distances dd, #distances dt{display: inline;}
#distances dt{font-weight: bold;}
#distances .black{margin-left: -15px;}
#distances dt{padding-left: 15px;}
.holeClickers{list-style: none; margin-left: 60px;}
.holeClickers li{ float: left; }
.holeClickers li a{display: block; width: 44px; height: 44px; font-size: 18px; line-height: 44px;  text-align: center; background: transparent url(/media/layout/blackbox.gif) top left no-repeat; color: #828282;}
.holeClickers li a:hover{background-position: 0 -44px; color: #333333;}

.holeClickers .active a{background-position: 0 -44px; color: #333333;}

#holeInfo h6{clear: both; padding-left: 80px}

#holeInfo{clear: both; padding-top: 15px; padding-left: 15px; width: 880px;}

#holeInfo #holeSpecs{font-size: 22px; margin: 15px 0;}
#holeInfo #holeSpecs dt{float: left; padding-right: 5px; color: #828282; padding-top: 8px;}
#holeInfo #holeSpecs dd{padding-top: 8px;}


#holeImageHolder{height: 458px; float: left;}

#holeImage{background: transparent url(/media/layout/holebg.gif) top left no-repeat; height: 458px; width: 322px; float: left;  position: relative;}
#holeImage img{position: absolute; top:17px; left: 26px;}
#holeInfo h6{ margin: 15px 0;}
/*nes*/
newsImageBox{}

/*specials*/

#specialsBox{width: 60%; float: left; padding-left: 10px;}
#specialsBox h2 a:hover { text-decoration: underline; }
#specialsImages{}
#specialsBox span{font-weight: normal; color: #7c0000; font-size: 9px}

/***stuffage for the map **/

/*directions */
#directionsDetails { width: 25%;  float: left;}
#directionsDetails p{}
#directionsDetails h4{margin-top: 20px;}
#directionsDetails span{font-weight: bold; }

/* Directions Map */
.map-header { width: 825px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#directionsMap { width: 633px; height: 450px; border: 2px solid gray; margin-left: 23px; }
#largeMap { width: 70%; height: 450px; border: 2px solid gray; margin-right: 27px; float: right; }
#largeMapLegend { padding: 0 15px; margin: 10px 0 0 57px; }
#largeMapLegend img { float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 180px; margin: 0; }
.infoWindow { width: 480px; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0 0 3px 0; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; }
.listem{margin-top: 15px;}
#mapLocations h4{font-size: 14px; text-decoration: underline;}
#mapLocations {margin: 0 0 0 10px; list-style: none; }
#mapLocations li a{color: #707070; font-weight: bold;}
#mapLocations li a:hover{text-decoration: underline;}


/*ADMING STUFF*/

#admin{padding: 10px; width: 600px; float: left;}

.list{background: #efefef; padding: 10px; border: 1px solid #9d9d9d; width: 550px;}
.list a{font-weight: bold;}
.list th{font-weight: bold; padding: 3px; font-size: 14px; text-align: center;}
.list td{padding: 3px;}

a{color: #333333; text-decoration: none;}

#breadcrumb a{text-decoration: underline;}

.formfield input{width: 300px; border: 1px solid #333333; height: 25px; font-size: 14px;}
.formfield label{float: left; line-height: 25px; padding-right: 10px; text-align: right; width: 100px;}
.formfield #onHomePage_true{width: 25px;}

#admin .edit{background: #efefef; padding: 10px; border: 1px solid #9d9d9d;}
#admin label, #admin input{margin: 10px 0 5px 0;}

#admin #longDesc{width: 400px; height: 300px;}

/*--- All Courses Page ---*/
#courses td, #courses th { padding:3px 5px; font-size:10px; text-align:center; line-height:14px; }
#courses tbody td a { font-weight:600; }
#courses thead th { font-weight: normal; vertical-align: bottom; }
#courses .courseName{ text-align:left; width: 20%;}

#courses .courseHeaders { background-color: #fefefe; font-weight: bold;border-bottom: 1px solid #777;color: #124d00;}
#courses .courseHeaders th { padding:10px 5px 5px; vertical-align: bottom; }
#courses .courseHeaders .courseName a{color: #124d00;}

#courses tbody td { padding-right:10px; }
#courses thead th, #courses tbody td, #courses tbody th { border-bottom:1px solid #777;}
#courses tbody tr.highlight { background-color:#f8f7e0; }
#courses tfoot th a { color:#000; text-decoration:none; }
#courses {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px}


.starRatings ul li{list-style-type:none;}

.ratesFrom{width: 15%;}
.arrows{float: right;}