@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

img { border: none; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #555555; background-image: url(images/bg.jpg); background-position: top center; background-repeat: no-repeat; background-color: #050505; }

p { font-size: 1.1em; line-height: 18px; padding: 10px 0 10px 0; }

a { color: #ff0068; }

a:hover { text-decoration: none; }

h1 { font-size: 1.7em; color: #ff0068; line-height: 18px; padding: 10px 0 10px 0; }

h2 { font-size: 1.4em; color: #ff0068; line-height: 18px; padding: 10px 0 10px 0; }

h3 { font-size: 1.4em; color: #ff0068; line-height: 18px; }

h4 { font-size: 1.2em; color: #ff0068; font-weight: bold; padding-top: 10px; padding-bottom: 3px; }

h5 { font-size: 1.2em; color: #ff0068; font-weight: bold; padding-top: 10px; padding-bottom: 3px; }

#wrapper { width: 1000px; padding-top: 45px; margin: 0 auto; overflow: hidden; }

#top { width: 979px; height: 98px; padding-left: 21px; float: left; background-image: url(images/bgtop.jpg); background-position: bottom right; background-repeat: no-repeat; }

#logo { width: 210px; height: 98px; float: left; }

.style3 { font-size: 1.1em; line-height: 18px; padding: 10px 0 10px 0; }

/* ----------------------------------------------------------------- Navigation */

#navigation { width: 739px; height: 50px; padding: 30px 0 18px 24px; float: left; }

#nava li { display: inline; float: left; }

#nava a { background-position: bottom left; display:block; text-indent:-5000px; outline: none; text-decoration:none; height: 50px; }

#nava a.selected { background-position: top left !important; }

#nava a:hover { background-position: top left; }

.nav_home { background-image: url(images/nav-home.gif); width: 65px; }

.nav_news { background-image: url(images/nav-latestnews.gif); width: 104px; }

.nav_events { background-image: url(images/nav-events.gif); width: 73px; }

.nav_photos { background-image: url(images/nav-photos.gif); width: 73px; }

.nav_forum { background-image: url(images/nav-forum.gif); width: 70px; }

.nav_resources { background-image: url(images/nav-resources.gif); width: 96px; }

.nav_links { background-image: url(images/nav-links.gif); width: 61px; }

.nav_faqs { background-image: url(images/nav-faqs.gif); width: 62px; }

.nav_contact { background-image: url(images/nav-contactus.gif); width: 94px; }

/* ----------------------------------------------------------------- Main Area */

#whold { width: 954px; margin: 0 25px 0 21px; padding-bottom: 70px; background-color: #FFF; float: left; }

#text { width: 556px; float: left; padding: 100px 45px 0 35px; }

#text li { font-size: 1.1em; line-height: 18px; padding: 5px 0 5px 0; }

#text ul { padding-left: 50px; }

#rightcol { width: 318px; float: right; padding-bottom: 40px; }

/* ----------------------------------------------------------------- Next Meeting */

#nextmeeting { width: 318px; padding-top: 80px; height: 104px; float: left; background-image: url(images/bgnextmeeting.gif); text-align: center; }

#nextmeeting p { font-size: 1.1em; line-height: 14px; padding: 10px 0 5px 0; }

/* ----------------------------------------------------------------- Blog */

#ourblog { width: 143px; padding: 71px 150px 0 25px; float: left; background-image: url(images/bgourblogyou.jpg); background-position: top left; background-repeat: no-repeat; }

#ourblogbutton { width: 268px; padding-left: 25px; float: left; }

/* ---------------------------- Blog - original setup */

#ourblogorginial { width: 268px; padding: 71px 25px 0 25px; float: left; background-image: url(images/bgourblog.gif); background-position: top left; background-repeat: no-repeat; }

/* -----------------------------------------------------------------  Footer */

#footerwrap { width: 100%; height: 207px; margin: 0 auto; overflow: hidden; background-image: url(images/bgfooter.jpg); background-position: top center; }

#footer { width: 960px; padding-top: 34px; padding-left: 40px; margin: 0 auto; }

#footer ul { padding-bottom: 5px; padding-top: 10px; color: #ffffff; }

#footer li { display: inline; list-style-type: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; padding-right: 15px; }

#footer a { color: #FFF; }

#footer a:hover { text-decoration: none; }

#footer p { font-size: 1.1em; line-height: 24px; padding: 10px 0 10px 0; color: #FFF; }

.footerlogo { float: left; padding: 0 30px 30px 0; }

/* -----------------------------------------------------------------  U got Classes? */

.bold { font-weight: bold; }

.boldpink { font-weight: bold; color: #ff0068; }

.boldpurple { font-weight: bold; color: #3e043f; }

.aligncentre { text-align: center; }

#upcoming { width: 666px; padding: 25px 55px 0 233px; float: left; background-image: url(images/bgupcoming.gif); background-position: top left; background-repeat: no-repeat; }

.headingsassi { font-size: 1.2em; color: #ff0068; font-weight: bold; }

.headingother { font-size: 1.2em; color: #3e043f; font-weight: bold; }

.other { float: left; width: 100%; background-image: url(images/divider.gif); background-position: bottom; background-repeat: no-repeat; padding-bottom: 55px; }

.other a { color: #3e043f; }

.other a:hover { text-decoration: none; }

.other h3 { font-size: 1.4em; color: #3e043f; line-height: 18px; }

.sassi { float: left; width: 100%; background-image: url(images/divider.gif); background-position: bottom; background-repeat: no-repeat; padding-bottom: 55px; }

.divider { width: 556px; height: 38px; background-image: url(images/divider.gif); }

.picfloatright { float: right; padding-left: 10px; }

.thumbimages { padding: 4px 4px; }

#photoscentre { text-align: center; }

.floatright { float: right; }

.floatleft { float: left; }

.headlarger { font-weight: bold; font-size: 1.4em; }

.twocols { width: 333px; float: left; }

.backtotop { clear: left; text-align: center; padding-top: 25px; }

.meetinghead { font-size: 2.4em; }

.contactbigger { font-size: 1.7em; font-weight: bold; color: #ff0068; }

/* -----------------------------------------------------------------  Contact Bits */

#contactpage { width: 540px; float: left; clear: left; }

.contacttwo { width: 270px; float: left; }

.bibformstyle { background-image: url(images/bgform.gif); background-repeat: repeat-x; background-position: top; background-color: #f7f7f7; border: 1px solid #888; font-size: 1.1em; color: #555; font-family: Arial, Helvetica, sans-serif; width: 240px; height: 19px; }

.bibformstyle:hover { border: 1px solid #ff0068; background-image: url(images/bgformover.gif); background-repeat: repeat-x; background-position: top; background-color: #fff; }

/* -----------------------------------------------------------------  Headings */

.headhomepage { background-image:url(images/heading-homepage.gif); background-position: top left; background-repeat: no-repeat; }

.headevents { background-image:url(images/heading-events.gif); background-position: top left; background-repeat: no-repeat; }

.headphotos { background-image:url(images/heading-photos.gif); background-position: top left; background-repeat: no-repeat; }

.headcontact { background-image:url(images/heading-contact.gif); background-position: top left; background-repeat: no-repeat; }

.headresources { background-image:url(images/heading-resources.gif); background-position: top left; background-repeat: no-repeat; }

.headlatestnews { background-image:url(images/heading-latestnews.gif); background-position: top left; background-repeat: no-repeat; }

.headourblog { background-image:url(images/heading-ourblog.gif); background-position: top left; background-repeat: no-repeat; }

.headlinks { background-image:url(images/heading-links.gif); background-position: top left; background-repeat: no-repeat; }

.headforum { background-image:url(images/heading-forum.gif); background-position: top left; background-repeat: no-repeat; }

.headfaqs { background-image:url(images/heading-faqs.gif); background-position: top left; background-repeat: no-repeat; }

.headsitemap { background-image:url(images/heading-sitemap.gif); background-position: top left; background-repeat: no-repeat; }

.headerror { background-image:url(images/heading-error.gif); background-position: top left; background-repeat: no-repeat; }

/* -----------------------------------------------------------------  Resources */

.backgnone { background-image: none; background-color: #FFFFFF; }

.paddown { padding-top: 10px; }

#reportwrap { width: 598px; margin: 0 auto; }

#reporttop { width: 598px; height: 51px; margin-top: 6px; float: left; background-image: url(images/reporttop.jpg); text-align: right; }

#reportbottom { width: 598px; height: 51px; float: left; background-image: url(images/reportbottom.jpg); }

#report { margin: 0 auto; width: 498px; background-color: #FFFFFF; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; background-image: url(images/reportbg.jpg); background-repeat: repeat-y; float: left; }

#report h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #E01B6B; margin-top: 15px; margin-bottom: 5px; }

#report h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #E01B6B; margin-top: 15px; margin-bottom: 5px; }

#report p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 10px; margin-bottom: 5px; }

#report a { color: #E01B6B; }

#report a:hover { text-decoration: none; }

/* Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }