body { font-size: 14px; }
@media (max-width: 767px) { body { padding-top: 50px; } }

@media (max-width: 767px) { .smallDeviceHidden { display: none; } }
@media (min-width: 768px) { .largeDeviceHidden { display: none; } }

#main { width: 100%; margin-bottom: 0px; }
#spnsrArea { width: 100%; margin: 0; padding: 3px; }
#spnsrArea a { margin: 7px; }

body { font-family: 'PT Sans', sans-serif; }

/* Header styles. */
header { position: relative; }
header h1 { font-size: 34px; }
header h1 a, header h1 a:hover, header h1 a:visited { text-decoration: none; }
header .loginButton { float: right; margin-right: 20px; font-weight: bold; font-size: 19px; letter-spacing: 1px; transition: all 0.2s; text-align: center; }
@media (max-width: 767px) { header .loginButton { margin-bottom: 15px; } }
header .loginButton:hover { text-decoration: none; }
header #headerTable { width: 100%; min-height: 120px; }
@media (max-width: 767px) { header #councilLogo { margin: 10px; max-width: 120px; max-height: 120px; } }
@media (min-width: 768px) { header #councilLogo { margin: 15px; max-width: 200px; max-height: 150px; } }

#headerContent, #modernMenu > div, #councilBanner, footer { max-width: 1238px; margin: 0 auto; }

#councilBannerArea { overflow: hidden; }
#councilBanner { max-width: 1238px; max-height: 326px; }
#councilBanner img { margin: 0 auto; }

#pageBody { border: none; max-width: 1238px; margin: 0 auto; padding-top: 15px; }

/* Dropdown Menu General Styling */
#modernMenu { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#modernMenu > div { position: relative; }
.dropdown { display: inline-block; display: flex; /* flex overrides inline-block when available. */ }
.dropdown, .dropdown ul, .dropdown li { margin : 0; padding : 0; font-weight: bold; }
.dropdown ul { display: none; position: absolute; top: 100%; left: 0; z-index: 1; }
.dropdown ul ul { top: 0; left: 100%; right: auto; }
.dropdown li { position: relative; display: block; list-style-type: none; }
.dropdown > li { display: inline-block; }
.dropdown a, .dropdown span { display: block; text-decoration: none; white-space: pre; }
.dropdown a { padding: 20px; font-size: 15px; }
.dropdown ul a { transition : background 0.2s; padding: 10px 30px 10px 20px; }
.dropdown ul li a { min-width: 150px; }
.dropdown li:hover > ul { display: block; }
.dropdownJavaScript li:hover > ul { display: none; }
.dropdownJavaScript li.dropdownOpen > ul { display: block; }

#webLinks.councilWebLinks { position: absolute; top: 15px; right: 25px; }
@media (max-width: 1000px) { #webLinks.councilWebLinks { top: 75px; } }

/* Left sidebar. */
#leftSideBar { margin-bottom: 20px; }
#leftSideBar h2 { font-size: 23px; margin-bottom: 20px; }
#leftSideBar h3 { font-weight: bold; line-height: 22px; margin-top: 0px; }
#leftSideBar p { margin-bottom: 0px; }
#leftSideBar #nextMeetingArea, #leftSideBar #naepcLogoArea, #leftSideBar #mailingListArea { padding: 20px; margin: 20px 0; }
#leftSideBar #nextMeetingArea.empty { display: none; }
#leftSideBar .sidebarEvent { display: block; margin-bottom: 25px; }
#leftSideBar .meetingDate, #leftSideBar .meetingTitle, #leftSideBar .content { color: #000; }
#leftSideBar .meetingDate, #leftSideBar p.headingColor { font-weight: bold; font-size: 15px; }
#leftSideBar #nextMeetingArea img { margin-bottom: 10px; }
#leftSideBar #nextMeetingArea a { text-decoration: none; border-bottom: 1px solid #000; padding-bottom: 10px; font-weight: bold; }

#naepcLogoArea h2 { font-size: 17px; margin-bottom: 10px; }
#naepcLogoArea ul { padding-left: 17px; font-weight: bold; }
@media(max-width: 999px) {
	#naepcLogoArea .bottomImage { text-align: center; }
	#naepcLogoArea .links { padding-top: 10px; }
}
@media(min-width: 1000px) {
	#naepcLogoArea img { position: absolute; margin-top: 10px; }
	#naepcLogoArea .links { padding-left: 80px; }
}

/* Content Styles */
#content { margin-bottom: 20px; }
#pageContent { padding: 20px 0 20px 20px; }
#pageContent h2 { margin-bottom: 20px; }

footer p { font-size: 11px; margin-bottom: 30px; margin-left: 20px; }
#contentBottomLinks { padding: 20px; }
#contentBottomLinks a { padding-right: 10px; }

/* Mobile styles */
@media (max-width: 767px) {
	header h1 { font-size: 20px; }
	a.loginButton { font-size: 15px; padding: 3px; }
}

/* Pages */
/* / */
#homeSponsors .homePageSponsor { padding-bottom: 15px; }
#homeSponsors img { margin: 0 auto; }