.generalFormContainer .inner:first-child { 
position: inherit; 
}

.mainMenuContainer ul li a
{
    text-align: center;
	display: block;
}
.mainMenuContainer ul li
{
	width: 14.17%;
    text-align: center;
}

.mainMenuContainer ul li ul li
{
   width: 100%;
text-align: left;
}

.mainMenuContainer ul li ul li a
{
text-align: left;
}

.mainMenuContainer ul
{
	width: 100%;
	margin: 0 auto;
    margin: 0;
}

.mainMenuContainer 
{
	width: 100%;
	padding: 0;
	margin: 0;
}

.cnHeaderContainer .d1HeaderContainer .d2 {
background-repeat: no-repeat;
background-size: 100% 181px;
z-index:-1;
}

.cnHeaderContainer .d1HeaderContainer .d2 img {
width:100%;
}

#footerbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #F0F0F0;
	display: block;
	padding: 15px;
	height: 125px;
	width: auto;
	margin: 3px;
	border: 1px dotted #CCCCCC;
}
.mainMenuContainer
{
  margin-top: 0px;
  margin-bottom: 0px;
}

#volunteer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #99cc00;
	text-align: center;
	display: block;
	padding: 5px;
	border: 1px dotted #FFFFFF;
        margin-top: 10px;
        margin-bottom: 10px;

}
#announcements {
	background-color: #F0F0F0;
        padding-left: 10px;
        border: 1px dotted #CCCCCC;
        margin-bottom: 10px;
}
#meeting {
	background-color: #F0F0F0;
	border: 2px dotted #006699;
	padding: 10px;
}
#meeting #header {
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #99cc00;
	display: block;
	padding: 2px;
	height: auto;
	width: 100%;
	font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
}
#id_LoginBoxGadget .loginContainer {
  right: 40px;
width: 225px;
  }

#id_LoginBoxGadget.WaGadgetLoginForm {
	color: black;
	font-size: 8pt;
	position: absolute;
	top: 10px;
	left: 1045px;
	width: 150px;
	z-index: 100;
}

.cnMainContainer {
	width: 1349px;
}

#headerContent {
	background-color: #EFEFEF;
}

#leftpane {
	background-color: #F0F0F0;
padding-right: 6px;
        padding-left: 10px;
        border: 1px dotted #CCCCCC;
        margin-bottom: 10px;
}

/*Removes social login buttons from the Authorization required system page */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
} 

/*Removes social login buttons from private member profiles*/
#socialLoginContainer, #idSocialLoginContainer {
	display: none;
}

/*Changes background color of Membership Application, Event Calendar, Provider Directory, Member Directory, Job Board, Blog, Sponsor Forms, Email Subscription Form accordingly*/
#id_HgepUZC, #id_WmQRLaO, #id_lTm9N1H, #id_VGmBhtC, #id_71FHrxm, #id_hYN3eaA, #id_LYZLjsw, #id_UduI1lI  {
	background-color: #E6E6E6;
}



/*Line on right side of details on Event Details Page*/
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    border-right: 3px solid #c10013;
}

/*Line on right side of details on Event Details Page in List View*/
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
	border-right: 3px solid #c10013;
}

/*Removes border of details on Event Details Page on mobile in List View*/
@media screen and (max-width: 767px) {
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
	border: none;
}}

/*Removes border of details on Event Details Page on mobile*/
@media screen and (max-width: 767px) {
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
	border: none;
}}

/*Style of divider line style 01 line*/
.WaContentDivider.dividerStyle001 {
    height: 2px;
    margin: 1em 0;
    background: #565559;
}




/*Removes full header on screens less than 1076px*/
@media screen and (max-width: 1075px) {
  #id_moxi6ba{
    display: none;
  }
}
/*Removes logo only header on screens greater than 766px*/
@media screen and (min-width: 767px) {
  #id_O74eyEQ{
    display: none;
  }
}
/*Removes medium size header on screens less than 766px*/
@media screen and (max-width: 767px) {
  #id_FqtsZZK {
    display: none;
  }
}
/*Removes medium size header on screens greater than 1076px*/
@media screen and (min-width: 1075px) {
  #id_FqtsZZK {
    display: none;
  }
}

/*Changes hover color of social links in footer*/
.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
	color:#85bf42; 
}

/*Changes hover color of mobile menu buttons to red*/
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
	color: #005b8e;
}

/*Changes login button to grey*/
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
	background: #565559;
}

/*Changes login button hover color to grey*/
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover {
    background: #565559;
    color: #dbd9d6;
}


/*Changes profile hover button to grey*/
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
	color: #565559;
}


/*Changes hover links on Calendar to orange*/
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover {
	background:#005b8e;
}

/*Changes the color of the selected Week, Month or Year on the calendar*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
	color: #85bf42;
}

/*Changes the color of the hover links on the Calendar header*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover {
	color: #005b8e;
}



/*********************/
/* CSS For Org Chart */
/*********************/

/*This changes the height of the gadget in Wild Apricot - make sure this ID matches the ID of the gadget*/
#id_9j8buCn {
    height: 900px;
}

/*These are global settings for the org chart*/
.org-chart-content *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.org-chart-content .departments:before,
.org-chart-content .departments:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.org-chart-content .departments:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.org-chart-content .departments {
    *zoom: 1;
}

/* Generic styling for entire org chart */
.org-chart-content{
	width: 100%;
	max-width: 1142px;
	margin: 0 auto;
	padding: 0 20px;
}

/*This is when you click on a box*/
.org-chart-content  a:focus{
	outline: 2px dashed #555;
}

/*Setting for when the screen gets small - under 1000px*/
@media screen and (max-width: 1000px){
	.org-chart-content{
		padding: 0 20px;
	
    }
	#id_fYKSaMI {
	height: 3800px;
}
}

/*These settings affect every upper level unordered list item on the org chart*/
.org-chart-content ul{
	padding: 0;
	margin: 0;
	list-style: none;	
}

/*These settings affect every lower level list item on the org chart*/
.org-chart-content li {
    list-style: none;
}

/*These settings affect every link included for each line item on the org chart*/
.org-chart-content ul a{
	display: block;
	background: #ccc;
	border: 2px solid #ccc;
	text-align: center;
	overflow: hidden;
	font-size: .6em;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	height: 70px;
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
}



@media screen and (max-width: 1000px){
	.org-chart-content ul a{
		font-size: 1em;
	}
}

/*This impacts the text in the upper level boxes*/
.org-chart-content ul a span{
	top: 50%;
	margin-top: -0.7em;
	display: block;
}

/*This impacts the text in the lower level boxes*/
.org-chart-content .department.dep-a a span,
.org-chart-content .department.dep-b a span,
.org-chart-content .department.dep-c a span,
.org-chart-content .department.dep-d a span,
.org-chart-content .department.dep-e a span,
.org-chart-content .department.dep-f a span,
.org-chart-content .department.dep-g a span,
.org-chart-content .department.dep-h a span,
.org-chart-content .department.dep-i a span{
    top: 25%;

}

/*This is how the President box displays*/
.org-chart-content .director > li > a{
	width: 50%;
	margin: 0 auto 0 auto;
}

/*This is the line from the President box down to the VP boxes*/
.org-chart-content .subdirector1:after{
	content: "";
	display: block;
	width: 0;
	height: 210px;
	border-left: 2px solid #ccc;
	left: 50%;
	position: relative;
    top: -187px;
}

/*This is how every box under the president will display*/
.org-chart-content .subdirector1,
.org-chart-content .subdirector2,
.org-chart-content .departments{
	position: absolute;
	width: 100%;
}

/*This is for the horizontal lines connecting to the four boxes below the President*/
.org-chart-content .subdirector1 > li,
.org-chart-content .subdirector2 > li{	
	width: 10%;
	height: 50px;
	margin: 0 auto 30px auto;		
	padding-top: 15px;
	border-bottom: 2px solid #ccc;
	z-index: 1;	
}

/*This is for the horizontal lines connecting to the two boxes below the President to the left*/
.org-chart-content .subdirector2 > li{
	right: 15%;
    width: 30%;
}

/*This is for the the two boxes below the President to the left*/
.org-chart-content .subdirector2 > li a{
	right: 25px;
    height: 60px;
    width: 100%;
}

/*This is for the horizontal lines connecting to the two boxes below the President to the right*/
.org-chart-content .subdirector1 > li{	
	left: 15%;	
    width: 30%
}
/*This is for the the two boxes below the President to the right*/
.org-chart-content .subdirector1 > li a {
	left: 25px;
    height: 60px;
    width: 100%;
    
}
/*This impacts placement for the entire bottom section*/
.org-chart-content .departments > li{	
	float: left;
	left: 0%;
    top: 200px;
}

/*This is to expand the President box when hovered over*/
.org-chart-content .director a:hover{	
	height: 80px;
}

/*This is to expand the four boxes below the President when hovered over*/
.org-chart-content .subdirector1 a:hover,
.org-chart-content .subdirector2 a:hover{	
	height: 68px;
}

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

    .org-chart-content .subdirector1 li,
    .org-chart-content .subdirector2 li {
		width: 45%;

	}
       .org-chart-content .subdirector2 li a{
		right: 20%;
	}
     .org-chart-content .subdirector1 li a{
		left: 20%;
	}
}

/*Main horizontal line above VP boxes, including the very left and very right outer lines*/
.org-chart-content .departments:after{
	content: "";
	display: block;
	position: absolute;
	width: 85%;
	height: 22px;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-left: 2px solid #ccc;
	margin: 0 auto;
	top: 181px;
	left: 6.5%}


@media screen and (max-width: 1000px){
	.org-chart-content .departments:after{
		border-right: none;
		left: 0.05%;
		width: 49.9%;
	}  
}

@media screen and (min-width: 1000px){
	.org-chart-content .department:first-child:before,
   .org-chart-content .department:last-child:before{
    border:none;
  }
}

/*Lines above VP boxes*/
.org-chart-content .department:before{
	content: "";
	display: block;
	position: absolute;
	height: 22px;
	border-left: 2px solid #ccc;
	z-index: 1;
    margin-top: -22px;
    left: 57%;
}

/*Entire bottom section and the vertical lines to the let of each column*/
.org-chart-content .department{
	border-left: 2px solid #ccc;
	width: 9%;
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 30px;
    margin-top: 4px;
}

.org-chart-content .sections {
    padding: 0;
}


.org-chart-content .lt-ie8 .department{
	width: 18.25%;
}

@media screen and (max-width: 1000px){
	.org-chart-content .department{
		width: 100%;
		margin-left: 0;

	}

	.org-chart-content .department:before{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 2px solid #ccc;
		z-index: 1;
		left: 0.197%;
		margin-left: -3px;
        top: -15px;
	}
    .org-chart-content .department:first-child:before{
        top: -1px;
	}

}
/*This is for the VP boxes*/
.org-chart-content .department > a{
	margin:  0 0 0 -2px;
	z-index: 1;   
}

/*This is to make the VP boxes expand when hovered over*/
.org-chart-content .department > a:hover{	
	height: 80px;
}

/*This is for the set of director level boxes*/
.org-chart-content .department > ul{
	margin-top: 0px;
	margin-bottom: 0px;
    top: 5px;
}
/*This is for the horizontal lines connecting to the director level boxes*/
.org-chart-content .department li{	
	padding-left: 25px;
	border-bottom: 2px solid #ccc;
	height: 80px;
    top: -5px;


}

/*This is for the actual director level boxes*/
.org-chart-content .department li a{
	background: #fff;
	top: 15px;	
	position: absolute;
	z-index: 1;
	width: 90%;
	height: 70px;
	vertical-align: middle;
	right: -1px;
    padding: 5px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
	background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}

/*These are the settings for when you hover over one of the director level boxes*/
.org-chart-content .department li a:hover{
	box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
	height: 75px;
	width: 95%;
	top: 22px;
	background-image: none!important;
}

/* Department/ section colors */
.org-chart-content .department.dep-a a{ background: #ccc; }
.org-chart-content .department.dep-b a{ background: #ccc; }
.org-chart-content .department.dep-c a{ background: #ccc; }
.org-chart-content .department.dep-d a{ background: #ccc; }
.org-chart-content .department.dep-e a{ background: #ccc; }
.org-chart-content .department.dep-f a{ background: #ccc; }
.org-chart-content .department.dep-g a{ background: #ccc; }
.org-chart-content .department.dep-h a{ background: #ccc; }
.org-chart-content .department.dep-i a{ background: #ccc; }