/*
 * Style sheet for Townley Hall
 * Golf Club
 *
 * Started 04/09/2005
 * contd 23/01/2009
 * updated 01/07/2009
 *
 */

/* Main body style */
html {
	background: #cae1b9;
}

body {
   margin: 1em auto;
   padding: 0;
   font-size: 85%;
   font-family: Verdana, sans-serif;
   color: #000;
   background-color: #fff;
	border: 1px solid #6a3;
	width: 70em;
}

/* Wrapper div for shrinkable window 
#wrapper {
	width: 70em;
	margin: 0 auto;
} */

/* Styles common to all divs and markup
 * site-wide
 *
 */
h1.green,
h2.green,
h3.green,
h4.green,
h5.green,
h6.green { border-bottom: 1px solid #6a3; }

a {
   color: #000;
   background-color: #fff;
   text-decoration: underline;
}

a.plain {
   color: #000;
   background-color: #fff;
   text-decoration: none;
   font-weight: normal;
}

a:hover { color: #000; background-color: #ddd; }
a.plain:hover { border-bottom: none; }

a.current {
   color: #fff;
   background-color: #000;
   text-decoration: none;
   font-weight: normal;
}

a.image:hover {
   background-color: #fff;
   color: #000;
   text-decoration: none;
   border: none;
}

img { border: none; }

.floatright { float: right; }
.textright { text-align: right; }
.directionrtl { direction: rtl; unicode-bidi: bidi-override; }

dt { padding: 0.5em 0 0.5em 0; font-weight: bold; }

sup { vertical-align: top; }

#banner {
   color: #fff;
   background: #6a3 /* url(../images/bannertest.png) no-repeat bottom right */;
   padding: 1em;
   /* border-top: 1px solid #000; */
   margin-bottom: 0;
}

#banner a {
   color: #fff;
   background-color: #6a3;
   border: none;
   text-decoration: none;
}

#banner ul { float: right; font-size: 75%; padding: 0.5em; }
#banner li { list-style-type: none; }

#subheader { padding-bottom: 1em; background-color: #fff; color: #000; }

#leftcontainer, #rightcontainer {
	background-color: #fff;
	color: #000;
   padding: 0;
   margin-top: 0.25em 0 0 0;
}

#leftcontainer { float: left; width: 14%; padding-left: 0.75em; }

#rightcontainer {
   position: relative;
   float: right;
   width: 25%;
   max-width: 25%;
	padding-right: 0.75em;
}

#rightcontainer h1,
#rightcontainer h2,
#rightcontainer h3,
#rightcontainer h4,
#rightcontainer h5,
#rightcontainer h6 { margin-top: 0.1em; border-bottom: 1px solid #6a3; }

/* Style for the navigation list */
#nav { margin: 0; padding: 0; }

#nav li {
   list-style-type: none;
   margin: 0 0 0.5em 0;
   padding: 0;
}

#nav a {
   display: block;
   width: 6em;
   font-size: 95%;
   color: #fff;
   background-color: #6a3;
   border: none;
   padding: 0.5em 0.5em 0.25em 0.5em;
   text-decoration: none;
   font-weight: normal;
}

#nav a:hover { color: #000; background-color: #ddd; }

#news {
   font-size: 75%;
   margin: 0;
   padding: 1em;
   border: 2px dashed #ccc;
   color: #000;
   background-color: #eee;
}

#news h3 { border: 0; }

#news a {
   color: #000;
   background-color: #eee;
   text-decoration: none;
   font-weight: normal;
}

#news a:hover {
   color: #000;
   background-color: #fff;
   border-bottom: 1px solid #000;
}

/* Preferable to style <p> rather
 * than use <hX>, easier for
 * links also..
 *
 */
#news p { margin-top: 0; }
#news p.heading { font-size: 115%; margin-bottom: 0; }

#mapright { float: right; margin-left: 1em; }

/* This is the style for the main content
 *
 * margin: declaration goes top right bottom left
 *
 */
#content {
	background-color: #fff;
	color: #000;
	margin: 0.25em 30% 0 15%;
	line-height: 150%;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { margin-top: 0.1em; }

/* Style for footer is similar to header */
#footer {
   font-size: 80%;
   text-align: center;
   color: #fff;
   background-color: #6a3;
   padding: 1em;
   /* border-bottom: 1px solid #000; */
   margin-top: 1em;
   clear: both;
}

#footerlist {
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 0.5em;
   padding: 0;
}

#footerlist li {
   display: inline;
   list-style-type: none;
   padding: 0.5em;
}

#footer a {
   color: #fff;
   background-color: #6a3;
   border: none;
   text-decoration: none;
   font-weight: normal;
}

#footer a:hover {
   color: #000;
   background-color: #fff;
   /* border-bottom: 1px solid #000; */
}