/*

	File: style.css
	Media: screen
	stcharleshartland.com
	Version 4
	Walleworks, LLC
	12-10-2014

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html { background: #FFFFFF; }
body { font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; color: #000000; height:100%; width: 100%; display: table;  }

h1, h2, h3, h4, h5, h6, .mainSidebarList h4, #mainContentHead h1 { font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: 700; font-size: 1.6em; color: #000000;}
p { font-size:1.1em; line-height:1.6em; margin:12px 0; }
p.big_text { font-size: 1.4em;}
h6 { font-size: 1.2em; }

img.image-align-left { float:left; display: inline; margin: 4px 24px 16px 0; background: #ffffff; padding: 9px; border: 1px solid #cdcdcd;}
img.image-align-right { float:right; display: inline; margin: 4px 0 16px 24px; background: #ffffff; padding: 9px; border: 1px solid #cdcdcd;}

img.img_border { background: #ffffff; padding: 9px; border: 1px solid #cdcdcd;}
img.thin_border { padding: 5px;}

div { box-sizing: border-box; }

iframe { display: block; margin: 0 auto; max-width: 650px; }

/* Links
--------------------------------------------------------------------------------------- */

a { /*font-weight: normal;*/ text-decoration: none; font-weight: bold; }
a:link { /*color: #FFD11A;*/ /*color: #ef950b;*/ color: #8A1F03; }
a:visited { color: #8A1F03;}
a:hover { color: #666666; }
a:active { color: #ffd11a;}

.footer_cmg a:link { color: #88dbd9; font-weight: 200; }
.footer_cmg a:visited { color: #88dbd9;}
.footer_cmg a:hover { color: #e8c55a; text-decoration: underline;}
.footer_cmg a:active { color: #88dbd9;}

.toggleBranch, .toggleText { cursor: pointer; }

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

body.home .wrapper { padding-bottom: 0px; }
#wrapper { width: 100%; padding-bottom: 24px; /*background: transparent url(../images/parchment-background.png) 0 0 repeat; */}
#header { width:1000px; margin: 0 auto; padding: 6px 0 0 0; }
#mobileSearchBar { display: none; }

/*
.content_cmg_wrap { width: 1000px; margin: 0 auto;height:560px; padding-top:15px;}
.content_cmg { width:1020px; margin: 0 auto; padding: 0; background: #ffffff; overflow: visible;}
.content_box {width:33%;float:left;height:360px;font-size:14px;margin-bottom:12px;background-color: #333333;}
.content_box p{margin:0 10px;padding:0;}
.content_box h5 {text-align:center;margin:6px 0;font-size:24px;}
.content_box h6 {font-weight:bold;font-size:16px;}
.content_box .event-time {display:inline-block; width:40px;font-weight:bold;}
.content_box ul {margin-bottom:6px;}
.content_box li {list-style:none;margin-left:8px;}
.content_box ul.news {font-size:16px;margin-left:12px;}
.content_box ul.news li {margin:3px;}
.content_box img {margin-top:4px;}
.hp-content-icon {height:50px;display:block;margin:auto;}
*/
.interior_wrap { width: 100%; min-height: 530px; padding-top: 24px; /*background: url(../images/bg_interior_repeat.jpg) 0 0 repeat-x; */ clear:left; margin:0 auto; }
.main_sidebar_wrap { width: 878px; margin: 0 auto; /*padding: 60px;*/ background: #ffffff; /*border: 1px solid #d0d0d0;*/ height:auto;}
.main_cmg { width:560px; float:left; display:inline; margin: 0; padding: 0;}
.sidebar_cmg { width:260px; padding:0 0 0 0; margin: 0 0 0 0; float:right; display:inline; }
.footer_cmg { /*width: 1000px;*/ margin: 0 auto; padding: 30px 0; color: #FFFFFF; overflow: hidden; background-color:#000; clear:left;}
.faqWrap { width: 1000px; padding-top: 24px; clear:left; margin: 25px auto; }

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.content_box { width: 32%; /*background-color: #333333;*/ }
}

#card { margin-left: -30px; }

#mainContentWrap { width: 1000px; margin: 0 auto; clear: both; }
#mainContent { width: 700px; min-height: 400px; float: left; /*display: inline-block;*/ padding: 0 15px; font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; margin-bottom: 25px; }
#mainContentFull, #mainContentWide { width: 1000px; min-height: 300px; float: left; /*display: inline-block;*/ padding: 0 15px; font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; margin-bottom: 25px; }
#mainContent h2 { font-size: 1.5em; font-weight: bold; }
#mainContent h3, #mainContentHead h3 { font-size: 1.3em; font-weight: bold; }
#mainContent h5 { font-size: 1.4em; font-weight:bold; margin-left: 0; }
#mainContent form, #mainContent ul { margin: 15px 25px; }
#mainContent ol { margin-left: 20px; }
#mainContent ul li, #mainContentFull ul li { list-style-type: disc; margin-left: 40px; }
#mainContent li { margin: 10px 0; }
#mainContent a:visited { color: #8A1F03; }
#mainContent img, #mainContentBottomNarrow { max-width: 700px; }
#mainContentBottomNarrow { max-width: 650px; clear: both; }
.mainContentImage img { max-width: 1000px; }
#mainContentHead { margin-bottom: 25px; }
#mainContentHead { text-transform: capitalize; }
#mainAnchors { display: block; margin-bottom: 0px; }
#mainSidebar { width: 290px; min-height: 400px; float: right; /*display: inline-block;*/ padding:0 15px; /*background-color: #EED586;*/ background-color: rgba(238,213,134,0.6); border: 2px solid #CCCCCC; border-radius: 12px; margin-bottom: 30px; }
#mainSidebar a { color: #8A1F03; }
#mainSidebar a:hover { color: #999999; }
#mainSidebar .rightFile { text-align: center; font-size: .75em; padding: 8px 0; position: relative; }
#mainSidebar .rightFile img { background-color:  #FFF; }
#mainSidebar img.icon { height: 50px; display: block; margin: 0 auto; }
#mainSidebar img.sponsorLogo { width: 250px; display: block; margin: 0 auto; margin-top: 20px; }
#mainSidebar p { text-align: center; }
#mainSidebar h5 { text-align: center; }
#mainSidebar ul { margin-bottom: 20px; margin-left: 15px; }
#mainSidebar li { list-style-type: square; margin: 4px 8px; }
#mainSidebar img { margin: 0 auto; display: block; max-width: 230px; }
span.pdfLabel { position: absolute; bottom: 28px; right: 90px; font-size: 1.3em; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #000; }

.mainSidebarPicture { margin: 12px 0; }
.mainSidebarCalendar { margin: 12px 0; }
.mainSidebarImage { padding: 10px 0; }
.mainSidebarTitle { font-weight: bold; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; margin-bottom: 12px; }
.mainSidebar { font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: 0.9em;}
.mainSidebarFaqs ul { margin-left: 25px; }
.mainSidebarFaqs ul li { list-style-type: none !important; margin-bottom: 8px; }
.mainSidebarFaqs, mainSidebarCalendar, .mainSidebarBio { margin: 12px 0; }
.mainSidebarBio { }
.mainBioImage { text-align: center; width: 230px; height: 230px; overflow: hidden; border-radius: 50%; margin: 0 auto; }
#contentMessage, #mainMessageBox, #mainErrorBox { font-weight: bold; padding: 15px; border: 2px solid #999999; border-radius: 6px; color: #999999; background: #EED586; margin-bottom: 20px; }
#mainErrorBox { background: #FF6868; color: #000; }
#mainMessageBox h5 { margin: 0 0 12px 0;}

#mainContentBottom { width: 1000px; margin: 0 auto; clear: both; padding: 0 15px; }

.rightBoxButton, .loginButton, .leftBoxButton { margin-top: 8px; font-weight: bold; font-size: 1.1em; background-color: #8A1F03; color: #FFFFFF; text-align: center; margin-bottom: 8px; border-radius: 8px; line-height: 1.6em; padding: 8px 10px; border: 2px solid #DDDDDD; }
a:visited > .rightBoxButton, a:visited > .loginButton { color: #FFFFFF; }
.leftBoxButton { width: 200px; }
#mainSidebar a.rightBoxButton { color: #FFFFFF; }

.sponsorSold { text-decoration: line-through; }

.event-time, .event-allDay {
	display: inline-block;
	font-size:.85em;
	text-align:center;
	padding-right:2px;
}

.event-time { width: 51px; text-align: left; }
.event-allDay { width: 98px; }

.event-allDay {
	text-transform: capitalize;
	font-weight: bold;
}
.timeBox { float: left; }
.eventText { overflow: hidden; font-size:1em; padding-left: 8px; }


@media only screen 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.content_box { padding: 0 6px; }
	.event-time, .event-allDay { font-size: .80em; width: 108px; }
	.content_box .event-time { width: 50px; }
	span.eventText { }
}

.mainSidebarList li { list-style-type: none !important; }

.anchorGroup { display: inline-block; margin: 0px 30px 20px 0; float: left; }
.categoryGroup { font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: 700; font-size: 1.6em; color: #000000; margin-top: 40px; margin-bottom: 20px;}

/*  Breadcrumbs
--------------------------------------------------------------------------------------- */

#breadcrumbs { font-size: 0.80em; text-transform: capitalize; margin-bottom: 20px; font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }


/* Header Layout
--------------------------------------------------------------------------------------- */
img#logo {width:200px;}

#header h1 { font-size: 3em; font-weight: 200; color: #999999; /*float: left; display: inline; */padding-left: 20px; width: 200px; }
#headerLogo { padding-left: 20px; /*width: 200px;*/ float: left; position: relative; /*height: 100px;*/ min-height: 25px; }
#header_cmg { font-family: "proxima-nova", sans-serif; }
#header_wrap { width: 100%; }

#top_links { font-size: 1em; float: right; display: inline; padding-right: 0px; text-transform: uppercase; margin-top: 10px; }
#top_links li { float: left; display: inline; border-right:2px solid black; padding: 0 15px;}
#top_links li.last {border:0;}
#top_links li a { font-weight: 700; color:#8A1F03;}
#top_links li a:hover { color: #000; }
#top_links li a.button { color: #FFFFFF; background-color: #8A1F03; line-height: 28px; font-weight: bold; transition: all 0.3s; border-radius: 16px; padding: 0 24px;}


/* Custom Dropdown Nav Styles
--------------------------------------------------------------------------------------- */
#subNavWrap { width: 1000px; margin: 0 auto; background-color: #ffffff; }

#mainNav { padding: 0; font-family: "Ubuntu", sans-serif; }
#mainNav ul.navOptions { float: right; margin: 0 auto; padding: 0; background: #000; text-align: center; position: relative; text-transform: uppercase;}
#mainNav ul.navOptions li { /*width: 156px;*/ float: left; display: inline; text-align: center; color: #787876; letter-spacing: .1em;  border-right: 1px solid #F4D062;}
#mainNav ul.navOptions li:hover, mainNav li.active { background: #999999; }
#mainNav ul.navOptions li a, div.mainNavLink { color: #ffffff; text-decoration: none; font-size: 1.0em; font-weight: 700; }
#mainNav a.mainNavLink { display:block; padding:12px; }
#mainNav a.mainNavLink:hover { color: #8A1F03; }
#mainNav ul.navOptions li span { display: inline-block; font-weight: 400; font-size: .7em; text-transform: none; color: #F4D062; text-align: center;}
#mainNav ul.navOptions2 li, .mainOptionContainer .navDropdown2 { width: 378px; }
#mainNav ul.navOptions3 li, .mainOptionContainer .navDropdown3 { width: 252px; }
#mainNav ul.navOptions4 li, .mainOptionContainer .navDropdown4 { width: 188px; }
.drop4 { margin-left: -60px; }
.drop5 { margin-left: -92px; }
#mainNav ul.navOptions5 li, .mainOptionContainer .navDropdown5 { width: 156px; }
#mainNav ul.navOptions4 li ul li, #mainNav ul.navOptions5 li ul li { width: 230px; }

.mainOptionContainer { /*padding: 12px;*/ display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: center; display: flex; justify-content: center; flex-direction: column; height: 60px;}
.containerWidth4 { width: 183px; }
.containerWidth5 { width: 156px; }
.mainOptionContainer .mainNavDropdown { display:none; position: absolute; /*width:155px;*/ /*font-size: .8em;*/ z-index: 1000; top: 58px; width: 250px; /*margin-left: -60px;*/ font-size: 1.1.em; }
.mainOptionContainer:hover .mainNavDropdown { display: block; border-left: 1px solid black; border-bottom:1px solid black; border-right: 1px solid black; } 
#mainNav .mainOptionContainer .mainNavDropdown ul { background-color: #FFFFFF; color: #333333;  line-height: 1.1em; padding: 2px 8px 0 8px; opacity: 0.96; font-size: .75em;}
#mainNav .mainOptionContainer .mainNavDropdown li { float:none; display: block; border-right: none; text-align: left; /*line-height: 2.8em;*/padding-bottom: 10px; }
#mainNav .mainOptionContainer .mainNavDropdown li a { color: #333333; text-align:left; }
#mainNav .mainOptionContainer .mainNavDropdown li:hover { background:0; }
#mainNav .mainOptionContainer .mainNavDropdown li a:hover { color:#8A1F03; }

#mainNav .mainOptionContainer .mainNavDropdown li.subMenuLink { color: #000000; font-weight: 700; cursor: pointer; }
#mainNav .mainOptionContainer .mainNavDropdown li.subMenuLink { /*background: url(../images/arrow-right.png)no-repeat right 1px; background-size:12px;*/ }
#mainNav .mainOptionContainer .mainNavDropdown li.subMenuLink:hover { /*background: url(../images/arrow-down.png)no-repeat right 1px; background-size:12px;*/ }
#mainNav .mainOptionContainer .mainNavDropdown ul.submenu { /*width: 120px;*/ width: 200px; display: none; margin-top: 6px;}

#mainNav .mainOptionContainer .mainNavDropdown li.navSublink { font-size:.8em; padding-left:21px; background: url(../images/subnav_arrow.png)no-repeat 5px center; background-size:8px; }

#mainNav ul.navOptions li.navLast { border: 0; }

.mainNavBorder {width: 248px; height: 12px; background-color:#F4D062; border-left: 2px solid #F4D062; border-right: 2px solid #F4D062;}
.navTriangle { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; /*margin:0 auto;*/ float: right; }
.nav_triangle_1 { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; }
.nav_triangle_2 { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; }
.nav_triangle_3 { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; }
.nav_triangle_4 { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; }
.border4 {  }
.border5 {  }
.tri2 { margin-right: 110px; }
.tri3 { margin-right: 110px; }
.tri4 { margin-right: 88px; }
.tri5 { margin-right: 66px; }


.sublink { /*background: url(../images/subnav_arrow.png)no-repeat 0px center;*/ background-size:8px; }
.sublink a { margin-left: 10px; }
.sublink:before { /*content: "\22D7";*/ content: "\25AC";color: #EED586; margin-left: 2px; font-size: 1.2em; }

.subArrow { float: right; }
.subArrow img { width: 12px; }

.mobileNav { display: none !important; }

/*  Sticky Menu
--------------------------------------------------------------------------------------- */
#header_wrap.sticky { position: fixed; top:0; background-color: #ffffff; height: 70px; z-index: 10; }
#subNavWrap.sticky { width: 1000px; }
#headerLogo img#logo { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; /*-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);*/ position: absolute; /*top: 50%; left: 50%;*/ }
#headerLogo.sticky img#logo { position: fixed; height: 60px; width: auto; /*width: 100px;*/ /*max-height: 60px; max-width: 200px;*/ top: auto; left: auto; }
#mainNav { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#mainNav.sticky { float: right; margin: 0 auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#subSearchFormContent.sticky, #top_links.sticky, #navSearchWrap.sticky { display: none; }

/* Breadcrumbs
--------------------------------------------------------------------------------------- */
#breadcrumbs { font-size: 0.90em; text-transform: uppercase; margin: 12px 0 20px 0; font-family: "Open Sans Condensed", sans-serif; color: #0C7FCE; }

#breadcrumbs { margin-top: 5px; }
#breadcrumbs ul { list-style: none; display: inline-table; }
#breadcrumbs ul li { display: inline; line-height: 18px; }
#breadcrumbs ul li a, #breadcrumbs ul li.nolink { display: block; float: left; height: 20px; background: #999999; text-align: center; padding: 3px 40px 0 40px; position: relative; margin: 0 10px 0 0; font-size: 12px; text-decoration: none; color: #FFFFFF; }
#breadcrumbs ul li a:after, #breadcrumbs ul li:after { content: "";  border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #999999; position: absolute; right: -11px; top: 0; z-index: 1;	}
#breadcrumbs ul li a:before, #breadcrumbs ul li:before { content: "";  border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #FFFFFF; position: absolute; left: 0; top: 0; }
#breadcrumbs ul li:first-child:before, #breadcrumbs ul li:first-child:after { content: none; }
#breadcrumbs ul li:first-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#breadcrumbs ul li:first-child a:before { display: none; }
#breadcrumbs ul li:last-child a, #breadcrumbs ul li:last-child { padding-right: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#breadcrumbs ul li:last-child a:after { display: none; }
#breadcrumbs ul li:last-child:after { border: 0; } 
#breadcrumbs ul li a:hover {	background: #F4D062; }
#breadcrumbs ul li a:hover:after { border-left-color: #F4D062; }
#secondaryWrap #breadcrumbs ul li a:visited, #secondaryWrap #breadcrumbs ul li a:active, #secondaryWrap #breadcrumbs ul li a:link { color: #FFFFFF; }
		
/*  Calendar Event
--------------------------------------------------------------------------------------- */
.eventDate { font-size: 1.3em; font-weight: 700; margin: 8px 0; }
.eventTime { font-size: 1.2em; font-weight: 500; margin: 5px 0; }
.eventLocation { font-size: 1.1em; font-weight: 300; margin: 5px 0; }
.eventLocation span { display: inline; font-weight: bold; margin-right: 20px; }

.calendar { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }
.calendar iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; max-width: none; }


/*  Bio Footer & Sidebar
--------------------------------------------------------------------------------------- */

ul#pageBios {}
ul#pageBios li { /*display: inline;*/ width: 500px; float: left; }

.bioWrap { width: 100%; clear: left; }
.bioFooter { width: 1000px; margin: 0 auto; }
.biosCenter { margin: 0 auto; width: fit-content; clear: both; height: 120px; }
.bioIndividual { /*display: inline-block;*/ width: 350px; border-left: 3px solid #F4D062; border-right: 3px solid #F4D062; padding: 0 12px; margin: 0 auto; }
.bioFooterImage, .bioSidebarImage { display: inline-block; }
.bioFooterImage img, .bioSidebarImage img { width: 85px; }
.bioFooterDetail, .bioSidebarDetail { display: inline-block; margin-left: 30px; }
.bioFooterName { font-size: 1.1em; }
.bioFooterTitle { font-weight: bold; width: 200px; height: 50px; }
.bioFooterPhone { font-size: 0.8em; }
.bioFooterEmail { font-size: 0.8em; }
.bioFooterSocial, .bioSidebarSocial { margin: 12px 0; }
#mainSidebar .bioSidebarSocial img { margin: 0 4px; width: 16px; display: inline; }
#mainSidebar .rightButton { border: 2px solid #DDDDDD; border-radius: 8px; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; background-color: #8A1F03; color: #FFFFFF;}

/* Staff Layout
--------------------------------------------------------------------------------------- */

.staffBio, .newsArticle, .bulletinIssue { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; -webkit-box-pack: justify; padding-bottom: 10px; }
.staffBio { padding-bottom: 30px; }
.staffPic, .articlePic, .bulletinThumb { /*float: left;*/ /*height: 120px;*/ }
.staffPic { text-align: center; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin: 0 auto; }
.articlePic { width: 300px; margin: 0 auto; }
.staffPic img, .articlePic img, .bulletinThumb img { width: 80px; padding: 15px; vertical-align: middle; }
.staffPic img { padding: 0; vertical-align: unset; width: 80px; }
.articlePic img { width: 120px; }
.staffInfo, .articleSummary { /*float: left;*/ width: 550px; }
.bulletinIssue { width: 223px; float: left; }
.bulletinDesc { width: 140px; }
.staffName, .bulletinDetail { flex: 1; width: 225px; display: inline-block; float: left; }
.staffName h6, .bulletinDetail h6 { margin-left: 0; } 
.staffName h6 a, .bulletinDetail h6 a { width: 225px; font-weight: 700; }
span.staffJob { font-size: .9em; /*float: left; clear: left;*/ flex: 1; display: block; }
.staffPhone { float: right; font-size: .8em; display: block; clear: right; line-height: 2em;}
.staffEmail { float: right; font-size: .8em; display: block;  line-height: 2em;}
.staffResp, .summaryText { /*float: left;*/ }
.staffBriefBio { float: left; font-size: .8em; clear: left; }
.even { background-color: rgba(238,213,134,0.3); }
.staffGroupBio { width: 33%; float: left; min-height: 330px; }
.staffGroupPic { text-align: center; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; margin: 0 auto; }
.staffGroupPic img { width: 150px; margin-top: -10px; }
.staffGroupInfo > .staffEmail, .staffGroupInfo > .staffPhone, .staffGroupInfo > .staffBriefBio { float: left; clear: left; width: 100%; }
.staffGroupInfo > .staffName { width: 100%; }
.staffGroupInfo { width: 100%; text-align: center; }

/* FAQ Layout
--------------------------------------------------------------------------------------- */
ul#faqList li { line-height: 2.0em; font-weight: bold; }
ul.faqBranch { margin: 5px 60px; }
ul.faqBranch li.faqAnswer { font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: normal !important; }
span.arrowRight { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); }
span.arrowDown { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

ul#rightFAQs li { margin: 15px 0; list-style-type: none; }
ul#rightFAQs p { text-align: left; font-size: 1em; line-height: 1.3em; margin: 0;}
ul#rightFAQs span.arrowRight, ul#rightFAQs span.arrowDown { margin-right: 10px; margin-top: 4px; vertical-align: top; }
ul.rfaqBranch { margin-right: 15px; }
span.rightFAQQuestion { display: inline-block; width: 210px; font-weight: 500; }
span.rightFAQAnswer { display: block; font-family: "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: normal !important; margin: 6px 8px; }
span.rightFAQAnswer ol li { list-style-type: inherit !important; }

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

.footer_cmg { width: 1000px; text-align: center; font-weight: 200; clear: both; }
.footer_cmg p { color: #ffffff; font-size: 1.0em; }
.footer_cmg h4 { color: #fff; }
.footer_cmg .copyright p { font-size: 1.2em; }
.foot_logo_cmg { margin-top: 0; }

.footer_box { width: 333px; }
.footer_box_center { width: auto; float: left; }

#foot_cmg_logo { display: block; width: 200px; height: 18px; text-indent: -9999px; background-image: url(../images/generic/church_media_logo.png); background-repeat: no-repeat; background-color: transparent; margin: 24px auto 0;}
.white_50 { background-position: top left;}
.white_100 { background-position: top right;}
.black_50 { background-position: bottom left;}
.black_100 { background-position: bottom right;}

.social_media_wrap { width: 100%; height: 120px; /*background: transparent url(../images/bg_social_media.jpg) 0 0 repeat-x;*/}
.social_media_cmg { width: 100%; margin: 30px auto; float:left; clear:left; }
.social_media_cmg span { letter-spacing: .13em; /*float: left;*/ /*display: inline;*/ font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: 100; font-size: 3.6em; text-transform: uppercase; padding: 42px 0 0 50px; }
.social_media_cmg ul { width: 163px; /*float: right; display: inline;*/ text-indent: -9999px; overflow: hidden; padding: 42px 50px 0 0;margin: 0 auto; }
.social_media_cmg ul li { float: left; display: inline; margin-right: 22px; }
.social_media_cmg ul li a { background: transparent url(../images/social_media_sprite.png) 0 0 no-repeat; }
.social_media_cmg ul li.last { margin-right: 0px; }

.social_media_cmg ul li a.twitter_icon { display: block; width: 40px; height: 40px; background-position: 0 0; }
.social_media_cmg ul li a.twitter_icon:hover { background-position: 0 -40px; }
.social_media_cmg ul li a.facebook_icon { display: block; width: 39px; height: 40px; background-position: -40px 0; }
.social_media_cmg ul li a.facebook_icon:hover { background-position: -40px -40px; }
.social_media_cmg ul li a.instagram_icon { display: block; width: 40px; height: 40px; background-position: -118px 0; }
.social_media_cmg ul li a.instagram_icon:hover { background-position: -118px -40px; }

/* Conferences
--------------------------------------------------------------------------------------- */
ul#familySchedule {  }
ul#familySchedule li { list-style-type: none; margin-bottom: 15px; }
ul#familySchedule span { display: inline-block; }
span.pickTeacher { font-weight: bold; font-size: 1.1em; width: 180px; }
span.pickIconLeft { width: 28px; float: left; }
span.pickIconLeft img, span.pickIcon img { width: 18px; }
span.pickButton { background-color: #8A1F03 !important; border: 2px solid #DDDDDD; border-radius: 8px; }
span.pickButton img { width: 100px; background-color: #8A1F03 !important; border-radius: 8px; }
span.pickDate, span.pickTime { font-size: .90em; }


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

div#footer_links{width:1000px;height:160px;margin: 0 auto;}
.footerbox{width:200px;float:left;font-size:12px;display:inline;}
.footerbox span{font-weight:bold; text-decoration:underline;}

/* Volunteer
--------------------------------------------------------------------------------------- */
.openSlot { background-color: #EED586; }
#mainContent ul.slotNames { margin: 0 0 10px 35px; padding: 5px 0 5px 8px; background-color: rgba(238,213,134,0.6); border-radius: 0 0 12px 12px; border-bottom: 2px solid #CCC; border-left: 2px solid #CCC; border-right: 2px solid #CCC; }
#mainContent ul.slotNames li { font-size: .75em; }

/* Tree Views
--------------------------------------------------------------------------------------- */
.statusTreeIcon, .trunkTreeIcon { display: inline-block; width: 24px; height: 24px; background-image: url("/images/icons/plusminus.png"); background-size: 24px 48px;margin-right: 10px; }
.familyTreeIcon, .branchTreeIcon { display: inline-block; width: 18px; height: 18px; background: url("/images/icons/plusminus.png"); background-size: 18px 36px; margin-right: 10px; }
.displayArrow { display: inline-block; width: 18px; height: 18px; background: url("/images/icons/up-down.png"); background-size: 18px 36px; margin-right: 10px; float: right; }
.minusSign, .doubleDown { background-position: bottom left; }
span.slotIcon { display: inline-block; width: 30px; }

/* Account
--------------------------------------------------------------------------------------- */
span.accountButton { margin-right: 20px; padding-right: 20px; border-right: 2px solid #EED586; float: right; }
.accountButton a:visited { color: #8A1F03; }
.accountButton a:hover { color: #666666; }

/* Search Results
--------------------------------------------------------------------------------------- */
ul.searchResults li { list-style-type: none !important; }
li.searchRow { padding: 10px 20px; border-bottom: 2px solid #DDDDDD; margin-bottom: 12px; }
.searchLink { font-size: 1.2em; }
.searchSummary { padding: 20px 25px; }

/* Content Tables
--------------------------------------------------------------------------------------- */
.columnx2 { width: 100%; }
.columnx2 tr { height: 1.5em; padding: 3px 5px; }
td.columnx2col1 { width: 190px; color: #FFF; background-color: #8A1F03; font-weight: bold; padding: 8px; border-bottom: 1px solid #ddd; }
td.columnx2col2 { padding: 8px; border-bottom: 1px solid #ddd; }

/* Buttons
--------------------------------------------------------------------------------------- */
.contentLinkButton { display: inline-block; /*display: block;*/ text-align: center; padding: 8px 25px; width: auto; height: auto; background-color: #8A1F03; border: 2px solid #DDDDDD; border-radius: 8px; font-weight: bold; font-size: 1.1em; }
a > span.contentLinkButton { color: #FFFFFF !important; padding: 8px 25px; text-align: center; }
span.contentLinkbutton a:visited { color: #FFFFFF !important; }

#returnToTop {
  display: inline-block;
  background-color: #f4d062;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#returnToTop::after {
  content: "\f077";
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#returnToTop:hover {
  cursor: pointer;
  background-color: #333;
}
#returnToTop:active {
  background-color: #555;
}
#returnToTop.show {
  opacity: 1;
  visibility: visible;
}

/* Add This
--------------------------------------------------------------------------------------- */
.addthis_inline_share_toolbox { margin-top: -20px; }

/* Payment Form
--------------------------------------------------------------------------------------- */
iframe#payFrame { 
	height: auto !important;
	border: 2px solid black; 
	border-radius: 8px; 
	margin-top: 8px;
}

/* Payment Form
--------------------------------------------------------------------------------------- */
iframe.rightBoxiFrame { width: 270px; border: 0; height: 1000px; }

/* Golf Outing
--------------------------------------------------------------------------------------- */
.teeLogo { width: 100px; margin-right: 25px;}
.logoRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.logoColumn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 0 0 125px;
  justify-content: center;
  align-items: center;
}