/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { background: #fff; position: relative; font-family: 'Open Sans', sans-serif; color: #000; margin: 0; font-size:18px; } body.home { background: #fff; } input, textarea, select { font-family: 'Open Sans', sans-serif; font-size: 15px;} input[type="submit"] { } a { text-decoration:none; color: #658426; } img {border:0px;} .wrapper {margin:0 auto; width: 96%; max-width: 1280px; position:relative;} .half_wrapper_left, .half_wrapper_right { width: 96%; max-width:630px;} .half_wrapper_left { float: right;} .half_wrapper_left::after { content: ' '; height:0px; display:block; clear: right;} .half_wrapper_right { float: left;} .half_wrapper_right::after { content: ' '; height:0px; display:block; clear: left;} .mobile_only { display: none !important; } .clear {clear:both;} h1, h2, h3, h4, h5, h6 { color: #5D0925; font-weight: 400; font-family: 'Frank Ruhl Libre', sans-serif; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 42px; text-transform: uppercase; } h2 { font-size: 36px; text-transform: uppercase; } h3 { font-size: 26px; } h4 { font-size: 20px; } h5 { font-size:18px; } h6 { font-size:16px; } h1.dashed, h2.dashed, h3.dashed, h4.dashed, h5.dashed, h6.dashed { margin-bottom: 0px; position: relative; text-align:center;} .dashed::after { display:block; content: ' '; height: 3px; width: 60px; margin: .25em auto 1.15em; background: #658426; } .dashed.maroon::after { background: #5D0925; } /* More buttons & General Page Button Styling */ a.morebutton, .morebutton a, a.maroonbutton, .maroonbutton a, a.greenbutton, .greenbutton a, a.redbutton, .redbutton a { display: inline-block; line-height: 44px; padding: 0 20px; background: #9cb111; color: #fff; font-size: 20px; font-weight: 300; text-transform: uppercase; border-radius: 6px; display: inline-block; } a.morebutton.white, .morebutton.white a { background: #a20b18; color: #fff } a.morebutton:hover, .morebutton:hover a { background: #DF2736; color: #fff; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out;} /* Specific Colored WYSIWYG Editor Buttons */ a.maroonbutton, .maroonbutton a, a.greenbutton, .greenbutton a, a.redbutton, .redbutton a { margin: 0 12px 6px;} a.maroonbutton:first-child, .maroonbutton:first-child a, a.greenbutton:first-child, .greenbutton:first-child a, a.redbutton:first-child, .redbutton:first-child a { margin-left:0px;} a.maroonbutton, .maroonbutton a { background: #5D0925 ; } a.maroonbutton:hover, .maroonbutton:hover a { background: #A91043; } a.greenbutton, .greenbutton a { background: #658426; } a.greenbutton:hover, .greenbutton:hover a { background: #9ECA45; } a.redbutton, .redbutton a { background: #DF2736; } a.redbutton:hover, .redbutton:hover a { background: #E96973; } h1.title { color: #5D0925; padding-top: 0.3em; } h2.subtitle { color: #DF2736; position: relative; padding-top:0px; top: -0.9em; margin-bottom: 0.1em;} .prominent_blue { color: #387fc0; text-transform: uppercase; } .prominent_green { color: #9cb111; text-transform: uppercase; } .split_left { width: 48.5%; float:left;} .split_right { width: 48.5%; float:right;} .split_right img {padding-top: 20px; width: 100%;} .content_style { font-weight: 300; } /*.content_style p, .content_style ol, .content_style ul, .content_style p, .content_style ol, .content_style ul {line-height: 2.0em;}*/ #tinymce { margin: 0px; line-height: 1.8em;} .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: right; margin: 0 0 15px 15px; } .outer { display: table; height: 100%; width: 100%; margin:0 ; padding:0;} .inner { display: table-cell; text-align: center; vertical-align: middle; height: 100%; width: 100%; margin:0; padding:0;} /* -- Header Styles -- */ #top_bar { background: #658426; height: 40px;} #top_menu { position: absolute; top:5px; right:195px; line-height: 30px; color: rgba(0,0,0,0.25); font-size: 20px; } #top_menu a { color: #fff; padding: 0 10px; font-size: 16px; } #header {position: relative; z-index: 2000; background: url('clientuploads/design/header.jpg') right 50% no-repeat; background-size: cover; } .header_shader_left { position: absolute; left:0px; top:0px; bottom:0px; right: 50%; opacity: .85; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #d0dce5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#d0dce5 100%); background: linear-gradient(to bottom, #ffffff 0%,#d0dce5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0dce5',GradientType=0 ); } .header_shader_right { position: absolute; left: 50%; right: 0px; top:0px; bottom: 0px; -webkit-box-shadow: inset 9px -11px 131px -20px rgba(0,0,0,0.75); -moz-box-shadow: inset 9px -11px 131px -20px rgba(0,0,0,0.75); box-shadow: inset 9px -11px 131px -20px rgba(0,0,0,0.75);} #header .wrapper { padding-top: 250px; min-height: 10px;} #logo { display: block; position: absolute; left: 0px ; width: 610px; top: 90px; height: 113px; background: url('graphics/design/logo.png') left 50% no-repeat; } #main_menu { position: absolute; top:120px; right:0px; left:48%; height: 80px; } #site_search { position: absolute; top: 5px; right: 0px; width: 160px; height: 30px; overflow:hidden; background: rgba(255,255,255,0.3); border-radius: 4px; } #site_search #searchBoxInput { margin:0px; display: block; background: none; color: #fff; font-size: 16px; outline: 0; border: 0; position: absolute; top: 0px; width: 110px; text-align:left; left: 50px ; padding: 5px 0px 5px; line-height: 20px; height: 20px; } #site_search #search_button { width: 32px; height: 30px; line-height: 30px; text-align:center; cursor: pointer; position: absolute; left:0px; top:0px; font-size:18px; color: #fff; background: none ; border: none; } #site_search #search_button span.fa { position: relative; top: -1px; } #header_home_image { padding: 0px 0 150px;} #header_home_image img { display: block; width: 100%; height: auto; } /*-----Board of Directors Styles-*/ .p-margin-reset { margin: 0 0 7.5px; } .heading4-padding-reset { padding-top: 0; margin-bottom: 10px; } .name-margin-reset { margin: 0; } .heading6-margin-reset { margin: 0 0 7.5px; } .title-padding-reset { padding-top: 0; } /* Home Page ------------------------------ */ #home_middle { background: url('clientuploads/design/home_middle.jpg') 50% 50% no-repeat; background-size:cover; min-height: 800px;} #home_middle .wrapper {} #home_welcome { padding: 15px 0 65px; text-align:center; font-size: 22px;} #home_about, #home_events { padding: 25px 0 80px;} #home_about { background: rgba( 101, 132, 38, 0.35); box-sizing: border-box; padding-right: 30px; width: 50%; float:left; } #home_about h2 { color: #000; text-align:center;} #home_events { background: #5D0925; width: 50%; box-sizing: border-box; padding-left: 30px; float: right; text-align:center;} #home_events h2 { color: #fff;} #home_events .listerItem { color: #fff;} #home_events .listerItem h3 {margin:0px; padding: 0 0 12px;} #home_events .listerItem .blurb { font-weight: 300; font-size: 16px; } #home_events .listerItem .name { font-weight: 300; font-size: 16px; } #home_events .listerItem .morebutton { display: inline-block; margin: 0 auto;} #sponsors {padding: 15px 0 65px; text-align:center; } #sponsor_scroller { position: relative; height: 120px !important;} .sponsor_row {position: absolute; left:0; top:0; bottom: 0; right: 0; width: auto !important; height: auto !important; text-align:center;} .sponsor_item { display:inline-block; height: 120px; width: 32.5%; position: relative;} .sponsor_image { position: absolute; left: 30px; right:30px; top:0; bottom: 0; } #home_bottom { background: url('clientuploads/design/home_bottom.jpg') fixed no-repeat; background-size:cover; color: #fff;} #home_bottom .overlay {background: rgba(93, 9, 37, 0.5); padding: 15px 0 65px; } #home_bottom .wrapper {} #home_bottom h2 { color: #fff;} #home_bottom .listerItem { display:block; width: 32.5%; float:left; clear:none; margin: 0 0 50px 1.25%; border:0px; padding: 0px; font-weight: 300; } #home_bottom .listerItem.firstitem { margin-left:0px; clear: left;} #home_bottom .listerItem a { font-size: 16px;} #home_bottom h3 { margin: 0px; padding: 0 0 3px; color: #fff; } #home_bottom h4 { margin: 0px; line-height: 1.2em; padding: 0 0 3px; color: #DDE6F1; } #home_bottom a { color: #fff; } #home_bottom span.fa { color: #658426; font-size: 22px;} #home_bottom .contact_info {padding-top: 6px;} /* Interior Styles ------------------------------- */ #interior_content { padding-bottom: 0px; background: #fff; } #content { min-height: 700px; overflow: hidden; padding: 15px 0px 70px;} /* Footer ------------------------------- */ #contact { background: #DEE6CF; padding: 65px 0;} #contact .wrapper { min-height: 120px;} #footer_buttons { position: absolute; left: 0px; top:25px; width: 18%;} #footer_buttons a { display:block; background: #5D0925; border: 2px solid #658426; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; text-align:center; line-height: 28px; min-width: 150px; margin: 0 0 8px 0; } #footer_logo { position: absolute; left: 20%; right: 27%; top: 0px; height: 113px; background: url('graphics/design/logo.png') 50% 50% no-repeat;} #footer_accrisoft { position: absolute; top:25px; right: 0px; width: 25%;} #footer_accrisoft img {float:right; display:block; width: 100%; max-width: 240px; height: auto;} #footer { padding: 50px 0 40px; background: #fff; line-height: 27px; font-size: 16px; font-weight: 300; text-align:center;} #copyright { } #social_menu { display: inline; } .fa-facebook:hover { background: #3b5998 !important; transition: all 0.3s ease;} .fa-twitter:hover { background: #00aced !important; transition: all 0.3s ease;} .fa-linkedin:hover { background: #007bb5 !important; transition: all 0.3s ease;} .fa-instagram:hover { background: #125688 !important; transition: all 0.3s ease;} .fa-pinterest:hover { background: #cb2027 !important; transition: all 0.3s ease;} .fa-google:hover { background: #dd4b39 !important; transition: all 0.3s ease;} .fa-youtube:hover { background: #ed1c24 !important; transition: all 0.3s ease;} #mobile_bottom {display: none; text-align:center;position: fixed; bottom: 0px; left: 0px; width: 100%; height: 0px; z-index: 9999;} #back_to_top { background: #121212; position: absolute; bottom: -30px; width: 100%; color: #fff; cursor: pointer; line-height: 30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } #back_to_top.scrolled { bottom: 0px; } #ui-datepicker-div { background: #fff; border: 2px solid #333;} .ui-datepicker { width: 20em; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;} .ui-datepicker .ui-datepicker-header a { color: #fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; } .ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;} .ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;} .ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} #nospamResponse {display:none;} .simpleAntiSpam > div {margin: 6px auto !important;} .simpleAntiSpam p > span { display: block; float:none !important; margin: 5px auto !important; padding: 0px !important;} #form .formtextRequired, #form .formtext { line-height: 28px; } #form table { width: 100%; } input, textarea, select, .formButtons a { box-sizing: content-box; line-height: 30px; padding: 4px 8px; border: 0px; outline: 0px; margin: 3px 0 3px; background: #dfe5e6;} input[type="text"], input[type="password"] { height: 30px; width: 220px;} select { height: 30px;} textarea { width: 100%; max-width: 700px; } input[type="checkbox"] {} input[type="radio"] { } input[type="submit"], .formButtons a { height: 20px; line-height: 20px; cursor: pointer; background: #fff; border: 2px solid #283a75; color: #283a75; } /* ----------------- Menus ----------------- */ /* +++ Main Menu +++ */ #main_menu>ul, #main_menu>ul ul { display: block; list-style-type: none; margin: 0px; padding: 0px; } #main_menu>ul li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative;} #main_menu>ul a { display:block; color: #000; } #main_menu>ul li > ul { display: none; } #main_menu>ul li:hover > ul { display: block; } /* Level 1 */ #main_menu>ul { text-align: right; width: 100%; height: 100%; position: relative; } #main_menu>ul>li { display: inline-block; text-align:center; padding: 0; height: 56px;} #main_menu>ul>li.item1 {padding-left:0px;} #main_menu>ul>li>a { font-size: 18px; position: relative; line-height: 56px; padding: 0 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #5D0925;} #main_menu>ul>li:hover>a { background: #658426; color: #fff; } /* Level 2 */ #main_menu>ul>li>ul { position: absolute; top:56px;left: 0px; width: 250px; padding: 8px 0px; background: #f2f2f2; border: 1px solid #ccc;} #main_menu>ul>li.flyleft>ul { left: auto; right: 10px;} #main_menu>ul>li>ul>li { text-align:left; padding: 10px 0px; margin: 0 12px; border-top: 1px solid #ccc; } #main_menu>ul>li>ul>li.item1 { border-top:0px;} #main_menu>ul>li>ul>li>a { font-size: 16px; padding: 6px 5px; } #main_menu>ul>li>ul>li:hover>a { background: #658426; color: #fff;} /* Level 3 and Beyond*/ #main_menu>ul>li>ul>li ul { position: absolute; top:-8px;right: -250px; width: 250px; padding: 8px 0px; background: #f2f2f2; border: 1px solid #ccc; } #main_menu>ul>li.flyleft>ul>li ul { right: auto; left: -250px;} #main_menu>ul>li>ul>li ul>li { padding: 0 15px;} #main_menu>ul>li>ul>li ul>li>a { font-size: 14px; padding: 6px 5px; } #main_menu>ul>li>ul>li ul>li:hover>a {background: #658426; color: #fff} /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #5D0925; } #menu_toggle { cursor:pointer; background: #5D0925 ; border-bottom:1px solid #46071C; display:none; text-align:center; height: 40px; line-height:40px; font-size: 20px; font-weight: 700; padding: 0 12px; text-transform: uppercase; color: #fff; } #menu_toggle.active { background: #DF2736 ;} #menu_toggle span.fa-bars { font-size: 25px; position: relative; left: -3px; top: 2px; } #mobile_menu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_menu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_menu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 41px; width: 45px; background: rgba(255,255,255, 0.25); color: #fff; line-height: 41px; text-align:center;} #mobile_menu a { display: block; text-transform: uppercase; color: #fff; font-size: 17px; font-weight: 700; } #mobile_menu a.haschildren { margin-right: 45px;} #mobile_menu>a { background: #658426; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #536D1F;} #mobile_menu li ul {display: none;} #mobile_menu img { display: none; } /* Level 1 */ #mobile_menu>ul { border-top: 1px solid #46071C;} #mobile_menu>ul.main_menu { border-top: 0px;} #mobile_menu>ul>li { } #mobile_menu>ul>li>a { padding: 10px 15px; line-height:21px; font-size: 17px; border-bottom:1px solid #46071C;} /* Level 2 and Beyond */ #mobile_menu>ul>li ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul ul { rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(0,0,0,0.2);} #mobile_menu>ul>li ul>li>a.haschildren {margin-right:32px;} #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} /* Mobile Sitemap */ #mobile_sitemap { display:none; background: #1a2732; } #sitemap_toggle {display:none;} #sitemap_toggle, #sitemap_toggle2 { cursor:pointer; background: #16212A ; border-bottom:1px solid #1a2732; text-align:left; height: 40px; line-height:40px; font-size: 20px; font-weight: 700; padding: 0 12px; text-transform: uppercase; color: #fff; } #sitemap_toggle span.fa-bars, #sitemap_toggle2 span.f-bars { font-size: 25px; position: relative; left: -3px; top: 2px; } #mobile_sitemap ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_sitemap li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_sitemap li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 41px; width: 45px; background: rgba(255,255,255, 0.25); color: #fff; line-height: 41px; text-align:center;} #mobile_sitemap a { display: block; text-transform: uppercase; color: #fff; font-size: 17px; font-weight: 700; } #mobile_sitemap a.haschildren { margin-right: 45px;} #mobile_sitemap>a { background: #bcbdc0; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #1a2732;} #mobile_sitemap li ul {display: none;} #mobile_sitemap img { display: none; } /* Level 1 */ #mobile_sitemap>ul { border-top: 1px solid #1a2732;} #mobile_sitemap>ul.main_menu { border-top: 0px;} #mobile_sitemap>ul>li { } #mobile_sitemap>ul>li>a { padding: 10px 15px; line-height:21px; font-size: 17px; border-bottom:1px solid #1a2732;} /* Level 2 and Beyond */ #mobile_sitemap>ul>li ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul ul ul { rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_sitemap>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(0,0,0,0.2);} #mobile_sitemap>ul>li ul>li>a.haschildren {margin-right:32px;} #mobile_sitemap>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_sitemap>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} /* ---------------General Module Styles--------------- */ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); } div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .board-of-directors-margin { margin: 0 0 2px 0; } /* common elements across modules */ .label, .itemLabel { font-weight: 500; margin-right:10px; color: #658426} /* form required vs form optional*/ .title {} .description {} .blurb {} .thumbnail {} .info {} .author {} .date {} .time {} .filter {} .imageLink {float:left;} .website { padding: 10px 0 20px;} .tags {background: #f2f2f2; display: block; padding: 5px 0; text-indent: 8px;} .utilityLinks {} a.comments { float: right; padding: 0 15px;} .moduleLister .thumbnail { width: 200px; float: left; margin-right: 20px; border: 1px solid #e5e5e5; box-sizing: border-box; } .errorMessage{ font-weight:bold; color:#f00; } .next_item {} .next_item_title { position: absolute; left:0px; top: 25px; color: #9cb111; font-size: 20px; font-weight: bold; text-transform: uppercase;} .next_item_body { padding: 0 240px 0 185px;} .next_item_post_title { color: #fff; font-size: 16px; margin-bottom: 6px;} .next_item_post_title span { text-transform: uppercase;} .next_item_blurb { font-size: 15px; color: #fff;} .next_item_post_title a, .next_item_blurb a { color: #fff; } a.next_item_button { margin:0px; position: absolute; right: 0px; top:10px; min-width: 140px; text-align:center; } .itemgrid_3x {} .itemgrid_3x .grid_row { margin: 50px 0 0; padding: 0 0 50px; overflow: hidden;} .itemgrid_3x .grid_item {float:left; margin-left: 4.5%; width:30.3333% ; height: 330px; position: relative;} .itemgrid_3x .grid_item:first-child { margin-left:0px; } .itemgrid_3x .item_description { position: absolute; left: 40px; right: 40px; bottom: -23px; padding-top: 15px; background: #fff; text-align:center;} .itemgrid_3x .item_title { line-height: 45px; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #394a59;} .itemgrid_3x .item_more { height: 1px; opacity: 0; padding: 0 20px; transition: all 0.35s ease;} .itemgrid_3x .grid_item:hover .item_more { height: 260px; opacity: 1; transition: all 0.7s ease;} .itemgrid_3x .date { font-size: 16px; font-weight: bold; color: #394a59;} .itemgrid_3x .blurb { padding: 35px 0; font-size: 16px; line-height: 1.35em;} .itemgrid_3x a.morebutton { min-width: 140px;} /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ .photoModule.moduleLister {} .photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; height: 240px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px} .photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;} .photoModule.moduleLister .gridItem span {display:block;} .photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;} .photoModule.moduleLister .gridItem .name {line-height:20px; font-size: 15px; font-weight: bold;} .photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;} ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; } /* Photo Thumbnails */ .photoModule .description {} .photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;} .photoModule .thumbnailItem img.activeImage {border:1px solid #333;} .photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;} .photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;} /* Photo Detail */ .photoModule.moduleDetail{margin:10px 0;} .photoModule .photoRemote {width:400px;height:20px;margin:0 auto;} .photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;} .photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;} .photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;} .photoModule .imageDetail {margin:10px; } .photoModule .imageDetail div {margin:0 auto;} .photoModule .imageDetail img {border:1px solid #ccc;} .photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;} /* Flightbox */ .flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; } .flightbox-pager { height: 100%; width: 75px; position: absolute; } .flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; } .flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; } .flightbox-container { color: #bbb; position: absolute; z-index: 1000; text-align: center; } .flightbox-container img {max-width: 100%; max-height: 100%;} .hover { width: 100%; text-align: center; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0px; font-size: 12px; display:none; } /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail {} .newsModule.moduleLister {} .newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsModule .blurb {} .newsModule .thumbnail {} /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ #blog_content { } #blog_content .split_left { width: 27%; } #blog_content .split_right { width: 70% ;} .blogModule {} .blogModule .info {margin-bottom: 20px; } .blogModule .author {} .blogModule .date {} .blogModule .thumbnail img { width:350px; max-width:100%; } .blogModule .tags {} .blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; } .blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; } .blogModule .morebutton {margin: 5px 0 15px;} /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h1 { margin-bottom :20px;} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem { margin:0px 0px 20px; padding: 0px 0px 20px; border-bottom: 1px solid #658426;} .blogModule .listerItem h2 { padding:0px;} .blogModule .blurb { line-height: 1.8em; margin: 15px 0;} .blogModule .blurb p { margin: 0; line-height: 1.8em;} /* ---- Blog Detail ------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail h1 { margin-bottom: 15px; } .blogModule.moduleDetail .fullText {} /* ---- Blog Archives ------ */ .blogModule.archive {margin: 30px 0 0; padding: 0 0 0px; background: #EFF3E7;} .blogModule.archive h3 { background: #5D0925; color: #fff; margin: 0; padding: 7px 15px; text-transform: uppercase;} .blogModule.archive h4.year { margin: 0px ; padding: 4px 15px; background: #658426; color: #fff;} .blogModule.archive h4.year a { color: #fff;} .blogModule.archive h5.month { font-weight: bold; text-transform: uppercase; margin: 0px ; padding: 7px 25px;} .blogModule.archive .tag_container { padding: 10px;} .blogModule.archive .tag_container a { display: block; float:left; min-width: 50px; height: 36px; line-height: 36px; padding: 0 7px; margin: 0 8px 5px 0; background: #658426; color: #fff; border-radius: 8px; text-align:center;} /* ModuleEnd::blog */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister {} /* ---- Events Detail ---- */ .eventsModule.moduleDetail {} .eventsModule .date {} .eventsModule .label {} .eventsModule .time {} .eventsModule .location { margin: 1em 0; } .eventsModule .map {} .eventsModule .address {} .eventsModule .directions {} .eventsModule .contactInfo {} .eventsModule .name {} .eventsModule .phone {} .eventsModule .email {} .eventsModule .rsvp {} .eventsModule .ticketsWrapper {} .eventsModule .ticket {} .eventsModule .description {} .eventsModule .utilityLinks {} .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;} /* ---- Events Small Calendar ---- */ body#calendarIframe { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; position:relative; background: transparent;} #calendarIframe .cal { width: 275px; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; font-weight:400; font-size:16px;} #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.1); } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #5c0825; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #2d0311; color:#fff; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ color: #fff; } #calendarDetail .calendarDays td { line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; } #calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); } #calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom: 10px; } .eventsModule.moduleLister.box .date { color: #777; } /* ---- Events Registration ----- */ #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .membershipModule .search { padding: 12px 0; border-bottom: 2px solid rgba(0,0,0,0.1);} .membershipModule .companyInfo { margin: 1em 0; } .membershipModule .companyInfo .name {} .membershipModule .companyInfo .jobTitle {} .membershipModule .address { margin: 1em 0; } .membershipModule .contactInfo { margin: 1em 0; } .membershipModule .contactInfo .phone {} .membershipModule .contactInfo .email {} .membershipModule .contactInfo .website {} .membershipModule .thumbnail { float:left; margin-right: 20px;} .membershipModule .areas_of_practice { } .membershipModule .areas_of_practice a {display:inline-block; padding: 0 1px;} /* ----- Membership Lister ----- */ .membershipModule.moduleLister { font-size: 16px;} .membershipModule.moduleLister h2 { margin: 0;} .membershipModule.moduleLister h3 { padding:0;} .membershipModule.moduleLister .join_year {} .membershipModule.moduleLister .num_attorneys {} .membershipModule.moduleLister .morebutton {margin: 30px 0 8px;} /* ---- Membership Detail ----- */ .membershipModule.moduleDetail {} .membershipModule.moduleDetail {} .membershipModule.moduleDetail h2 { margin: 0;} .membershipModule.moduleDetail h3 { padding:0;} /* ----- My Account ---- */ .membershipModule.myAccount {} .membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .membershipModule.myAccount .block { padding: 10px; } .membershipModule.myAccount .block:nth-child(odd) { background-color: #eee; } .membershipModule.myAccount .block ul { list-style: none; padding: 0; } @media (min-width: 45em) { .membershipModule.myAccount .block li { display: inline; margin: 0 .5em; } } @media (max-width: 800px){ #awardImage {width: 330px;} } /* ----- My Account - Dispatch ( System Forms ) ---- */ .myaccountHeading { font-size: 2em; font-weight: bold } #myaccountDirectoryLister .myaccountHeading { margin-bottom:0.67em; } .myaccountListerBack .formButtons a { border:none; padding:0; } .myaccountMessage {} .myaccountDetail table { color: #444;} .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; } .myaccountDetail .formtextRequired label { font-weight: 500 }; .myaccountLister {} .myaccountListerBack {} /* ModuleEnd::membership */ /* ModuleBegin::directory-jobs */ .jobList { } .jobList h1 { padding-bottom: 20px; } .jobSearch { padding: 20px 0; } .jobList table { width: 100%; margin: 10px 0 0 0; border-bottom: 2px solid #666; } .jobList th { color: #ffffff; font-weight: normal; background: #666; } .jobList th, .jobList td { } .jobList .even td { background: #ccc; } .jobList .company { padding: 5px 5px 5px 10px; text-align: left; } .jobList .title { padding: 5px; text-align: center; } .jobList .location { padding: 5px 10px 5px 5px; text-align: right; } .jobSection { padding: 5px 0; line-height: 1.75em; } .jobSection p { padding: 0; margin: 0; } .jobSearch .jobLabel { } .jobSearch .jobGo { } .jobSearch .jobField, .jobSearch .jobField input { } .jobSearch div { height: 26px; line-height: 26px; padding: 0 16px 0 0; float: left; } .jobSearch .jobField input { height: 26px; line-height: 26px; box-sizing: content-box; padding: 0 10px; border: 1px solid #cccccc; background: #ffffff; width: 100px; } .jobSearch .jobGo input { line-height:14px; height: 14px; background-color: transparent; } .jobDetail .itemLabel { display: inline-block; color: #658426;} /* ModuleEnd::directory-jobs */ /* Minutes */ .minutesModule.moduleLister {} .minutesModule.moduleLister .listerItem:first-child { border-top: 2px solid rgba(0,0,0,0.1); } .minutesModule.moduleLister h2 { margin:0; padding: 12px 0 3px;} .minutesModule.moduleLister h3 { margin: 0; padding: 0 0 3px;} .minutesModule.moduleDetail h1 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid rgba(0,0,0,0.1); } .minutesModule.moduleDetail h2 { margin:0; padding: 12px 0 3px;} .minutesModule.moduleDetail h3 { margin: 0; padding: 0 0 3px;} .minutesModule.moduleDetail .utilityLinks { border-top: 2px solid rgba(0,0,0,0.1); padding-top: 12px; margin-top: 12px;}