/* 960 GRID */ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha {margin-left: 0;} .omega {margin-right: 0;} /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .grid_1 {width: 60px;} .container_12 .grid_2 {width: 140px;} .container_12 .grid_3 {width: 220px;} .container_12 .grid_4 {width: 300px;} .container_12 .grid_5 {width: 380px;} .container_12 .grid_6 {width: 460px;} .container_12 .grid_7 {width: 540px;} .container_12 .grid_8 {width: 620px;} .container_12 .grid_9 {width: 700px;} .container_12 .grid_10 {width: 780px;} .container_12 .grid_11 {width: 860px;} .container_12 .grid_12 {width: 940px;} /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .prefix_1 {padding-left: 80px;} .container_12 .prefix_2 {padding-left: 160px;} .container_12 .prefix_3 {padding-left: 240px;} .container_12 .prefix_4 {padding-left: 320px;} .container_12 .prefix_5 {padding-left: 400px;} .container_12 .prefix_6 {padding-left: 480px;} .container_12 .prefix_7 {padding-left: 560px;} .container_12 .prefix_8 {padding-left: 640px;} .container_12 .prefix_9 {padding-left: 720px;} .container_12 .prefix_10 {padding-left: 800px;} .container_12 .prefix_11 {padding-left: 880px;} /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .suffix_1 {padding-right: 80px;} .container_12 .suffix_2 {padding-right: 160px;} .container_12 .suffix_3 {padding-right: 240px;} .container_12 .suffix_4 {padding-right: 320px;} .container_12 .suffix_5 {padding-right: 400px;} .container_12 .suffix_6 {padding-right: 480px;} .container_12 .suffix_7 {padding-right: 560px;} .container_12 .suffix_8 {padding-right: 640px;} .container_12 .suffix_9 {padding-right: 720px;} .container_12 .suffix_10 {padding-right: 800px;} .container_12 .suffix_11 {padding-right: 880px;} /* CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; /* vertical-align:baseline; */ /* background:transparent; */ } body { line-height:1 } ol, ul { list-style: disc; list-style-position: outside; } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } :focus { outline:0 } ins { text-decoration:none } del { text-decoration:line-through } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content:' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } * { margin: 0; padding: 0; } body { font-family: Arial, sans-serif; font-size: 12px; color: #003508; background-color: #003508; } a { font-size: 12px; color: #2f2f2f; } a:hover { color: #3f3f3f; } h3 { font-size: 16px; line-height:130%; } .MainMenu { margin: 0px 0px 40px 0px; text-align: right; padding: 10px; } .MainMenu a { padding-left: 10px; padding-right: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 12px; color: #666; } /*.separator_MainMenu { border-left: 1px solid #efefef; }*/ .activePageMenuItem { font-weight: bold; } .LiveEdit_drop_down { text-align: left; color: white; width: 176px; border-bottom: 1px solid #b3b29e; border-left: 1px solid #b3b29e; padding: 0px; background-color: #413E35; } .LiveEdit_drop_down a { font-size: 14px; color: #e7e5d9; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center top; display: block; padding: 4px 8px; } .LiveEdit_drop_down a:hover { background-color: #9F9F9F; text-decoration: none; } body { background: #003508 url(/assets/images/bg.jpg) repeat-x top; font: 12px/1em Arial, sans-serif; color: #000; } img { border: none; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right; width:689px; } .homebody { float: right; width: 300px; } img.imageborder { border: 1px solid #784818; } div.hr { height: 1px; border: none; background: #0085b2; margin: 10px 0; } div.hr hr { display: none; } table.datatable td { background: #e6d7c6; padding: 4px; font-size: 11px; border-bottom: 1px solid #cdb498; } td.datatabledark { background: #d9c6b0 !important; font-weight: bold; font-size: 12px !important; } .copyarea h1, .copyarea p, .footer-siteby p { margin-bottom: 15px; } .copyarea a { color: #0085b2; } .copyarea a:hover { color: #28a3cc; } .copyarea ul { margin: 0 0 15px 20px; } .copyarea h1 { color: #784818; font: normal 30px/1em "Times New Roman", Times, serif; font-variant: small-caps; } .copyarea h2 { color: #784818; font-size: 16px; } a[href$='.pdf'] { background:transparent url(/assets/images/pdf.png) center left no-repeat; display:inline-block; padding-left:20px; line-height:16px; } .container { width: 960px; margin: 0 auto; } .topnav { padding: 20px 5px 20px 20px; color: #f0e1d2; text-decoration:none; text-transform: uppercase; text-align: right; background: url(/assets/images/memberlogin.png) center right no-repeat; } .topnav a { padding: 20px; color: #f0e1d2; text-decoration:none; text-transform: uppercase; text-align: right; } .topnav a:hover { color: #1e6e2f; } .nav-1 ul, .nav-2 ul, .sidebar ul, .footer-nav ul, .footer-social ul, ul.about-gallery, ul.home-gallery { list-style: none; } .nav-1 li, .nav-2 li, .footer-nav li, .footer-social li, ul.about-gallery li, ul.home-gallery li { display: inline; float: left; } .nav-1 ul { margin: 0 0 0 440px; } .nav-1 a { display: block; padding: 20px; color: #f0e1d2; text-decoration:none; text-transform: uppercase; } .nav-1 a:hover { color: #fff; } /* .member-login { background:url(/assets/images/member-login.gif) no-repeat center center; font-weight: bold; }*/ .nav-2 a, .sidebar ul li a { display: block; color: #1e6e2f; text-transform:uppercase; text-decoration:none; font-weight: bold; } .nav-2 a { width: 192px; height: 25px; padding: 14px 0 0 0; /*background-color: #0489b6;*/ background-image: url(/assets/images/nav.png); background-repeat: no-repeat; text-align:center; display:inline-block; } .nav-2 a:hover { background-position: 0 -41px; } .header { background-image: url(/assets/images/header-no-logo.jpg); height:192px; } .logo { margin-top: 30px; } .copy-top { height: 20px; background: url(/assets/images/copy-top.png); } .contentarea { background: #f0f8fb url(/assets/images/copy-bg.png) repeat-y; } .sidebar { width: 192px; padding: 0 20px; min-height: 400px; height: auto !important; height: 400px; } .thisNewMenu a { color: #1e6e2f; } .sidebar ul li a { background: url(/assets/images/bullet.png) no-repeat center left; padding: 8px 0 8px 20px; color: #1e6e2f; } .sidebar ul li a:hover { color: #1e6e2f; } .sidebar h2, .sidebar a.viewCalendar { width: 182px; background-color: #b9e0ec; background-image: url(/assets/images/sidebar-calendar.png); } .new-members h2, .new-members a.viewCalendar { width: 214px; background-color: #b9e0ec; background-image: url(/assets/images/new-members.png); } .sidebar h2, .new-members h2 { color: #784818; font: normal 18px "Times New Roman", Times, serif; margin-top: 20px; font-variant:small-caps; height: 29px; padding: 5px 0 0 10px; } .sidebar a.viewCalendar, .new-members a.viewCalendar { display: block; background-position: 0 -34px; color: #000; text-transform:uppercase; text-decoration:none; height: 24px; padding: 10px 0 0 10px; } .sidebar a.viewCalendar:hover, .footer a:hover { color: #007ea7; } .copyarea { width: 666px; padding: 0 30px; line-height: 1.5em; } .new-members { width: 224px; margin: 0 0 20px 20px; } .new-members iframe { border-left: 2px solid #007ea7; border-right: 2px solid #007ea7; } ul.about-gallery, ul.home-gallery { margin: 0 !important; } ul.about-gallery img, ul.home-gallery img { margin: 0 8px 8px 0; border: 1px solid #784818; } ul.about-gallery img { width: 100px; height: 80px; } .half-col { width: 310px; margin-right: 20px; } .footer { background-color: #fff; background-image: url(/assets/images/footer.jpg); background-repeat:no-repeat; font: 11px/1.5em Arial, Helvetica, sans-serif; } .footer a { color: #985a14; text-decoration:none; } .footer-contact { padding: 40px 0 30px 30px; width: 370px; } .footer-nav { padding: 40px 0 0 0; width: 240px; text-transform:uppercase; } .footer-nav a { display: inline; padding: 0 5px; font-size: 11px; } .footer-siteby { padding: 40px 30px 0 0; text-align: right; width: 290px; } .footer-siteby a { color: #000; } .footer-social { text-align: center; } .footer-social a { width: 45px; height: 45px; display: block; background-image:url(/assets/images/social.png); margin-right: 10px; } .footer-social a.linkedIn { background-position: -45px 0; } .footer-social a * { display:none; } .thisSideBar a { display:inline block !important; background-image:url (/assets/) !important; } .thisSideBar li { display:inline block !important; background-image:url (/assets/) !important; } .thisSideBar ul { display:inline block !important; background-image:url (/assets/) !important; } /* slider fix */ .slider a {position:absolute;}.slider .LiveEditBar a, .slider .edit_dropdown a {position:relative;}