BODY { background-color: #3399cc; margin: 0; font-family: arial, verdana, sans-serif; }

/* this old stuff is no longer needed
#npid-wrapper { background-color: #fff; width: 983px; margin: 0 auto; }

#npid-header { height: 154px; padding: 0;}
#npid-title {height: 97px; background: #8EC549 url(images/header-bg.png) repeat-x; margin: 0; padding: 16px 0 8px 25px}
#npid-logo { float:left; display: block;  width: 400px; height: 98px; background: url(images/ndew-logo-white.png) no-repeat; }
#npid-logo SPAN { display: none; }
#npid-subtitle { float: left; margin-left: 20px; width: 484px; height: 100px; background: url(images/header-title-date.png) no-repeat; }
#npid-subtitle SPAN { display: none; }
#npid-subtitle-offseason { float: left; margin-left: 20px; width: 484px; height: 100px; background: url(images/header-title-offseason.png) no-repeat; }
#npid-subtitle-offseason SPAN { display: none; }
*/

#nissan-leaf-banner
{
    background-image: url(images/2021-leaf-ndew-banner.jpg);
    background-size: cover;
    height: 250px;
    width: 300px;
	float: right;
	margin-bottom: 1.0em;
	margin-left: 1.5em;
}

.npid-nav { float: right; padding: 0; margin: 5px 0 5px 5px; width: 848px; height: 28px; overflow:hidden; }
.npid-staff .npid-nav { width: 958px; }
.npid-nav A { display: block; position: relative; height: 28px; overflow: hidden; background-repeat: no-repeat; text-transform: uppercase; }
.npid-nav A SPAN { display: none; }
.npid-nav A:HOVER { background-position: 0 -28px; }

.npid-nav1    { background-image: url(images/nav-home.png); left: 0;}
.npid-nav2    { background-image: url(images/nav-events.png); left: 110px; top: -28px; }
.npid-nav3    { background-image: url(images/nav-volunteer.png); left: 220px; top: -56px; }
.npid-nav4    { background-image: url(images/nav-sponsor.png); left: 366px; top: -84px; }
.npid-nav5    { background-image: url(images/nav-resources.png); left: 486px; top: -112px; }
.npid-nav6    { background-image: url(images/nav-media.png); left: 632px; top: -140px; }

.npid-nav7in  { background-image: url(images/nav-login.png); left: 742px; top: -168px; }
.npid-nav7acc { background-image: url(images/nav-account.png); left: 742px; top: -168px; }
.npid-nav7ad  { background-image: url(images/nav-admin.png); left: 742px; top: -168px; }
.npid-nav8    { background-image: url(images/nav-account.png); left: 852px; top: -196px; }


#npid-content {}
.npid-inner { margin: 0 27px ;}

#npid-footer {background-color: #fff; padding-bottom: 20px; height: 28px}
#npid-footer-x .npid-navbanner {height: auto; }
#npid-footer-subtitle { background: url(images/plugs.png) no-repeat; width: 955px; height: 59px; clear:both; margin-left: 8px; }
.npid-date { float:left; width: 100%; height: 15px; margin: 25px 0 0 0; padding: 0; background: url(images/NDEW-date-footer.png) no-repeat 50% 50%; font-size: 14px; text-transform: uppercase; }
.npid-date SPAN { display: none; }
.npid-partners { clear: both; text-align: center; margin: 23px auto; }
.npid-sponsors { clear: both; text-align: center; }
.npid-sponsors, .npid-sponsors A:link, .npid-sponsors A:visited { color: #78b430; }

.npid-disclaimers { font-size: x-small; text-align: center; }

HR { border: 2px solid #8EC549; }
IMG { border: 0; }
A:link { color: #0a8bcc; }

.faq_question { font-weight: bold; }
.faq_answer { }

#mapsearch { position: absolute; left: 50%; margin-left: -140px; margin-top: 5px;
	z-index: 5; background-color: #fffff8; padding: 4px; border: 1px solid #999999; }

.map-popup-title { font-weight: bold; font-size: larger; }
.map-popup-dates { font-weight: bold; }

TABLE.toc { padding: 0; border-spacing: 0 0.2em; border: none; margin: 0 0 1.3em 80px; }
TABLE.toc A:visited { color: #0a8bcc; }
TD.section1, TD.section2, TD.section3, TD.section4, TD.section5, TD.section6, TD.section7
	{ padding: 0 0 0 0.5em; border-style: solid; border-width: 0 0 0 15px; }
A.section { font-weight: bold }
DIV.section1, DIV.section2, DIV.section3, DIV.section4, DIV.section5, DIV.section6, DIV.section7
	{ padding: 0 27px; border-style: solid; border-width: 0 5px; }
.section1 { border-color: firebrick; }
.section2 { border-color: darkorange; }
.section3 { border-color: gold; }
.section4 { border-color: yellowgreen; }
.section5 { border-color: mediumturquoise; }
.section6 { border-color: royalblue; }
.section7 { border-color: mediumorchid; }

DL.infolist DT { font-style: italic; margin-top: 0.5em; }

UL.themelist LI { margin-top: 0.3em; }
UL.themelist .theme { font-weight: bold; }

.textbox { border: 1px #808080 solid; padding: 0 1em; margin: 0 3em }

.imagetable { width: 100% }
.imagetable TD { text-align: center; vertical-align: top; width: 25%; }
.imagetable TD.image { vertical-align: bottom; padding: 0 0 5px 0; }
.newdate { font-size: 80%; font-style: italic; }

TABLE.tablelist { border: none; padding: 0; border-spacing: 0; }
TABLE.tablelist TD.listitem { text-align: right; vertical-align: top; padding: 0.2em 0; font-weight: bold; }
TABLE.tablelist TD.listdesc { text-align: left; vertical-align: top; padding: 0.2em 0 0.2em 0.5em; }

.review { color: maroon; background-color: yellow; }

TABLE.lined, TABLE.lined TH, TABLE.lined TD { border-style: solid; border-color: #808080; }
TABLE.lined { border-width: 0 1px 1px 0; padding: 0; border-spacing: 0; }
TABLE.lined TH, TABLE.lined TD { border-width: 1px 0 0 1px; padding: 0.2em 0.5em; vertical-align: top; }
TABLE.lined TH.noborder { border-style: none; }
TABLE.lined TH { text-align: center; font-weight: bold; }
TABLE.lined TD { text-align: left; }

/* for images with captions; white 'box' with border, containing picture and caption */
/* note that TABLE tag will need params: align=... width=<img width> (to avoid long text making table too wide) */
TABLE.picL { margin: 0.5em 1.3em 0.5em 0 }
TABLE.picR { margin: 0.5em 0 0.5em 1.3em }
TABLE.picL, TABLE.picR, TABLE.picC { border: 1px solid #96bd68; padding: 0; border-spacing: 0;
	background: white; color: #445730 }
TD.picture { text-align: center; border: none; padding: 0.5em 0.5em 0 0.5em }
TD.picture IMG { border: none }
TD.caption { text-align: center; border: none; padding: 0.3em 0.5em 0.3em 0.5em; font-size: 90% }

/* for the events page */
.event-report
{
	font-size: larger;
	font-weight: bold;
	color: #1D627D;
	background: #8EC549 url(images/header-bg.png) repeat-x;
	text-align: center;
	margin-top: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.map-legend-REVIEW-use-Kaptiv8-instead
{
  display: inline-block;
  background: white;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 10px;
  text-align: center;
}

#slide-1.rotator
{
	background-image: url(images/slides/ndew-2018-columbia-sc.jpg?v=2);
}
#slide-2.rotator
{
	background-image: url(images/slides/ndew-2018-steilacoom-wa.jpg?v=2);
}
#slide-3.rotator
{
	background-image: url(images/slides/ndew-2018-watts-ca.jpg?v=2);
}
@media only screen and (max-width: 768px) and (min-width: 0px) {
	#slide-1.rotator
	{
		background-image: url(images/slides/ndew-2018-columbia-sc-m.jpg?v=2);
	}
	#slide-2.rotator
	{
		background-image: url(images/slides/ndew-2018-steilacoom-wa-m.jpg?v=2);
	}
	#slide-3.rotator
	{
		background-image: url(images/slides/ndew-2018-watts-ca-m.jpg?v=2);
	}
}

.loader
{
  border: 15px solid black; /* Light grey */
  border-top: 15px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.html-preview div, .html-preview table, .html-preview p {
	font-size: 100%;
	font-family: inherit
}

.event-organizer-notes {
  border: medium solid #00f900;
  margin-top: 2em;
}

.manage-nav {
  overflow: hidden;
  border: 1px solid #000;
  background-color: #3399cc;
}

.manage-nav button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 700;
  color: white;
}

.manage-nav button.active {
  background-color: #77a63b;
}

.manage-button {
  background-color: #3399cc;
  border-width: 'initial';
}

.manage-button-selected {
  background-color: #77a63b;
  border-width: thick;
}

.btn-active {
  background-color: #77a63b !important;
}

.red-box {
    background-color: red;
    padding: 0 0.5em 0 0.5em;
    color: white;
    border-radius: 5px;
}

.category-box {
    background-color: gray;
    padding: 0 0.5em 0 0.5em;
    color: white;
    border-radius: 5px;
}