/*
 * Style sheet for Townley Hall
 * Golf Club
 *
 * (c) 2005 Alex McAllister
 * ...with some help...
 *
 */

/* taken from http://www.meyerweb.com/eric/css/edge/popups/demo.html */
#rightcontainer a { text-decoration: none; border-bottom: 1px solid black; }
#rightcontainer a span { display: none; }

/* The /**\/ in this block is to hide it from
   IE6, but still displays in Firefox 1.5 */
#rightcontainer a:hover span {
   display: block;
   position: absolute;
   width: 100%;
   top: 100%;
   top /**/: 180%;
   right: 0;
   margin-top: 1em;
   border-top: 1px dashed silver;
   border-bottom: 1px dashed silver;
   background-color: white;
   color: black;
   font-weight: normal;
}

/*this little bit necessary for IE, looks ok in others as well */
#rightcontainer p { line-height: 150%; }

/* This hack seems to work the best for
   Firefox 1.5-only selectors - reset the
   top space to 100% - i.e., set it below the
   existing links in the div */
body:last-child #rightcontainer a:hover span { top: 100%; }

img.left { float: left; }
img.right { float: right; }

/* Style added for fees tables */
table.fees { border-collapse: collapse; }

.fees td, .fees th {
	border: 1px solid #6a3;
	padding: 0.35em 1em;
	text-align: center;
}

.fees th.dark { background-color: #6a3; color: #fff; }

/* Style added for the "score card" */
table.cardtable { border-collapse: collapse; }

.cardtable td { border: 1px solid #6a3;
   text-align: center;
   font-family: Arial, sans-serif;
   font-size: smaller;
   vertical-align: bottom;
   padding: 0.35em;
}

.cardtable td.dark { background-color: #6a3; color: #fff; }