body {
	background-image: url(/Images/background.png);
	font-size: 1em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    
    color: #000000;
}

h1 {
	font-size: 1.5em;
}

img {max-width: 100%}

.header-container {
	background-color: transparent;
}

#header_textOnly {
	display: none;
}

#header_fullImage {
	/*display: block;*/
	/*width: 90%;
	margin: auto;
	max-width: 1002px;*/
}

#header_fullImage img {
	width: 100%;
}

#header_default {
	display: block;
	background: radial-gradient(#15B5E5, #036F9D);
	color: white;
	padding: 20px;
	text-align: center;
}

.headerContainer {
	display: flex;
	justify-content: space-between;
	flex-direction: column-reverse;
}

.headerLeft {
	display: flex;
	flex-direction: column;
	padding: 20px;
	justify-content: space-between;
	width: 100%;
}

.headerLeft .townTitle {
	font-size: 23px;
	font-family: copperplate gothic;
}

.headerLeft .about {
	font-style: italic;
	display:  none;
}

#SiteDesignHead1 {
	background: black;
	height: 35px;
}

#SiteDesignHead1 a {
	color: white;
}

.links {
	width: 90%;
	padding-top: 5px;
	margin: auto;
	max-width: 1280px;
	color: white;
}

.links a img {
	width: 25px;
}

a.nav-skip {
	color: white;
}

a.nav-skip:focus {
	right: 0;
}

.wrapper {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}



.sideMenu ul {
	list-style: none;
}

.sideMenu > ul {
	margin-left: 0;
	padding-left: 0;
}

.sideMenu a {
	color: black;
	display: flex;
    margin-left: .5em;
    text-indent: -.5em;
}

.arrow {
	margin-left: 10px;
}

.subMenu {
	position: absolute;
	left: -9999px;
	color: white;
	background-color: black;
}

.subMenu.active {
	position: relative;
	left: 0;
	background: white;
}

.subMenu a{
	color: black;
}

.subMenu2 {
	position: absolute;
	left: -9999px;
	color: white;
	background-color: black;
}

.subMenu2.active {
	position: relative;
	left: 0;
	background: white;
}

.subMenu2 a{
	color: black;
}

.level2 {
	display: none;
}

.mobileNav {

}

.nav {
	display: none;
	border: 1px solid lightgray;
}

.hamburger {
	width: 30px;
	height: 30px;
	padding-top: 3px;
	cursor: pointer;
}

.hamburger span {
	display: block;
	width: 80%;
	margin: auto;
	border-top: 2px solid black;
	height: 7px;
	transition: 0.55s;
}

#page-body {
	background-color: white;
	display: flex;
	flex-direction: column;
	padding: 5px;
}
.defaultContentEditor{
	background:white;
}

.sideBar {
	width: 100%;
}

article {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.footer-container {
	margin-top: 10px;
}

#pageUtil {
	margin: 10px 0;
}

#pageUtil > * {
	margin-right: 10px;
}

.footerMenu {
	width: 100%;
	margin: auto;
	max-width: 1280px;
	background-color: white;
	text-align: center;
	padding: 10px;
	font-size: .875em;
}

.footerMenu nav {
	margin: 1.5em;
	}

#poweredBy {
	text-align: center;
	width: 200px;
	margin: auto;
}

/*  Slideshow  */

.rslides {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slideshow {
	display: none;
	margin: auto;
}

.content-header {
	text-align: center;
	color: blue;
	font-size: 16px;
	font-weight: bold;
}


/*	Home Page Items */

.homePageItems {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.box {
	border: 1px solid lightblue;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	margin: 10px auto;
}

.boxTitle {
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 5px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.boxContent p {
	margin-left: 10px;
}

.boxContent a {
	color: #003366;
}

.homePageItem {
	/*width: 50%;*/
	margin: 1em;
}
.homePageTitle {
	background-image: url(/images/homepage/news_top2.png);
	background-position: left bottom;
	background-repeat: repeat;
}

.news, .calendar {
	width: 100%;
	text-align: left;
}

.newsTitle {
	background-image: url(/images/homepage/news_top.png);
	background-position: left bottom;
	background-repeat: repeat;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	margin: 0;
	color: white;
	text-align: center;
	font-size: 13px;
	padding: 5px;
}

.calendarTitle, .eventsTitle {
	background-image: url(/images/homepage/news_top3.png);
	background-position: left bottom;
	background-repeat: repeat;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	margin: 0;
	color: white;
	text-align: center;
	font-size: 13px;
	padding: 5px;
}

/*************************
	New Home Page Items
*************************/
.hpSlideShowContainer {
	margin: auto;
	z-index: 0;
}

.newsContainer, .eventsContainer {
	width: 80%;
	margin: 10px auto;
	border: 1px solid lightblue;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.newsContainer {
	margin-top: 25px;
}

.newsContainer a, .eventsContainer a {
	color: #003366;
}

.newsListContainer {
	margin: 10px 0;
}

.newsListContainer span.date {
	display: none;
}

.newsListContainer h3 {
	display: list-item;
	margin: 0;
	margin-left: 50px;
	font-size: 13px;
	font-weight: normal;
}

.newsListContainer #seeMore {
	margin-top: 10px;
	margin-left: 25px;
}
.newsListContainer #seeMore a:after {
	content: 'More News...';
}

.eventsListContainer #eventsSeeMore {
	list-style: none;
	margin-top: 10px;
	margin-left: -15px;
}
.eventsListContainer #eventsSeeMore a:after {
	content: 'More Events...';
}



/*************************
	New Home Page Items
*************************/

.mcanj.formwrapper {
    width: 95%;
    margin: auto;
}

.mcanj .frmlabel {
    width: 200px;
    text-align: left;
}

.mcanj select {max-width: calc(100% - 2em);}

.MCANJprintButton {
	background: red;
	padding: 5px;
}

.MCANJregisterButton {
	background: yellow;
	padding: 5px;
}

.conflinks {
	display: flex;
	justify-content: space-around;
}

.redbox {
	width: 80%;
	margin: auto;
}

.pagecontainer .phead {
	text-align: center;
}

.apps2020.phead {
	text-align: center;
}


#Logo2020 {
	width: 145px;
}

#Logo2022 {
	width: 250px;
}

.phead h1 {
	color: #355E8F;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	font-variant: small-caps;
}

.phead h2 {
	color: #355E8F;
	margin: 0;
	font-size: 1.5em;
}

.phead h4 {
	color: black;
	font-weight: bold;
	margin-top: 0;
}

.formpanel {
	width: 100%;
	margin: auto;
}

.formpanel .formitem {
	display: flex;
	flex-direction: column;
}

.formpanel .formitem label {
	font-weight: bold;
	margin-left: 10px;
}

.election .formpanel .formitem span {
	margin-left: 20px;
}

.electionElement .electionTitle {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

.electionElement .electionBody {
	margin-left: 20px;
}

.electionElement .voteOption {
	margin-bottom: 20px;
}

.election .voterInfo {
	margin-bottom: 10px;
}

/*	LDF Application */
.ldfApp .termsPanel {
	display: none;
}

.ldf .phead.apps2020 {
	justify-content: center;
}
.ldf .phead.apps2020 .headerText {
	margin:  1em 2em;
	line-height: 1.2;
}

.survey {
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 14px;
}

.survey .formpanel {
	margin-bottom: 10px;
}

.mcanjsurvey .voteOption {
	margin-bottom: 5px;
	margin-left: 10px;
}
.mcanjsurvey textarea {
	max-width: 100%;
}

.formelement input.f-valign-bottom, .formelement select.f-valign-bottom {vertical-align: bottom;}
#wf_payAmts label {font-weight:bold;}
#wf_payAmts label .description{font-weight: normal;margin: 0 0.2em 1em 2em;}
.formbuilderwrapper #wf_payAmts .radioContainer {margin-left:0;}

@media (min-width: 481px) {
	#wf_payAmts label .description{margin: 0 0.2em 1em 16em;}
}

@media (min-width: 769px) {

	body {
		font-size: .80em;
	}
	.mcanj.formwrapper {
	    width: 80%;
	    margin: auto;
}

	.ldf .phead.apps2020 .headerText {
		margin:  3em 2em;
	}

	.mobileNav {
		display: none;
	}

	.nav {
		display: block;
	}

	.arrow {
		margin: 0;
	}

	.sideBar {
		width: 20%;
		min-width: 225px;
	}

	.sideMenu ul {
		padding: 10px;
		margin: 0;
	}

	.sideMenu ul.level3 {
		padding: 0;
		margin: 0 1.5em .5em;
	}
	.sideMenu a {
		color: black;
		display: flex;
		justify-content: space-between;
		padding: 3px 0;
	    margin-left: .5em;
	    text-indent: -.5em;
	}

	.level2 {
		display: block;
		position: absolute;
		left: -9999px;
		color: white;
		background-color: black;
	}

	.level2 a{
		color: white;
		display: block;
		justify-content: space-between;
		padding: 0;
	}

	.hasSubs:hover .level2 {
		left: 200px;
		top: 0;
		width: 355px;
		z-index: 5;
	}

	.subMenuHome {
		display: none;
	}

	.subMenu2 {
		/*display: none;*/
		position: absolute;
		left: -9999px;
		color: white;
		background-color: black;
	}

	.subMenu2 a{
		color: white;
	}

	.hasSub2:hover .subMenu2 {
		left: 314px;
		top: 0;
		width: 400px;
		z-index: 5;
	}
	#page-body {
		flex-direction: row;
	}

	.news, .calendar {
		width: 80%;
	}

	article {
		width: 80%;
	}

	.slideshow {
		display: flex;
		flex-direction: column;
	}

	.headerContainer {
		flex-direction: row;
	}

	.header-left {
		width: 60%;
	}

	.headerLeft .about {
		display: block;
	}



	.conference.year2020 .phead, .apps2020.phead {
		display: flex;
		justify-content: space-around;
		margin-bottom: 2em;
		align-items: center;
	}

	.exhregform.exhregform2020 .phead {
		display: flex;
		justify-content: space-around;
	}

	.formpanel {
		width: 90%;
		max-width: 48em;
		margin: auto;
	}

	.formpanel .formitem {
		/*display: flex;*/
		flex-direction: row;
		margin-bottom: 5px;
	}

	.formpanel .formitem label {
		width: 200px;
		text-align: right;
		margin-right: 10px;
		/*font-weight: bold;*/
		/*margin-left: 10px;*/
	}

	.formpanel.conferenceReg .formitem label {
		width: 100px;
	}

	#miscquestions input[type="radio"] {
		margin-left: 50px;
	}

	.survey {
		width: 60%;
	}

	/*.wrapper, .footerMenu{
		width: 95%;
	}*/

}

@media print {
	#SiteDesignHead1 {
		display: none;
	}
	.conft1 {
		overflow: visible !important;
	}
	.sideBar {
		display: none;
	}

	.hideprint {
		display: none;
	}

	.headerContainer {
		display: flex;
		flex-direction: row;
		vertical-align: middle;
	}

	.headerLeft .about {
		display: block;
	}
}