@font-face {
	font-family: 'Papyrus';
	src: url('fonts/papyrus.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
     background-color: hsl(75, 95%, 95%);
     color: #000000;
     font-family: arial, helvetica, sans-serif;
		 max-width: 1280px;
		 margin-left: auto;
     margin-right: auto;
     border-style: none; 
     border-width: 0;
}

/* formats for all pages */

/* from mobile friendly guide */
img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
} 

div#top {
     padding: 0;
     margin: 0;
     border: 0;
     font-family: 'Papyrus';
     font-size: 1.0em;
}
.headerpic {
     display: block;
	 margin-left: auto;
     margin-right: auto;
	 padding: 0;
	 margin-top: 0;
	 margin-bottom: 0;
}
  
h1 { 
     font-family: 'Papyrus';
	 font-size: 2.5em;
     line-height: 150%;
     font-weight: 900;
     color: hsl(75, 90%, 30%);
     border: none; 
     padding: 0;
     text-align: center; 
}


/* format "navline" class to show list horizontally */
.navline {
     margin-top: 0.5em;
	 margin-left: auto;
     margin-right: auto;
     clear: both;
     font-family: 'Papyrus';
	 font-size: 1.2em;
     line-height: 2em;
     width: 960px;
		 max-width: 100%;
     background-color: hsl(75, 90%, 30%);
     color: hsl(75, 90%, 90%);
     padding: 0;
     text-align: center;
}
.navline ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.navline li {
     display: inline;
     padding-left: 1.0em;
     padding-right: 1.0em;
}
.navline li a {text-decoration: none;}

.navline li a:link {color: hsl(75, 90%, 90%);}
.navline li a:visited {color: hsl(75, 90%, 90%);}
.navline li a:hover {color: hsl(75, 90%, 30%); background-color: hsl(75, 90%, 90%);}   

#whereami {
     font-family: 'Papyrus';
	 font-size: 0.8em;
     color: black;
     font-weight: normal;
     margin-top: 1.0em;
		 margin-bottom: 0.5em;
		 padding-left: 1.0em;
     padding-right: 0;
		 padding-top: 0;
		 padding-bottom: 0;
}
#whereami a {text-decoration: none;}
#whereami a:link {color: #000000;}
#whereami a:visited {color: #000000;}
#whereami a:hover {color: hsl(75, 90%, 30%); background-color: hsl(75, 90%, 90%);} 

.nobreak {white-space: nowrap;}


h2 {
    font-family: 'Papyrus';
	font-size: 1.5em; 
    font-weight: bold; 
		color: hsl(75, 90%, 30%);
    text-align: center;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.8em;
}



/* div main is a common container on all pages (except Gallery) to provide the page structure */
div#main {
     border-top: thin solid hsl(75, 90%, 30%);
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 1.0em;
     padding: 0;
     font-size: 1.0em;
     line-height: 150%;
}

#main a {text-decoration: none;}
#main a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#main a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#main a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}


/* div bottom is on all pages */

div#bottom {
     border-top: thin solid hsl(75, 90%, 30%); 
     margin-top: 2.0em;
     margin-left: 0;
     padding: 0.5em;
     clear: both;
} 

/* formating for copyright */
h6 {font-family: 'Papyrus'; font-size: 1.0em; text-align: center; border: none; padding: 0;}


h3 {
    
	font-size: 1.2em; 
    font-weight: bold; 
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0.5em;
		margin: 0;
		color: hsl(75, 90%, 30%);
    text-align: left;
}


#hideParagraph {visibility: hidden;}  /* For when JavaScript is disabled. If enabled, the visibility is changed to visible */


/* Formatting for logViewer */

#logViewer {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#logViewer a {text-decoration: none;}
#logViewer a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#logViewer a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#logViewer a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}

#logViewer h1 {
    font-size: 1.5em;
    color: hsl(75, 90%, 30%); 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer table.criteria {
    padding: 0;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
}

#logViewer table.results {
    padding: 0;
		margin-top: 1.0em;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
}

#logViewer td, #logViewer th {
   border: 1px solid #000000;
	 font-size: 1.0em;
	 color: black;
}

/* Formatting for eventsAdmin */

#eventsAdmin {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsAdmin a {text-decoration: none;}
#eventsAdmin a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsAdmin a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsAdmin a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}

#eventsAdmin h1 {
    font-size: 1.5em;
    color: hsl(75, 90%, 30%); 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsAdmin td {
   font-size: 1.0em;
	 color: black;
}

/* Formatting for events update */
#eventsUpdate {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsUpdate a {text-decoration: none;}
#eventsUpdate a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsUpdate a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsUpdate a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}

#eventsUpdate h1 {
    font-size: 1.5em;
    color: hsl(75, 90%, 30%); 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsUpdate td {
   font-size: 1.0em;
	 color: black;
}

#eventsUpdate input {
   font-size: 1.0em;
}
#eventsUpdate textarea {
   font-size: 1.0em;
}

/* Formatting for eventsAdd */

#eventsAdd {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsAdd a {text-decoration: none;}
#eventsAdd a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsAdd a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#eventsAdd a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}

#eventsAdd h1 {
    font-size: 1.5em;
    color: hsl(75, 90%, 30%); 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdd h2 {
    font-size: 1.2em; 
    font-weight: bold; 
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#eventsAdd table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsAdd td {
   font-size: 1.0em;
}

#eventsAdd input {
   font-size: 1.0em;
}
#eventsAdd textarea {
   font-size: 1.0em;
}

/* Formatting for newsletterAdd */

#newsletterAdd {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#newsletterAdd a {text-decoration: none;}
#newsletterAdd a:link {color: hsl(75, 90%, 30%); font-weight: bold;}
#newsletterAdd a:visited {color: hsl(75, 90%, 30%); font-weight: bold;}
#newsletterAdd a:hover {color: hsl(75, 90%, 90%); background-color: hsl(75, 90%, 30%);}

#newsletterAdd h1 {
    font-size: 1.5em;
    color: hsl(75, 90%, 30%); 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#newsletterAdd h2 {
    font-size: 1.2em; 
    font-weight: bold; 
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#newsletterAdd table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#newsletterAdd td {
   font-size: 1.0em;
}

#newsletterAdd input {
   font-size: 1.0em;
}
#newsletterAdd textarea {
   font-size: 1.0em;
}