@charset "utf-8";
/* CSS Document */

html, body { padding: 0; margin: 0; }

/* --------------------------------------------- */

body { font-family: Lucida Sans Unicode, Lucida Grande, Century Gothic, Arial, Helvetica, sans-serif; font-size: 0.8em;
	background: #c6b694; }

h3 { font-size: 2em; letter-spacing: -0.1em; font-weight: normal; margin: 0.4em 0 0.2em; color: #063; }
h4 { color: #393; font-weight: normal; letter-spacing: -0.08em; margin: 1em 0 0.5em; font-size: 1.4em; }
h5 { color: #888; font-weight: normal; letter-spacing: -0.08em; margin: 1em 0 0; font-size: 1.15em;
	text-transform: uppercase; }


a { color: #a53e00; text-decoration: underline; }
a:hover { color: #eba205; text-decoration: underline; }
a.greyed { text-decoration: line-through; }

p { margin: 1em 0 0.5em;}

p.intro { color: #393; font-size: 1.2em; font-weight: normal; letter-spacing: -0.08em; margin: 1em 0 0.5em; }
p.homepage { margin-bottom: 30px; font-size: 1.3em; }

ul { margin: 1em 0 1.5em 8px; padding: 0 0 0 10px; font-size: 0.9em; }
.accom_intro ul { font-size: 1em; }

blockquote { margin-left: 15px; margin-right: 15px; color: #666; font-size: 1.1em; letter-spacing: -1px; }

a.joinTGS { display: block; width: 137px; text-align: center; margin: 10px auto; }
a.joinTGS img { border: none; }

.info { padding: 5px 30px 8px 30px; margin: 10px 0px; 
	border: 1px solid #71c956; line-height: 1.4em;
	background: #fff; font-size: 0.9em; }
.info strong { font-weight: normal; font-size: 1em; color: #063; }

div.biglink { width: 268px; height: 18px; background: url(biglink.jpg) no-repeat; color: #fff; font-weight: normal;
	font-size: 1.1em; letter-spacing: -0.05em; margin: 15px 0 0; padding: 11px; }
div.biglink a { color: #fff; text-decoration: none; }
div.biglink a:hover { color: #fff; text-decoration: underline; }
div.biglink.center { margin: 15px auto 0; text-align: center; }

div.listingtoggle { text-align: center; padding: 0 0 10px; color: #ccc; }

.accom_item { margin: 0 0 20px; }
.accom_summary { margin-bottom: 1em; }
.accom_title { margin-top: 1em; font-size: 1.1em; }
.accom_description { font-size: 0.9em; color: #666; }
.accom_thumb { float: left; }
.accom_thumb img { border: none; margin: 0 10px 0 0; }

#nomatch { text-align: center; color: #a53e00; }

.accom_details { float: right; width: 180px; clear: both; padding: 10px; font-size: 0.85em; color: #fff;
	border: 1px solid #063; margin: 8px 0 6px 19px; background: #063 url(infobox.jpg) no-repeat top; }
.accom_details h4 { color: #fff; font-weight: normal; letter-spacing: -0.08em; margin: 0 0 0.5em; font-size: 1.4em; }
.accom_details h5 { color: #71c956; font-weight: normal; letter-spacing: -0.08em; margin: 0.5em 0 0; font-size: 1.2em;
	text-transform: none; }

.accom_details a { color: #fff; }
.accom_details a:hover { color: #eba205; }

.accom_intro { font-size: 0.9em; margin: 1em 0 0.5em; }

.special { padding: 10px 10px; margin: 20px 0 25px; background: #a53e00 url(specialbox.jpg) top left; width: 268px;
	border: 1px solid #a53e00; } 
.special p { color: #fff; margin: 0; padding-left: 50px; }
.special strong { font-size: 1.4em; font-weight: normal; letter-spacing: -0.05em; }
.special div { padding: 10px 0 0 50px; }

.special a { color: #fff; font-size: 0.8em; text-transform: uppercase; }
.special a:hover { color: #eba205; }

form { margin: 0; padding: 0; font-size: 0.9em; }
form .info { font-size: 1em; }
fieldset { margin: 2em 0 0 0; padding: 1em 0 0 0; border: 0px solid #fff; border-top: 1px solid #71c956; }
legend { font-weight: normal; text-transform: uppercase; color: #063; padding: 0 1em 0 0; }
label { padding-top: 0.2em; font-weight: normal; color: #666; text-align: left; }
form th { font-weight: normal; color: #666; text-align: left; }
form em,.required { font-weight: bold; color: #c00; font-style: normal; }
input { font-family: Lucida Sans Unicode, Lucida Grande, Century Gothic, Arial, Helvetica, sans-serif; }
.input_error { border: 1px solid #600; background-color: #fee; }
.input normal { border: inherit; background-color: inherit; }

.formerror { padding: 5px 30px 8px 30px; margin: 10px 0px; 
	border: 1px solid #500; line-height: 1.4em;
	background: #700; font-size: 0.9em; color: #fff; }
.formerror strong { font-weight: normal; font-size: 1.3em; color: #fff; }
.formerror ul { font-size: 1em; }
.formerror li { margin: 0.5em 0 0.2em; }

form.memberlogin { margin: 20px 0; font-size: 1.1em; }
form.memberlogin label { text-transform: uppercase; margin: 0 auto 5px; font-size: 0.9em; display: block; text-align: center; }
form.memberlogin input.password { width: 150px; }
form.memberlogin input.loginbutton { width: 100px; text-transform: uppercase; margin: 5px auto 0; display: block; text-align: center; }

.incorrectPassword { color: #900; }

ul.meetings li { margin-bottom: 10px; font-size: 1.2em; color: #333; list-style-type: square; }
ul.newsletters li { margin-bottom: 6px; font-size: 1.1em; color: #333; list-style-type: square; }
ul.newsletters li.bigli { font-size: 1.5em; margin-bottom: 10px; }

/* UPCOMING EVENTS */
.whatsonitem { padding: 20px 0 10px; }

.whatsondate { color: #fff; font-size: 1.1em; float: left; width: 60px; height: 54px; background: #00772e url(eventsdate.jpg) no-repeat; text-align: center; text-transform: uppercase; padding: 6px 0 0; }
.whatsondate .day { font-size: 1.9em; letter-spacing: -0.1em; padding-right: 2px; line-height: 1em; }
.whatsondetails { float: right; width: 430px; font-size: 0.9em; }
.whatsontitle h4 { margin: 0; }
.whatsontitle a { text-decoration: none; }

.floatright { float: right; }
.floatleft { float: left; }

.marginleft { margin: 15px 15px 15px 0; }
.marginright { margin: 15px 0 15px 15px; }

.photoCaption { display: block; margin: 5px 0 0; text-align: center; color: #999; font-size: 0.9em; font-style: italic; }

.clearPage { clear: both; font-size: 0.001em; line-height: 0.001em; display: block; }

/* LAYOUT */
#container { width: 100%; text-align: center; background: url(contbg.jpg) repeat-y center; }

#headerhome { width: 760px; margin: 0 auto; display: block; }
#header { width: 760px; height: 130px; margin: 0 auto; background: url(header.jpg) no-repeat; display: block; }
#header h1, #header h2, #headerhome h1, #headerhome h2 { display: none; }

#headerhome #logo { float: left; width: 310px; height: 160px; background: #379c4c url(header_home.jpg) no-repeat; }
#headerhome #slogan { float: right; width: 450px; height: 160px; background: url(flashbg.jpg) no-repeat; }

#page { width: 760px; margin: 0 auto; clear: both; text-align: left; background: #faf8f4 url(sidebar_bg.jpg) repeat-y; }

#sidebarhome { float: left; width: 196px; text-align: center; background: url(navhome.jpg) no-repeat top; }
#sidebar { float: left; width: 196px; text-align: center; background: url(nav.jpg) no-repeat top; }


#navhome { color: #fff; text-transform: uppercase; width: 168px; margin: 20px auto 0; text-align: left; }
#nav { color: #fff; text-transform: uppercase; width: 168px; margin: 0 auto; text-align: left; }
#nav ul, #navhome ul { margin: 0; padding: 10px; }
#nav ul li, #navhome ul li { list-style-type: none; margin-bottom: 15px }

#nav a, #navhome a { color: #fff; text-decoration: none; }
#nav a:hover, #navhome a:hover { color: #fff; text-decoration: underline; }

#membersloggedin { margin: 10px auto 18px; text-align: center; color: #fff; }
#membersloggedin strong { display: block; font-weight: normal; text-transform: uppercase; font-size: 0.8em; }
#membersloggedin a { text-transform: uppercase; font-size: 0.8em; margin: 0 5px; color: #64CF45; }
#membersloggedin a:hover { color: #9fe68a; }
#membersloggedin span.dull { color: #4EAC4E; }

#weather { margin: 20px auto; padding: 0 15px; width: 138px; }
#weather .title { color: #fff; text-transform: uppercase; font-size: 0.8em; }
#weather .icon { margin-top: 8px; }
#weather .temp { color: #fff; text-transform: uppercase; font-size: 2.2em; font-weight: bold; letter-spacing: -0.2em; }
#weather .forecast { color: #48b327; text-transform: uppercase; font-size: 1.1em; font-weight: bold;
	letter-spacing: -0.1em; }

#contact { border-top: 1px solid #017C39; width: 137px; margin: 0 auto 20px; padding: 5px 0 0; }
#contact a { color: #48b327; text-decoration: none; }
#contact a:hover { color: #81cf6a; text-decoration: none; }

#contentcolumn { float: right; width: 564px; background: url(contentcolumntop.jpg) no-repeat top left; }

#contenthome { padding: 0 30px 30px; }
#content { padding: 0 25px 30px; font-size: 1em; }

#breadcrumbs { float: left; font-size: 0.8em; text-transform: uppercase; margin: 20px 0 10px; color: #eba205;
	cursor: default; }
#breadcrumbs a.first { margin-left: 0; }
#breadcrumbs a { margin: 0 5px 0 2px; text-decoration: none; }

#textcontrols { float: right; font-size: 0.8em; text-transform: uppercase; margin: 20px 0 10px;
	color: #ccc; text-align: right; cursor: default; display: none; }
#textcontrols a { text-decoration: none; color: #999; }
#textcontrols a:hover { text-decoration: underline; color: #666; }
#textcontrols a.disabled { text-decoration: none; color: #ccc; cursor: default; }
#textcontrols a.disabled:hover { text-decoration: none; color: #ccc; cursor: default; }


#footer { width: 760px; height: 65px; margin: 0 auto; background: #9f4500 url(footer.jpg) no-repeat; clear: both;
	color: #fff; font-size: 0.8em; text-transform: uppercase; padding-top: 15px; }

#shadow { width: 100%; height: 35px; background: url(shadow.jpg) no-repeat center; font-size: 0.001em;
	line-height: 0.001em; }