/* Satterley Calendar CSS Document */

#welcomebar { padding: 0; height: 24px; padding: 4px 0 0 0; background: #84ab52 url(images/content_colour_green_bgrepeat.gif) repeat-x top left; }
\ html body #welcomebar { height: 25px; padding: 3px 0 0 0; }

#welcomebar form.memberlogin { float: right; width: 381px; height: 24px; margin: 0; padding: 0 0 0 147px; background: url(images/login_form_title.gif) no-repeat 0px 2px; }
#welcomebar form.memberlogin h2 { display: none; }
#welcomebar form.memberlogin p { margin: 0; padding: 0; }
#welcomebar form.memberlogin input.text { padding-bottom: 0; padding-top: 1px; margin: 0 8px 0 0; width: 149px; color: #9b9b9b; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#welcomebar form.memberlogin input.submit { height: 19px; font-size: 11px; }
\ html body #welcomebar form.memberlogin { width: 385px; }

#sectiontitle { padding: 0 0 0 28px; }
#sectiontitle h1 { float: left; padding: 15px 0 0 0; }

.newmember { float: right; width: 280px; padding: 37px 27px 0 0; background: url(images/sectionbar_newmembers.gif) no-repeat top right; color: #000; text-align: right; font-weight: bold; }
.newmember h2 { display: none; }
.newmember a { color: #569803; text-decoration: none; }
.newmember a:hover { color: #000000; }


/* Homepage Contents */
#contentinner { padding-bottom: 80px; }
#copycontainer { padding: 28px 27px 0 27px; }


h1.columntitle { margin: 0; height: 32px; border-bottom: 3px solid #928779; text-indent: -9999px; color: #000; font-size: 16px; }

/* Upcoming Events */
#leftcolumn { float: left; width: 241px; } 
#leftcolumn h1.columntitle { background: url(images/title_upcomingevents.gif) no-repeat 2px 5px; }

#upcomingevents { padding: 0 4px 40px 4px; background-color: #f3f0de; border-top: 2px solid #fff; }
#upcomingevents a.eventitem { display: block; padding: 9px 10px; border-bottom: 1px solid #b8b0a0; color: #928779; font-weight: bold; text-decoration: none; }
#upcomingevents a.eventitem:hover { color: #000; }
#upcomingevents a.eventitem strong { display: block; color: #000; }
#upcomingevents a.eventitem span { font-size: 108%; }

#upcomingevents .seecalendar { padding: 10px; }
#upcomingevents .seecalendar a { display: block; width: 102px; height: 21px; background: url(images/leftcolumn_seecalendar.gif) no-repeat; text-decoration: none; }


/* Right Column */
#rightcolumn { float: right; width: 296px; }
#rightcolumn #rhdiscussions h1.columntitle { background: url(images/title_discussions.gif) no-repeat 2px 5px; margin-bottom: 2px; }
#rightcolumn #addnewsitem h1.columntitle { background: url(images/title_addnewsitem.gif) no-repeat 2px 5px; margin-bottom: 2px; }
#rightcolumn #photogallery h1.columntitle { background: url(images/title_photogallery.gif) no-repeat 2px 5px; margin: 0 0 11px 0; }
#rightcolumn #tphotogallery h1.columntitle { background: url(images/title_photogallery.gif) no-repeat 2px 5px; margin: 0 0 11px 0; }

/* Discussions */
#rhdiscussions { margin-bottom: 15px; }
#rhdiscussions a.discussionitem { display: block; padding: 6px 1px; background: url(images/dividedots.gif) repeat-x bottom left; color: #6b6b6b; text-decoration: none; }
#rhdiscussions a.discussionitem .time { display: block; float: left; }
#rhdiscussions a.discussionitem .title { display: block; padding-left: 67px; }
#rhdiscussions a.discussionitem strong { font-weight: normal; color: #00608b; }
#rhdiscussions a.discussionitem:hover { background-color: #fafafa; }


/* Existing Member Upgrade */
#addnewsitem { margin-bottom: 15px; }
#addnewsitem .message { background: url(images/addnewsitem_screencap1.gif) no-repeat top left; padding: 0 0 0 108px; margin: 14px 0 0 0; overflow: auto; }
#addnewsitem a.viewallnews { font-weight: bold; clear: right; font-size: 90%; }
#addnewsitem ol { margin: 0 0 8px 0; padding: 0; list-style: none; float: left; width: 188px; }
#addnewsitem ol li { float: left; overflow: hidden; width: 188px; border-bottom: 1px solid #e0e0e0; padding: 4px 0; }
#addnewsitem ol strong { float: left; width: auto; color: #339ce2; }
#addnewsitem ol span { display: block; float: right; width: 142px; }


/* Temp Photo Gallery */
#tphotogallery { padding-bottom: 5px; }
#tphotogallery .tgallery { background: url(images/photogallery_background.jpg) no-repeat top right; padding: 0 186px 0 0; height: 100px; }
#tphotogallery .tgallery a { font-weight: bold; }

/* Real Photo Gallery */
#photogallery { padding-bottom: 5px; border-bottom: 1px solid #d2d2d2; }
#photogallery a.album { float: left; width: 90px; min-height: 105px; height: auto !important; height: 105px; color: #21201d; margin-right: 13px; text-decoration: none; }
#photogallery a.album.last { float: right; margin-right: 0; }
#photogallery a.album img { display: inline; border: 1px solid #d2d2d2; }
#photogallery a.album strong { display: block; margin-top: 6px; }
#photogallery a:hover { color: #00608b; }


/* Center Contents */
#centernews { padding: 0 317px 0 262px; }
#centernews h1.columntitle { background: url(images/title_news.gif) no-repeat 2px 5px; margin-bottom: 16px; }

#featurenews { margin: 2px 0 12px 0; }
h1.featurenewstitle { margin: 4px 0 4px 0; color: #000; font-size: 230%; letter-spacing: -1px; }

#centernews a { color: #0c678f; text-decoration: none; }
#centernews a:hover { color: #000; }

#featurenews a { color: #000; }
#featurenews a:hover { color: #0c678f; }

.featurenewsteaser { font-size: 108%; line-height: 130%;  }

/* News Listing Middel */
.recentarticle { background: url(images/dividedots.gif) repeat-x top left; padding: 10px 0; }
.recentarticle a { display: block; color: #000 !important; font-size: 120%; font-weight: bold; padding: 2px 0; }
.recentarticle a:hover { color: #0c678f !important; }


/* Moderator Toolbox */
#moderatortoolbox { border: 1px solid #d7d7d7; padding: 2px; margin-bottom: 20px; }
#moderatortoolbox h1 { margin: 0; height: 32px; border-bottom: 2px solid #fff; text-indent: -9999px; color: #fff; font-size: 16px; background: url(images/moderator_toolbox_titlebg.gif) no-repeat; }
#moderatortoolbox h2 { margin: 0; font-size: 100%; color: #fff; background-color: #000; padding: 2px 0 2px 8px; }

.moderatoroptions { padding: 0 4px 14px 4px; }
.moderatoroptions a { display: block; padding: 3px; color: #d76c00; background: url(images/moderator_toolbox_dividedots.gif) repeat-x bottom left; text-decoration: none !important; text-align: right; font-weight: bold; }
.moderatoroptions a:hover { color: #000; }

.moderatoroptions a span { display: block; float: left; width: 195px; text-align: left; cursor: pointer; }
.moderatoroptions a strong { color: #000; }

.moderatoroptions.regular a span { display: block; float: none; width: auto; background: url(images/moderator_toolbox_rightarrow.gif) no-repeat top right; }



/* Contact Page */

.intro { font-size: 12px; font-weight: bold; margin: 0 0 20px 0; }

table.support { width: 840px; margin-bottom: 20px; }
table.support th { text-align: left; font-weight: bold; color: black; width: 200px; border-bottom: 1px solid #d2d2d2; padding: 6px 0; vertical-align: top; background-color: #fff; }
table.support td { border-bottom: 1px solid #d2d2d2; padding: 6px 0; }
table.support input.text { width: 400px; }
table.support textarea { width: 400px; height: 100px; }
table.support th .hint { color: #666666; }

/* Password Page */

.intro { font-size: 12px; font-weight: bold; margin: 0 0 20px 0; }

table.password { width: 840px; margin-bottom: 20px; }
table.password th { text-align: left; font-weight: bold; color: black; width: 200px; padding: 6px 0; vertical-align: top; background-color: #fff; }
table.password td { padding: 6px 0; }


/* T&C Page */
pre.tc { margin: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 100%; line-height: 160%; 
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}