@font-face { font-family: 'pt_sans'; src: url('PTS55F-webfont.eot'); src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('PTS55F-webfont.woff') format('woff'), url('PTS55F-webfont.ttf') format('truetype'), url('PTS55F-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sans'; src: url('PTS56F-webfont.eot'); src: url('PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('PTS56F-webfont.woff') format('woff'), url('PTS56F-webfont.ttf') format('truetype'), url('PTS56F-webfont.svg#pt_sansitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'pt_sans'; src: url('PTS75F-webfont.eot'); src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('PTS75F-webfont.woff') format('woff'), url('PTS75F-webfont.ttf') format('truetype'), url('PTS75F-webfont.svg#pt_sansbold') format('svg'); font-weight: bold; font-style: normal; } * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; background: #fff; color: #666; font: 15px/20px "pt_sans", Arial, Helvetica, sans-serif; min-width: 940px; } .wrapper { width: 940px; margin: 0 auto; } img { max-width: 100%; height: auto!important; } p { margin: 10px 0; } ul { margin: 10px 20px; list-style: square; } ol { margin: 10px 20px; } a { color: #41b649; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; text-decoration: none; } a:hover, .middlebox a:hover, .rhsbox a:hover { text-decoration: underline; color: #7c2689; } h1, h2, h3, h4 { color: #009047; } h1 { font-size: 32px; line-height: 32px; margin-bottom: 15px; } h2 { font-size: 28px; line-height: 28px; margin: 15px 0; } h3 { font-size: 24px; line-height: 24px; margin: 15px 0; } h4 { font-size: 18px; line-height: 18px; margin: 15px 0; } .header { height: 163px; position: relative; } .logo { float: left; margin: 20px 0; height: 83px; } .topright { float: right; text-align: right; margin-top: 20px; font-size: 13px; line-height: 17px; color: #999; } .topright form { position: absolute; margin-top: 5px; right: 0; width: 220px; height: 24px; overflow: hidden; text-align: right; background: url('../gfx/bg-search.png') no-repeat; } input#search { border: 0; width: 210px; padding: 0 0 0 10px; height: 24px; background: transparent; color: #666; font: 12px "pt_sans", Arial, Helvetica, sans-serif; position: relative; left: -4px; margin-right: 0; } input#search:focus { color: #333; } input.gosearch { padding: 0; border: 0; width: 23px; height: 24px; margin: 0 0 0 -23px; position: absolute; background: transparent url('../gfx/magnify.png') no-repeat; } input.gosearch:hover { background-color: transparent; background-position: 0 -24px; } .socmed { margin-top: 34px; float: right; } .socmed a { float: left; width: 32px; height: 32px; background: url('../gfx/socmed.png'); margin-left: 3px; } .socmed a:hover { opacity: 0.8; } .socmed a.tw { background-position: center; } .socmed a.yt { background-position: right; } #menu { clear: both; background: #a8d162 url('../gfx/bg-menu.png') no-repeat right; height: 40px; position: relative; z-index: 11; } .fl_menu { margin: 0 auto; list-style: none; text-align: center; } .fl_menu li, .fl_menu a { display: inline-block; } .fl_menu>li.textonly, .fl_menu a { color: #fff; text-decoration: none; font-size: 18px; line-height: 38px; font-weight: bold; padding: 0 10px; margin-top: 1px; } .fl_menu>li.textonly:hover, .fl_menu a:hover { background: #fff; background: rgba(255, 255, 255, 0.75); color: #a8d162; } .fl_menu li { position: relative; } .fl_menu ul { position: absolute; margin: 0; left: 0; padding-top: 1px; display: none; overflow: hidden; width: 200px; text-align: left;} .fl_menu li:hover ul { display: block; } .fl_menu ul li, .fl_menu ul a { display: block; } .fl_menu ul a { font-size: 16px; line-height: 20px; padding: 10px; background: #a8d162; margin: 0; border: 1px solid #a8d162; border-top: 0; } .fl_menu ul a:hover { background: #e9f3d7; } .fl_menu ul ul { display: none!important; } #menu_c_search, #menu_c_account { display: none; } .lhs { float: left; width: 640px; margin: 20px 80px 30px 0; } .breadcrumbs { font-size: 10px; line-height: 10px; margin-bottom: 10px; color: #999; text-transform: uppercase; } .breadcrumbs a { color: #999; margin: 3px; } .breadcrumbs a.onlytext:hover { text-decoration: none; } .cms_imgleft { border: 0; margin: 3px 10px 10px 0; float: left; } .cms_imgright { border: 0; margin: 3px -60px 10px 10px; float: right; } .boxwrap .cms_imgright { margin-right: 0; } .rhs { float: left; width: 220px; margin: 20px 0 10px; } .rhsbox { margin-bottom: 20px; background: #f3eeea url('../gfx/bg-circle-faded.png') no-repeat top right; padding: 0 0 1px; font-size: 13px; line-height: 18px; } .clickjoin { display: block; background: #7c2689 url('../gfx/bg-circle-faded.png') no-repeat top right; text-align: center; font-weight: bold; font-size: 20px; line-height: 20px; color: #fff; text-decoration: none; padding: 10px 0; } .clickjoin:hover { background-color: #a8d162; color: #fff; text-decoration: none; } .rhsbox h4 { background: #009047 url('../gfx/bg-circle-faded.png') no-repeat top right; color: #fff; padding: 10px; margin: 0; font-size: 20px; line-height: 20px; } .icon-mailing { float: right; background: url('../gfx/icon-mailing.png') no-repeat center; width: 40px; height: 40px; margin: -10px -10px 0 0; } .icon-twitter { float: right; background: url('../gfx/icon-twitter.png') no-repeat center; width: 40px; height: 40px; margin: -10px -10px 0 0; } .rhsbox p { padding: 0 10px; } p.right { text-align: right; } .rhsbox a { color: #009047; } .rhsbox ul li { margin-bottom: 3px; } .rhsbox ul small { display: block; text-align: right; font-weight: bold; } .rhsbox ul ul { margin: 5px 10px; } .rhsbox form.nlform { position: relative; margin: 5px 0 14px 10px; width: 200px; height: 24px; overflow: hidden; text-align: right; background: url('../gfx/bg-mailing.png') no-repeat; } input#newsletemail { border: 0; width: 190px; padding: 0 0 0 10px; height: 24px; background: transparent; color: #666; font: 12px "pt_sans", Arial, Helvetica, sans-serif; position: relative; left: -4px; margin-right: 0; } input#newsletemail:focus { color: #333; } input.goemail { padding: 0; border: 0; width: 23px; height: 24px; margin: 0 0 0 -23px; position: absolute; background: transparent url('../gfx/mailing-go.png') no-repeat; } input.goemail:hover { background-color: transparent; background-position: 0 -24px; } input[type=image] { height: auto!important; max-width: 100%; border: 0; margin: 0; padding: 0; } .middlebox form, .rhsbox form { margin: 10px; } .rhsbox form img { width: auto; height: auto; margin: 0; padding: 0; } .footer { clear: both; border-top: 1px solid #a8d162; font-size: 12px; line-height: 16px; color: #999; text-align: right; } .footer a { color: #999; } .footercontent { border-top: 1px solid #a8d162; margin-top: 3px; padding: 20px 0; background: url('../gfx/circles.png') no-repeat left 20px; } .fl_blogintro, .fl_blogpost1, .fl_blogpost2 { margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; } #fl_commsbox { clear: both; margin: 0; padding: 0; border: 0; background: transparent; } .fl_commentname, .fl_commentmessage { margin-left: 0; } .err { color: #c00; } p.err404 { background: #c00; color: #fff; padding: 10px; margin: 0 0 20px; } .fl_mailform label, .fl_commform label, .appform label { display: block; font-size: 10px; text-transform: uppercase; margin: 5px 0 0; } input, textarea, select, .fl_mailform textarea { font: 12px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #ccc; width: 360px; margin-right: 5px; } select { width: 368px; padding: 2px; } select.datedrop, select#quantitybox, .sortorder select, table select { width: auto; } input.checkbox { border: 0; width: auto; } input:hover, textarea:hover, select:hover { background-color: #fff; border-color: #ccc; } input:focus, textarea:focus, select:focus { background-color: #fff; border-color: #999; } #mailspamcode, #commspamcode { width: 375px; } .fl_mailform img { position: relative; top: 5px; } .fl_postingform img { position: relative; top: -3px; } .shopbutton, input.emailsub, input.commentsub, input.formsub { display: block; width: auto; border: 1px solid #ccc; font-weight: bold; margin-top: 10px; padding-left: 22px; font-size: 14px; background: #eee no-repeat 3px 4px; background-image: url('../gfx/icons/email_go.png'); text-decoration: none; color: #333; cursor: default; margin-right: 5px; } .shopbutton { padding: 3px 3px 3px 22px; display: inline; } .shopbutton:hover, input.emailsub:hover, input.commentsub:hover, input.formsub:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #333; } .shopbutton:active, input.emailsub:active, input.commentsub:active, input.formsub:active { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #369!important; } input.commentsub { margin: 5px 0 0 0; background-image: url('../gfx/icons/comment_add.png'); } input.booksub, input.gosignin { background-image: url('../gfx/icons/user_go.png'); } input.gocreateaccount { background-image: url('../gfx/icons/user_add.png'); } input.eventsub { background-image: url('../gfx/icons/calendar_add.png'); } input.gochangepass { background-image: url('../gfx/icons/lock_go.png'); } input.gosaveprofile { background-image: url('../gfx/icons/table_go.png'); } input.dosearch { background-image: url('../gfx/icons/magnifier.png'); } .reqd { color: #c00; } #fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #ccc; z-index: 50; } #fl_tracksbox, .fl_rsslinks, .fl_rsslinks .rsscomments, .page_front_index .breadcrumbs, .page_front_index h1.pagetitle, .page_content_blog h1.pagetitle { display: none; } .fl_galltext strong, .fl_galltext b { font-weight: normal; } .fl_gallpreview1 img, .fl_gallpreview2 img, .gallthumbnail { border: 1px solid #a8d162; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; } .fl_gallpreview1 a:hover img, .fl_gallpreview2 a:hover img, .gallthumbnail:hover { border-color: #7c2689; } .fl_bigpic { border: 0; width: 640px!important; } .fl_bigcaption { font-weight: bold; text-align: center; margin: 3px 0 10px; } .resource { margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: -21px; padding: 0 10px 10px; background: #fff; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; } .resource:hover { background: #f3eeea; } .resource h4 { margin: 10px 0; } .resource h4 a { text-decoration: none; } .resource h4 a:hover { text-decoration: underline; } .resource img { float: right; margin: 10px 0 10px 10px; } .resource .resfoot { font-size: 12px; } .rhsbox img { width: 64px; height: 64px; float: right; margin: 0 0 5px 5px; } .rhsbox ul img { width: auto; height: auto; max-width: 100%; float: none; display: block; margin: 5px 0; } .newsheading { display: block; font-weight: bold; text-decoration: none; } a.newsheading:hover { text-decoration: underline; } .page_front_index .rhs { display: none; } .page_front_index .lhs { width: 940px; } .topleft { width: 280px; height: 300px; float: left; margin: 0 20px 20px 0; background: #f0eae5 url('../gfx/bg-circle-faded.png') no-repeat top right; overflow: hidden; } .topleft h1 { background: #7c2689 url('../gfx/bg-circle-faded.png') no-repeat top right; color: #fff; margin: 0; font-size: 24px; line-height: 40px; padding: 0 10px; } .topleft p { margin: 10px; font-size: 19px; line-height: 25px; } #imgfade { width: 640px; height: 298px; position: relative; float: left; margin-bottom: 20px; background: #7c2689; padding: 1px 0; } #imgfade a.fadeimg { position: absolute; width: 640px; height: 298px; text-decoration: none; background-repeat: no-repeat; background-color: #eee; transition: none; -webkit-transition: none; color: #fff; } #imgfade a.fadeimg:hover { color: #a8d162; } #imgfade a div { position: absolute; bottom: 0; left: 0; padding: 50px 10px 10px; width: 620px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; background: url('../gfx/bg-fade.png'); } #imgfade a h3 { color: inherit; margin: 0 0 5px; font-size: 24px; } #imgfade a p { font-size: 18px; line-height: 22px; margin: 0; } .dots { position: absolute; top: 10px; right: 7px; z-index: 10; } #imgfade .dots a { width: 8px; height: 8px; display: block; float: left; background: #fff; border: 1px solid #009047; margin-left: 3px; position: static; } #imgfade .dots .curdot { border-color: #7c2689; } #imgfade .dots a:hover { background: #7c2689; } .middlebox { width: calc(100% / 3 - (40px / 3)); margin: 0 20px 20px 0; float: left; background: #f0eae5 url('../gfx/bg-circle-faded.png') no-repeat top right; word-wrap: break-word; } .middlebox h3 { background: #009047 url('../gfx/bg-circle-faded.png') no-repeat top right; color: #fff; margin: 0; font-size: 18px; line-height: 40px; padding: 0 10px; } .middlebox p, .middlebox iframe, .middlebox h4 { margin: 10px; } .bottombox { width: 172px; margin: 0 20px 20px 0; float: left; } .middlebox, .bottombox { font-size: 14px; line-height: 19px; } .middlebox .newsheading { font-size: 15px; } .middlebox small { display: block; font-weight: bold; text-align: right; } .newsheading img { float: right; width: 32px; height: 32px; margin: 3px 0 5px 5px; } p.publication1 .newsheading img { width: 64px; height: 64px; } .boxlast { margin-right: 0; } .topleft a, .middlebox a { color: #009047; } .middlebox ul { word-wrap: break-word; } .middlebox ul img { max-width: 100%; display: block; margin: 5px 0; } .middlebox img { max-width: 100%; display: block; margin: 5px 0; } .page_content_blog .middlebox { width: 32%; margin-right: 2%; } .page_content_blog .middlebox.boxlast { margin-right: 0; } .eventswrap { width: 660px; float: left; } a.event { float: left; width: 190px; margin: 10px 20px 10px 0; background: #f3eeea; padding: 1px 5px; color: #009047; text-decoration: none; font-size: 14px; line-height: 18px; } a.event:hover { background: #009047; color: #fff; } a.event h3 { margin: 4px 0 5px; font-size: 18px; line-height: 24px; } a.event img { margin-left: -5px; } a.event p { margin: 5px 0 10px; } a.event p.desc { color: #666; } a.event:hover h3, a.event:hover p.desc { color: #fff; } .eventinfo { float: right; margin: 3px -60px 10px 10px; width: 200px; background: #f3eeea; font-size: 13px; line-height: 18px; } .eventinfo p { margin: 5px 5px 10px; } .membersonly { position: absolute; width: 83px; height: 83px; background: url('../gfx/members-only-shadow.png'); margin: -154px 0 0 112px; } .eventinfo .membersonly { margin: -155px 0 0 117px; } .daterow select, input.button { width: auto; } .daterow option { padding-right: 10px; } button.paymentmethod { display: block; width: 100%; text-align: left; border: 1px solid #ccc; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; color: #fff; background: #009047; cursor: pointer; } .paymentmethod span { display: block; font: 16px/20px "PT Sans", Arial, Helvetica, sans-serif; padding: 5px 3px; } .paymentmethod span.paymenttitle { font-size: 18px; font-weight: bold; } button.paymentmethod:hover { background: #7c2689; } label.linklabel { text-transform: none; border: 1px solid #ddd; background-color: #eee; width: 360px; padding: 3px; font-size: 12px; margin: 0 0 -1px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; } .linklabel:hover { background-color: #7c2689; color: #fff; } #fl_gallwrap { z-index: 50; } #map_canvas { width: 478px; height: 478px; float: right; margin: 0 -40px 20px 0; background: #ccc; border: 1px solid #f3eeea; } .eventinfo #map_canvas { width: 200px; height: 200px; margin: 0 0 5px; border: 0; } .orgwrap { width: 660px; } a.org { height: 220px; width: 190px; background: #fff; float: left; margin: 0 20px 20px 0; position: relative; padding: 5px; color: #009047; text-decoration: none; font-size: 14px; line-height: 18px; overflow: hidden; } a.org:hover { background-color: #fff; color: #fff; border-color: #009047; } a.org h3 { margin: 4px 0 5px; font-size: 18px; line-height: 24px; } a.org p { margin: 5px 0 10px; } a.org p.desc { color: #666; } a.org:hover h3, a.org:hover p.desc { color: #fff; } a.org img { float: right; margin: 3px 0 5px 5px; width: 80px; } a.org .fade { position: absolute; bottom: 0; left: 0; width: 200px; height: 10px; background: url('../gfx/org-fade.png'); } a.org:hover .fade { background: url('../gfx/org-fade-hover.png'); } .eventinfo table { margin: 5px; width: 190px; overflow: hidden; table-layout: fixed; } .contactlabel { font-weight: bold; padding-right: 5px; width: 50px; overflow: hidden; vertical-align: top; } .contactdetail { width: 135px; word-wrap: break-word; vertical-align: top; } .membersearch input#q { width: 200px; } .membersearch select { width: 150px; } .membersearch { margin-bottom: 20px; } .orgwrap { width: 700px; } #map_canvas.map2016 { width: 208px; height: 338px; margin-right: 30px; } a.org2016 { width: 198px; height: 148px; position: relative; overflow: hidden; background-position: top; background-size: contain; background-repeat: no-repeat; border: 1px solid #f3eeea; } a.org2016 img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; z-index: 3; } a.org2016 h3 { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; background: rgba(243,238,234,0.75); padding: 5px; z-index: 4; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; } a.org2016:hover h3 { background: #009047; } #searchresults .url { text-align: right; font-size: 10px; line-height: 14px; } .note { background: #f3eeea; padding: 10px; font-size: 13px; line-height: 18px; } .blogboxes { margin: 20px -1% 0; position: relative; } .hasfeat .blogboxes { padding-top: 50px!important; } a.blogbox { display: inline-block; vertical-align: top; margin: 10px 1% 0; width: 31.333333%; height: 0; padding-bottom: 31.333333%; background: #7c2689; color: #fff; position: relative; } a.blogbox.featbox { width: 64.666666%; } a.blogbox.featbox:before { content: 'Featured blog'; position: absolute; top: -50px; left: 0; right: 0; height: 40px; background: #7c2689 url('../gfx/bg-circle-faded.png') no-repeat top right; font-weight: bold; font-size: 20px; line-height: 40px; padding: 0 10px; } .blogimage { position: absolute; top: 0; bottom:0; left: 0; right: 0; background-position: center; background-size: cover; } .blogimage:after { position: absolute; top: 0; bottom:0; left: 0; right: 0; content: ''; background: rgba(0,0,0,0.5); transition-duration: 0.2s; -webkit-transition-duration: 0.2s; text-decoration: none; } a.blogbox:hover .blogimage:after { background-color: rgba(168,209,98,0.9); } a.blogbox:nth-child(-n+3) { margin-top: 0; } .hasfeat a.blogbox:nth-child(3) { margin-top: 10px; } a.blogbox h4 { color: inherit; position: absolute; top: 50%; left: 10px; right: 10px; transform: translateY(-50%); text-align: center; margin: 0; } a.blogbox:hover { background: #a8d162; } a.blogbox .datestrap { display: block; font-size: 12px; line-height: 16px; margin-top: 5px; text-transform: uppercase; } input#address1 { display: block; } #imgfade a div { width: auto; left: 0; right: 0; } .page_front_index .lhs { margin-right: 0; } #showmore { display: none; } .blogboxes.hasjs { height: 99px; padding-bottom: 125.33333%; overflow: hidden; } .blogboxes.hasjs #showmore { position: absolute; bottom: 0; left: 1%; right: 1%; height: 40px; background: #a8d162; color: #fff; cursor: pointer; font-size: 18px; line-height: 40px; text-align: center; font-weight: bold; display: block; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; } .blogboxes.hasjs #showmore:hover { background: #7c2689; } @media all and (min-width: 1200px) { .wrapper, .page_front_index .lhs { width: 1180px; } .topleft { width: 400px; height: 355px; } #imgfade, #imgfade a.fadeimg { width: 760px; height: 353px; background-size: cover; } /* .middlebox { width: 280px; } */ .bottombox, .bottombox img { width: 220px; } .lhs { width: 760px; } .rhs { width: 340px; } .orgwrap, .eventswrap { width: 780px; } .orgwrap { width: 840px; } #map_canvas { width: 598px; } #map_canvas.map2016 { width: 396px; height: 473px; margin-right: 24px; } a.org2016 { width: 177px; height: 133px; } } @media all and (max-width: 959px) { html, body { min-width: 320px; -webkit-text-size-adjust:none; } .wrapper, .page_front_index .lhs { width: 740px; } .fl_menu a { font-size: 16px; padding: 0 8px; } .fl_menu ul a { padding: 8px; } .topleft { width: 100%; height: auto; margin-right: 0; } #imgfade, #imgfade a.fadeimg { width: 740px; height: 340px; background-size: cover; } /* .middlebox { width: 360px; } */ .middlebox img { clear: right; } /* .boxsecond { margin-right: 0; } */ .bottombox, .bottombox img { width: 132px; } .lhs { width: 480px; margin-right: 40px; } .orgwrap, .eventswrap { width: 500px; } #map_canvas { width: 278px; margin-right: 0; } .eventinfo { margin-right: -20px; } .membersearch input#q, .membersearch select { width: 130px; } #map_canvas.map2016 { display: none; } .page_blogs_blog h2.fl_blogentrytitle { margin-right: 0!important; } .cms_imgright { margin-right: 0; } } @media all and (max-width: 767px) { .socmed, .orgwrap #map_canvas, a.org div.fade, .topright form { display: none; } .wrapper, .lhs, .page_front_index .lhs, .page_content_blog .lhs { margin-right: 0; width: auto; } .wrapper { padding: 0 20px; } .header { height: 83px; } .lhs { margin-top: 0; clear: left; float: none; } #imgfade, #imgfade a.fadeimg { width: 100%; } #imgfade { height: 0; padding-bottom: 46%; } #imgfade a.fadeimg { height: auto; top: 0; bottom: 0; } .middlebox { width: 100%!important; margin-right: 0!important; } .bottombox { width: 100%; margin-right: 0; } .bottombox img { float: right; margin: 3px 0 10px 10px; } .orgwrap, .eventswrap { width: 100%; } a.event { width: 100%; margin-right: 0; min-height: 150px; padding: 1px 0; } a.event h3, a.event p { padding-left: 5px; } a.event img { float: right; margin: 0 0 0 10px; } .eventinfo { margin-right: 0; } #menubutton { position: absolute; top: 62px; right: 0; width: 40px; height: 40px; background: #fff; cursor: pointer; z-index: 10; border: 1px solid #A8D162; } #menubutton .rowbar { position: absolute; top: 20px; left: 9px; width: 22px; height: 2px; background: #A8D162; } #menubutton .rowtop { top: 12px; } #menubutton .rowbottom { top: 28px; } #menubutton.menushown { background: #A8D162; border-color: #41b649; } #menubutton.menushown .rowbar { background: #41b649; } #menubutton:active { background: #A8D162; border-color: #41b649; } #menubutton:active .rowbar { background: #fff; } #menu { display: none; position: relative!important; height: auto; margin: 0; top:-10px!important; width: 100%; border-top: 1px solid #41b649; border-bottom: 1px solid #41b649; background-image: none; } .fl_menu { float: none; } .fl_menu ul { position: relative; width: auto; margin-top: 0; background: none; background: #A8D162; display: none!important; text-align: center; line-height: 20px; top: 0; height: auto!important; } .fl_menu li.textonly ul { margin-left: -10px; margin-right: -10px; } .fl_menu li:hover ul, .fl_menu li.hovered ul { display: block!important; } .fl_menu li, .fl_menu a { display: block; float: none; font-size: 18px; line-height: 36px; width: auto!important; height: auto!important; margin: 0!important; border: 0; } .fl_menu a span, #menu_i_ a span { display: inline; visibility: visible; } #menu_i_ a { background-image: none; } #menu_c_search { display: block; } .fl_menu ul a { font-size: 16px; line-height: 20px; text-align: center; width: auto; background: transparent; min-width: 0; border: 0; } .fl_menu ul li { display: inline-block; width: auto; margin: 0; padding: 0; } .fl_menu > li.hassubmenu > a:after { position: absolute; right: 10px; content: "\25BC"; font-size: 10px; } .fl_menu > li.hovered > a:after { content: ""; } .fl_menu br { display: none; } .fl_menu ul ul, .fl_menu li:hover ul ul, .fl_menu li.hovered ul ul { display: none!important; } input, textarea, .fl_mailform textarea, select, label.linklabel { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } input#spamcode { width: 90%; } #menu_c_search { display: block; } .rhs { float: none; width: auto; } .rhsbox { display: none; } .rhsrelated { display: block; } .cms_imgright { margin-right: 0; } a.blogbox { width: 31.33333%; } a.blogbox:nth-child(-n+4) { margin-top: 10px; } a.blogbox:nth-child(-n+3) { margin-top: 0; } } @media all and (max-width: 679px) { .footercontent { background-image: none; } img { max-width: 100%; } } @media all and (max-width: 599px) { a.blogbox { width: 48%; padding-bottom: 48%; } a.blogbox.featbox { width: 98%; } a.blogbox:nth-child(-n+3) { margin-top: 10px; } a.blogbox:nth-child(-n+2) { margin-top: 0; } .hasfeat a.blogbox:nth-child(2) { margin-top: 10px; } .blogboxes.hasjs { height: 85px; padding-bottom: 144%; } } @media all and (max-width: 580px) { .logo, .header { height: 42px; } .logo img { width: 145px; } .topright { display: none; } #menu_c_account { display: block; } #imgfade a p { font-size: 14px; line-height: 18px; } #imgfade a h3 { font-size: 18px; line-height: 18px; } .wrapper { padding: 0 10px; } a.event { min-height: 75px; } .event img { max-width: 100px; max-height: 75px; } .cms_imgleft, .cms_imgright { max-width: 150px; height: auto!important; } #menubutton { position: absolute; top: 31px; } .membersearch td { display: block; } } @media all and (max-width: 479px) { a.org2016 { width: 120px; height: 80px; } a.org2016 h3 { font-size: 14px; line-height: 20px; } } @media all and (max-width: 400px) { .eventinfo, .eventinfo img, .eventinfo #map_canvas { width: 100%; float: none; margin: 0; } .eventinfo { margin-bottom: 20px; padding-bottom: 1px; } .cms_imgleft, .cms_imgright { max-width: 120px; } .blogboxes { margin: 20px 0 0; } a.blogbox { width: 100%!important; height: auto; min-height: 150px; margin: 10px 0 0!important; padding-bottom: 0; } a.blogbox:first-child { margin-top: 0!important; } a.blogbox h4 { padding: 10px; } .blogboxes.hasjs { max-height: none; height: auto; padding-bottom: 50px; } .blogboxes.hasjs a.blogbox { display: none; } .blogboxes.hasjs a.blogbox:nth-child(-n+8) { display: block; } .blogboxes.hasjs #showmore { left: 0; right: 0; } } .bloghead { margin: 20px 0 0; } .bloghead img { display: block; } .page_blogs_blog .breadcrumbs, .page_content_blog .breadcrumbs, .page_blogs_blog h1 { display: none; } .page_blogs_blog .lhs, .page_content_blog .lhs { margin-top: 0; } .blogrhs h4 { background-color: #7c2689; } .blogrhs iframe { max-width: 100%; height: 200px; } .page_blogs_blog h2.fl_blogentrytitle { background: #7c2689 url('../gfx/bg-circle-faded.png') no-repeat top right; color: #fff; padding: 10px; margin-right: -60px; margin-top: 20px; } #pageform { margin: 20px 0;padding: 10px 0 0; border-top: 1px solid #a8d162; } #pageform label { display: block; font-size: 11px; line-height: 16px; font-weight: bold; text-transform: uppercase; margin: 10px 0 3px; } #pageform label.linklabel { margin: 0; display: inline-block; } .story { padding-top: 20px; margin-top: 20px; border-top: 1px solid #a8d162; } .storyname, .storytime { display: inline-block; font-weight: bold; } .storyname { margin-right: 10px; } .storytime { font-size: 0.8em; } .storytags { font-size: 0.8em; } .storytags a { display: inline-block; background: #009047; color: #fff; padding: 2px 5px; } .storytags a:hover { background-color: #7c2689; } .storytagged { margin-top: 20px; padding-top: 20px;border-top: 1px solid #a8d162; }