/* CSS Reset
================================================== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}table {border-collapse: collapse;border-spacing: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* #Basic Styles
================================================== */
body {font-size:16px; font-family: 'Arimo', sans-serif; line-height:1.4em;}
p { margin:0 0 15px 0;}

/* #Typography
================================================== */
h1, h2, h3, h4, h5 {line-height:1.4em; margin-bottom:8px; color:#000000;}
h1{font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:20px; color:#000000;}
h4 {font-size:18px; color:#000000;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
.message {color:#000000; font-style:italic;}
.small {font-size: 10px; margin-bottom: 0px; line-height:12px;}
.sr-only {display: none;}
/* #Links
================================================== */
a {text-decoration:none; color:#160CE9;}
a:hover {color:#7c0013;}

/* #YouTube/iFrame Video Wrapper
================================================== */
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}

/* #Lists
================================================== */
ul, ol {display:block; margin:10px 0 15px 40px;}
ol { list-style-type: decimal }
ul {list-style-type:disc;}
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
li {display: list-item;}

/* #Images
================================================== */
img {max-width:100%; height:auto; border:none;}
a img {-webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;}
a:hover img {-moz-opacity: 0.80; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}

/* #Buttons
================================================== */
.button, .ion-form button {background-color:#CD9710; padding:11px 40px; color:#fff; font-size:18px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; border:none; text-align:center; transition: 0.35s;}
.button:hover, .ion-form button:hover {color:#BB8909; background-color:#fff; border:1px solid #37641F; -moz-opacity: 0.90; opacity: 0.90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
border-radius: 6px;
}
.button + .button {margin-left:10px;}
.button:active {position:relative;top:1px;}


/* #Twirl Downs
================================================== */
.twirl {color:#37641F; font-size:22px; font-weight:400; padding:8px 35px 8px 15px; border:solid 1px #cccccc; background:#ffffff; position:relative; cursor:pointer;}
.twirl span {position:absolute; top:8px; right:15px; font-size:32px;}
.twirlContent {display:none; margin-bottom:15px;}

/* #Misc
================================================== */
.lt {float:left;}
.rt {float:right;}
.clr {clear:both;}
.posRel {position:relative;}
.posAbs {position:absolute;}
.height25 {height:25px;}
.system-message, .system-error-message {margin:0;}
img.content {float:left; margin:5px 12px 5px 0; border:1px solid #CCC; padding:5px;}
iframe {width:100%;}

/* #Table
================================================== */
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; background-color: transparent; }
.table { width: 100%; margin-bottom: 20px; }
.table thead th { vertical-align: bottom; }
.table td, .table th {  padding: 4px; line-height: 20px; text-align: left; vertical-align: top; }
.table th { font-weight: bold; }
.table tr:first-child th { border-top: 0px; }
/* Striped table */
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {  }
/* Bordered table */
.table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
/* Condensed Table */
.table-condensed th, .table-condensed td { padding: 4px 5px; }
/* Hover Table */
.table-hover tbody > tr:hover { background-color: #f3f3f3; }

/* #Layout
================================================== */
.container {width:1024px; margin:0 auto;}
#hdr {width:100%; background-color:#fff; background-color:rgba(255,255,255,.90); padding:20px 0 0; border-bottom:9px solid #37641F; position:relative;}
#nav {margin-top:15px; position:relative; z-index:100;}
#banner {width:100%; display:inline-block; padding:125px 0 50px;}
#main {width:100%; padding:20px 0; display:inline-block; position:relative; z-index:25;}
#ftr {width:100%; padding:20px 0; display:block;background: #2a4a22;color: #fff;}
#ftr * {color: #fff !important;}


/* #Columns
================================================== */
.evenCol {width:48%;}
.evenColLg {width:50%;}
#main-lt {width:60%; float:left;}
#main-rt {width:35%; float:right;}
#split-lt {width:69%; float:left;}
#split-rt {width:23%; float:right;}
.lt-col {width:61%; float:left;}
.rt-col {width:35%; float:right;}

/* #Nav
================================================== */

/* Nav Height */
#nav > ul, #nav > ul > li, #nav > ul > li > a {height:40px; line-height:40px;}

/* Main Nav */
#nav ul {text-align:right; list-style:none; margin:0;}
#nav > ul > li {display:inline; position:relative; z-index:50;}
#nav > ul > li > a {transition: 0.35s;font-size:16px; color:#000; display:inline-block; padding:0 13px; font-weight:bold;}
#nav > ul > li > a:hover, #nav > ul > li:hover > a {background-color:#CD9710; color: #fff;}

/* Drop Down */
#nav > ul > li > ul {display:none; position:absolute; white-space: nowrap; z-index:75; text-align:left; background-color:#CD9710; top:29px; left:0;}
#nav > ul > li:hover > ul {display:block;}
#nav > ul > li > ul > li, #nav > ul > li > ul > li a {height:35px; line-height:35px; display:block;}
#nav > ul > li > ul > li > a {font-size:16px; color:#000; padding:0 20px; font-weight:bold;}
#nav > ul > li > ul > li:hover {background-color:#37641F;}
#nav > ul > li > ul > li:hover a {color:#fff;}

#nav select {display: none;  position:relative; min-width:200px; padding:4px 4px; font-size:18px;}

/* #BC FAQ
================================================== */
.faq-question {margin:0px 0px 5px 0px; padding:0px; font-size:18px; font-weight:bold;}
.faq-answer {margin-bottom:20px;}

/* #Areas
================================================== */
ul.areas { margin:0px 10px; padding:0px; text-align:left;}
ul.areas li { list-style:none; float:left; width:16%; padding:4px 2%; margin:0px;}

/* #Box
================================================== */
.box {padding:15px; border:solid 1px #CACACA; background:#F5F5F5;}
.box h2 {}

/* #Rotator
================================================== */
.rotate {padding:0; position:relative; z-index:15; width:100%; height:681px; display:block; margin:0 auto;}
.rotate li:first-child { display:block; }
.rotate li { display:none; margin:0; position:absolute; list-style:none; left:50%; margin-left:-1000px;}
.rotate li img {max-width:none;}

/* #BC Blog
================================================== */
.blog-container {width:100%; margin:0 auto;}

/* #Browser Happy
================================================== */
.browsehappy {background: #ccc; color: #000; padding: 20px 0; text-align:center;}

/* #Custom Styles Below
================================================== */

/* Global */
.green {color:#51741b;}
.caret-r {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; display:inline-block; margin-left:5px;}

/* Background */
#homeBG {background:url(../images/bg2.jpg) no-repeat center top; width:100%; display:inline-block; background-size:cover;}
#subBG {background:url(../images/bg2.jpg) no-repeat center top #e2e2e2; width:100%; display:inline-block;}

/* Header */
.logo {float:left;}
#hdr .rt {text-align:right; line-height:1.4em;}
#phone {font-size:24px; margin-bottom:6px;}
#phone img {vertical-align:middle;}
#phone p {margin:0;}
#phone p + p {margin-top:5px;}
#login {font-size:14px; margin-bottom:25px;}
#login a {color:#fff;}
#login a:hover {color:#fff; text-decoration:underline;}

/* Banner */
#bannerTitle {width:100%; height:100px; line-height:100px; background-color:#37641F;font-size:36px;  text-align:center; color:#fff;}
#bannerContent {width:100%; line-height:1.4em; background-color:#fff; background-color:rgba(255,255,255,.9); font-size:15px; color:#222222; padding:30px;}
#bannerContent .button {width:48%; padding:11px 0;}
#bannerContent .button + .button {margin-left:3%;}
#bannerLinks {position:absolute; left:0; top:100%; z-index:50; padding:9px 0 0 0; width:100%;}
#bannerLinkContainer {float:right; background-color:#000000; color:#CD9710; font-size:24px; padding:0 2px;}
#bannerLinkContainer a {color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; padding:10px; display:inline-block;}
#bannerLinkContainer a:hover {color:#CD9710;}


#homeBar {width:100%; padding:25px 0; background-color:#e2e2e2;}
#homeBar a img {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}


/* Testimonial */
#testimonial {width:100%; padding:15px 30px; background-color:#fff; background-color:rgba(255,255,255,.9); color:#222222; font-size:18px; font-style:italic; line-height:1.3em; text-align:center; margin-top:20px;}
#testimonial p {margin:0;}
#testimonial p img {margin:15px 0 0;}

/* Callout */
.callout {width:100%;}
.calloutTitle {width:100%; height:100px; background-color:#37641F; font-size:30px; text-align:center; color:#fff; padding:13px 0 0;}
.calloutTitle span {font-size:14px; display:inline-block; line-height:1.5em; margin-top:2px;}
.calloutLink {font-size:14px; text-align:center; width:100%; height:40px; background-color:#000000; line-height:40px;}
.calloutLink a { background-color: #CD9710; color:#fff; display:block; width:100%;}
.calloutLink a:hover {color:#fff; text-decoration:underline;}
.calloutImg {background-color:#fff; display:block;}
.calloutImg img {display:block;}

/* Footer */
#ftr {color:#000; font-size:14px; line-height:1.5em;}
#ftr h3 {text-transform:uppercase; color:#000; border-bottom:1px solid #fff;  font-style:normal; font-size:15px;}
#ftr .container > .rt {text-align:right;}
#ftr a {color:#000;}
#ftr a:hover {color:#000; text-decoration:underline;}
#ftr ul {margin:10px 0; list-style:none; line-height:1.3em;}
#ftr img {filter: invert(1);}
#social {padding:6px 0;}
#social img {vertical-align:middle; margin:0 4px; }

/* Sub Main */
#subBG #main {padding:80px 0 20px;}
#mainContent {background-color:#fff; min-height:780px; -webkit-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); padding:30px; line-height:1.4em; width:100%; display:inline-block;}
#subBG h1 {background-color:#37641F; font-size:36px; width:100%; padding:20px 30px; color:#fff; margin-bottom:0;}
.blog-container > .wrapper {background-color:#fff; min-height:880px; -webkit-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 3px 10px 0px rgba(50, 50, 50, 0.75); padding:30px; line-height:1.4em;}
.blog-container > .description {display:none;}

/* Widgets Bar */
#widgets {width:100%; display:inline-block; margin:0 0 40px 0; line-height:1.4em;}
#widgets h2 {font-size:30px;}
#widgets .blog-post h2.post-title {font-size:16px; border:none; padding:0; }
#widgets .blog-post .post-body {font-size:14px; margin-bottom:20px;}
#widgets .post-body .links, #widgets .blog-post .post-details {display:none;}

/* Association Pages */
.managerInfo {margin:35px 0 0 0; float:left;}
.managerPic {float:right; margin:0 0 15px 20px; border:5px solid #fff;}
.attention {font-size:20px; line-height:1.4em;}
.attention strong {font-weight:400; color:#000000;}
.meetingDetails {font-size:14px; line-height:1.4em;}

#search {width:100%; padding:12px 15px; font-size:18px; border:1px solid #ccc; display:block; margin:10px 0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}



/* #Additional
================================================== */
.lt.span30, .lt.span35, .lt.span40, .lt.span45, .lt.span50, .lt.span55, .lt.span60, .lt.span65, .lt.span70 { padding:0 4% 35px 0; }
.rt.span30, .rt.span35, .rt.span40, .rt.span45, .rt.span50, .rt.span55, .rt.span60, .rt.span65, .rt.span70 { padding:0 0 35px 4%; }
.span70 { width:65%; }
.span65 { width:60%; }
.span60 { width:55%; }
.span55 { width:50%; }
.span50 { width:45%; }
.span45 { width:40%; }
.span40 { width:35%; }
.span35 { width:30%; }
.span30 { width:25%; }
.layout .span33 { float:left; width:30%; padding:0 5% 35px 0; }
.layout .span33:last-child { float:right; padding-right:0; }
.lt.separator { border-right:solid 1px #d8d8d8; }
.rt.separator { border-left:solid 1px #d8d8d8; }


/* #Media Queries
================================================== */
@media screen and (max-width: 1060px) {
	.container {width:98%;}
	#nav {text-align:center;}
	#nav ul     { display: none; }
	#nav select { display: inline-block; margin-bottom:15px;}
	#homeBG {background-size:cover;}
	#ftr .container > .evenCol {width:100%; float:none !important; display:inline-block; text-align:center;}
	#ftr .container > .rt {margin-top:40px;}
	#ftr h3, #ftr .container > .rt h3 {text-align:center; width:100%; max-width:100%;}
	#bannerTitle {font-size:32px; height:auto; padding:30px; line-height:normal;}
	.calloutTitle {font-size:28px;}
	.box .evenCol {width:100%; float:none; text-align:center;}
	.managerInfo {margin:15px 0; float:none;}
	.managerPic {float:none; margin:0;}
}

@media screen and (max-width: 860px) {
	#banner .container > .evenCol {width:100%; float:none !important;}
	#banner .container > .rt {margin-top:40px;}
	#banner {padding:50px 0;}
	#widgets .evenCol {width:100%; float:none !important; display:inline-block; text-align:center;}
	#widgets .rt {margin-top:40px;}
	#main-lt, #split-lt, .blog-container .post-list {width:100%; float:none;}
	#main-rt, #split-rt, .blog-container .side-panel {width:100%; float:none; margin-top:40px;}
	#split-rt .callout {width:48%; margin:0 auto;}

}

@media screen and (max-width: 768px) {
	#hdr {text-align:center !important;}
	#hdr .rt {text-align:center; float:none; margin-top:20px;}
	.logo {max-width:100%; float:none;}
	#bannerLinkContainer {float:none;}
	#main .evenCol, #homeBar .evenCol {float:none; width:100%; text-align:center;}

    /* #Additional
    ================================================== */
	.span70, .span65, .span30, .span35, .span60, .span55, .span50, .span45, .span40, .span33 { float:none; width:100%; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; border:none!important; text-align:left!important; }
}

@media screen and (max-width: 600px) {

	#subBG h1 {font-size:32px;}
	#split-rt .callout {width:76%; margin:0 auto;}
	#bannerLinkContainer {font-size:0;}
	#banner {padding:100px 0 50px;}
	#subBG #main {padding:100px 0 20px;}
	#phone {font-size:18px;}
}

@media screen and (max-width: 490px) {
	#banner .container > .rt .evenCol {width:100%; float:none !important;}
	#banner .container > .rt .rt {margin-top:25px;}
	#ftr .container > .lt .evenCol, .evenColLg {width:100%; float:none !important;}
	#ftr .container > .lt .rt {margin-top:40px;}
	img.content {float:none; margin:15px auto; display:block;}
	#mainContent {text-align:center;}
	h1, h2, h3, h4, h5 {text-align:center;}
	#mainContent {padding:10px;}
	#split-rt .callout {width:100%; margin:0 auto;}
	.button, #bannerContent .button {display:block; width:100%; padding:11px 0;}
	.button + .button, #bannerContent .button + .button {margin-left:0;}
	#bannerContent {text-align:center;}
}
@media screen and (max-width: 320px) {
	#phone {font-size:14px;}
}