body {
  font:normal 76% verdana,tahoma,arial;
  color: black;
}

.layoutContainer {
  background-image: url(images/grass-stretched.jpg);
  background-repeat: repeat-x;
  width:900px;
  margin: 0 auto;
}

.layoutTop {
  vertical-align: top;
  text-align: center; 
  height: 95px;
}

.layoutMiddle {
}

.layoutBottom {
  text-align: center;
  clear: both;
}

.layoutBody {
  float: left;
  vertical-align: top;
  width:750px;
  text-align: left;
  padding: 0px 5px 0px 5px;
}

.layoutLinks {
}

.layoutAds {
  float: right;
  width: 120px;
  padding: 5px 5px 5px 5px;
}


.black {
  background: #000000;
  color: #dddddd;
  border: 1px solid #ddd;
}

.gold {
  background: #b5a642;
  color: black;
}

.white {
  background: #ffffff;
  color: black;
}

.yellow {
  background: #f5f704;
  color: black;
}

.blue {
  background: #007fff;
  color: black;
}

.red {
  background: #ff0000;
  color: black;
}

.green {
  background: #007fff;
  color: black;
}

.orange {
  background: #ff7f00;
  color: black;
}

.group h3 {
  color:#3a3;
  background:#afa; 
  padding:1px 5px 1px 5px;
  border:1px solid #0a0;
}

.group {
  margin-top:2em;
  margin-bottom:1em;
  border:1px solid #0a0;
  padding:0 10px;
}

.group h3 {
  margin:-.75em 0px 10px 0;
  position:relative;
  z-index:5;
  border:1px solid #0a0;
}

.course h4 {
  color:#3a3;
  background:#afa;
  padding:1px 5px 1px 5px;
  border:1px solid #0a0;
}

.course {
  margin-top:1em;
  margin-bottom:1em;
  border:1px solid #0a0;
  padding:0.5em 10px;
}

.course h4 {
  margin:-1.25em 0px 10px 0px;
  border:1px solid #0a0;
}


#mapArea {
  width: 700px; 
  height: 400px;
}

.clubDescription {
  margin-top: 0;
  padding: 0.2em;
  font-size: 1.2em;
  vertical-align: top;
  text-align: justify;
}

.clubCoordinates {
  margin: 0 0.2em 0 0;
  width: auto;
  font-size: 1em;
  vertical-align: top;
}

.clubContact {
  vertical-align: top;
  text-align: left;
  margin: 0 0.2em 0 0;
  width: auto;
  font-size: 0.9em;
}

.clubLogo {
 text-align: center;  
}


.clubPicAndDesc {
  vertical-align: top;
}


.clubReview {

}

.clubAddress {

}

.clubMainPicture {
  float: right;
  margin: 0.9em 0.1em 0.9em 0.9em;
}

.naviTopTitle {
  font-size: 2em;
  vertical-align: top;
  display: inline;
}

.expand2 {
  text-align: right;
  font-size: 0.6em;
  float: right;
  width: 30%;
}

.expand1 {
  float: left;
  width: 70%;
  text-align:left;
}

.expand3 {
 vertical-align: middle;
}

.pointer {
  cursor: pointer;
}

.scoreCard td, .black, .gold, .white, .yellow, .blue, .red, .green, .orange {
  border: 1px solid #444;
  font-size: 0.7em;
  text-align: center;
  padding: 3px 3px 3px 3px;
}

.scoreCard {
  clear: both;
  border-collapse: collapse;
}

.layoutAds {
  width: 120px;
  text-align: center;
  vertical-align: top;
}

.layoutLinks td {
  text-align: center;
  vertical-align: middle;
}

.googleSearch {
  font:normal 76% verdana,tahoma,arial;
}

.clubInfoLeft {
  float: left;
  width: 47%;
}

.handicapLimit {
  vertical-align: top;
  font-size: 1em;
  float: left;
  clear: left;
  padding: 0px 5px 0px 5px;
}

.greenFees {
  vertical-align: top;
  font-size: 1em;
  float: left;
  padding: 0px 5px 0px 5px;
}

.courseRemarks {
  vertical-align: top;
  font-size: 1em;
  float: left;
  padding: 0px 5px 0px 5px;
}


.clubDays {
  vertical-align: top;
  font-size: 1em;
}
.clubRemarks {
  vertical-align: top;
  font-size: 1em;
}

.transport {
  vertical-align: top;
  font-size: 1em;
}



.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:750px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog h1 {
  font:normal 1.5em georgia,helvetica,arial;
  letter-spacing:-0.5px;  
  padding-top:0.2em;
  padding-bottom:0.5em;
  z-index: 10;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog.png) no-repeat top right;
 _background-image:url(images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 margin-bottom: 16px;  
  z-index: 10;
}

#countryContainer {
  padding: 5px 5px 5px 5px;
  text-align: center;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 z-index: 0;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
 margin-top: -16px;  
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.manual {
 font-size: 0.7em;
}

#countryDialog, #alphaClubListDialog, #provinceClubListDialog {
  width:54%;
  float: left;
}

#newsDialog {
  width:40%;
  float:right;
}

#mainWeatherDialog {
  width: 100%;
  font-size: 1.5em;
}

.mainWeather img {
  width:358px;
}

.rightWeather {
  float:right;
  clear:right;
}

.leftWeather {
  float:left;
  clear:left;
}

.newsItem {
  border-bottom: 1px solid green;
  padding: 5px 5px 5px 5px;
}

.newsTitle {
  font-size: 1em;
  font-weight: bold;
}

.newsTitle a {
  font-size: 0.9em;
}

.newsDate, .newsLink {
  font-size:0.8em;
  font-style: italic;
}

.newsDate {
  float:right;
}

.newsLink {
  float:left;
}

.newsDescription {
  font-size:0.8em;
  text-align: justify;
  clear: both;
}

.clubAlphaLetter, .provinceClubListLetter {
  letter-spacing:-0.5px;  
  padding: 0px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  background: green;
  text-align: left;
}

.clubAlphaLetter {
  font:normal 1em georgia,helvetica,arial;
}

.provinceClubListLetter {
  font:normal 1em georgia,helvetica,arial;
}


#topMenu {
  position:relative;
  display:block;
  height:24px;
  font-size:14px;
  font-weight:bold;
  background:transparent url(images/bgOFF.gif) repeat-x top left;
  font-family:Arial,Verdana,Helvitica,sans-serif;
}

#topMenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
}

#topMenu ul li {
  display:block;
  float:left;
}

#topMenu ul li a {
  display:block;
  float:left;
  color:#000;
  text-decoration:none;
  padding:5px 20px 0 20px;
  height:24px;
}

/* Adding class="current" to an <a> element will make it permanently highlighted */

#topMenu ul li a:hover, #topMenu ul li a.current {
  color:#fff;
  background:transparent url(images/bgON.gif) repeat-x top left;
}

.clubLocation {
  position: relative;
  display: block;
  float: right;
}

.clubLocationMap {
  position:relative;
  top: 0px;
  left: 0px;
}

.clubLocationFlag {
  position:absolute;
}

.distanceUnit {
  font-size: 0.8em;
}