body {
	width: 62.5em;
	margin: auto; 
	font-family: "Open Sans", "Helvetica", "Arial", "Verdana", sans-serif;
	
	font-size: 100%;
	font-weight:400;
	background-color: #fff
	}
	
img.banner {
	margin: 0.75em 0em 0em 0em;
	}
	
#donatetop { 
	float: right;
	}
	
.donatet {
	float: right;
	padding: 0.5em 0.75em;
	color: #fff;
	background-color: #007dc2; 
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	border-radius: 1.5em;
	cursor: pointer;
	}
	
/*Logo with motto*/
#logo {
	position: absolute;
	margin: 5.5em 0em 0em 2em;
	}

p.motto {
	width: 150px;
	position: absolute;
	margin: -0.175em 0em 0em -2.9em;
	font-weight: bold;
	font-size: 0.5em;
	text-align: center;
	line-height: 1.7em;
	color: #000;
	}

/*CODE FOR NAVTOP MENU BAR - Do NOT change the order of any of the Nav top and bottom code.*/
ul.navtop {
	width: 100%;
	list-style-type: none;
	margin: 0em 0em 0em 5.5em;
	padding: 0;
	background-color: #fff;
	font-size: 0.74em;
	font-weight: normal;
	overflow: hidden;
	}

li {
	float: left;
	}
	
ul#navtop li a, .dropbtn {
	display: inline-block;
	padding: 0.875em 2.2em;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}

li.dropdown {
	display: inline-block;
	}

ul.navtop li a:hover, .dropdown:hover .dropbtn {
	background-color: #f7e9aa;
	}

/*CODE FOR NAVBOTTOM MENU BAR */	
ul.navbottom {
	width: 100%;
	list-style-type: none;
	margin: 0em 0em 1em 9em;
	padding: 0em;
	background-color: #fff;
	font-size: 0.74em;
	font-weight: normal;
	overflow: hidden;
	}

li {
	float: left;
	}

ul#navbottom li a, .dropbtn {
	display: inline-block;
	padding: 0.875em 2.2em;
	color: #000;
	text-align: center;
	text-decoration: none;
	}

li.dropdown {
	display: inline-block;
	}

ul#navbottom li a:hover, .dropdown:hover .dropbtn {
	background-color: #f7e9aa;
	}

.dropdown-content {
	display: none;
	min-width: 10em;
	position: absolute;
	z-index: 10;
	background-color: #f9f9f9;
	box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
	}

.dropdown-content a {
	display: block;
	padding: 0.750em 1em;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	}

.dropdown:hover .dropdown-content {
	display: block;
	}
	
.dropdown-content a:hover {
	background-color: #e1e1e1;
	}


/* Sets p.category color on all pages. See individual page .css files for other layout details. */
p.category {
	padding: 1%;
	font-style: italic;
	font-weight: light;
	font-size: 1.3em;
	text-align: right;
	line-height: 1.4em;
	color: #aa5d00;
	}
	
/* ================================================= */
/* Sets space above text under an unordered list */
.topspace1 {
	margin-top: 14.5em;
	}	
	
.topspace2 {
	margin-top: 6em;
	}

/* ================================================= */
/*Footer with FB link and copyright*/
footer {
	height: 0em;
	width: 100%;
	background-color: #fff;
	}
	
.responsive-iframe {
	float: left;
	margin-top: -7.25em; 
	margin-left: 10em;
	border: none;
	width: 62.5em;
	}
		
	
#media {
	float: left;
	margin-top: 0em;
	}

.copyright {
	float: left;
	margin-top: 0em; 
	margin-left: 16.5em;
	}

p.copyright {
	font-size: 0.7em;
	color: #000;
	text-align: center;
	}

#donatebottom {
	float: right;
	}

.donateb {
	padding: 0.5em 0.75em;
	color: #ffffff;
	background-color: #007dc2; 
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	border-radius: 1.5em;
	cursor: pointer;
	}

/* ================================================= */
/*Font color and style*/

p.bold {
	font-weight: bold;
	}

#red-message  {
	max-width: 70%;
	margin-top: 0em;
	margin-bottom 2em;
	margin-left: 12.5em;
	font-size: 1em;
	line-height: 1.7em;
	}
	
ul.red {
	color: #cf000f;
	}
	
li.red {
	color: #cf000f;}	
	
p.red-bold {
	color: #cf000f;
	font-weight: bold;
	}

ul.red-bold-indented {
	width: 25em;
	float: left;
	margin-top: -0.75em;
	margin-right: 10em;
	color: #cf000f;
	font-weight: bold;
	}	

p.green-bold {
	color: #008000;
	font-weight: bold;
	}
	
p.green {
	color: #008000;
	}
	
a.green {
	color: #008000;
	}
	
li.green-bold {
	color: #008000;
	font-weight: bold;
	}				

ul.green-bold-indented {
	width: 40em;
	float: left;
	margin-top: -0.75em;
	margin-right: 10em;
	color: #008000;
	font-weight: bold;
	}
	
ul.black-indented {
	width: 30em;
	float: left;
	margin-top: -0.75em;
	margin-right: 10em;
	color: #000;
	font-weight: normal;
	}
	
ul.black-indented-narrow {
	width: 30em;
	float: left;
	margin-top: -0.75em;
	margin-right: 10em;
	color: #000;
	font-weight: normal;
	}	
	
p.dark-bold {
	color: rgb(50,50,50);
	font-weight: bold;
	}		

/* ================================================= */
/* To highlight text with yellow. Not currently used.  */
/* Use with this HTML: <span class="highlight"> </span> */
.highlight{
    display: inline-block;
    padding: .25em 0;
    background: #f6e263;
    color: #000;
}	


/* ================================================= */
/* Positions the "For more info" text at bottom of column 1 */
	#alignbottom-col1 {
	position: absolute;
	bottom: 0;
	}

/* Positions the "For more info" text at bottom of column 2 */
	#alignbottom-col2 {
	position: absolute;
	bottom: 0;
	}

/* ================================================= */
/* Sets link color to accessibility acceptable grayish blue. The previous color name was turquoise. Its use was continued here to avoid having to update each page. */ 


a:link.turquoise {
	color: #2a7ab0;
	text-decoration: underline;
	}

a:visited.turquoise {
	color: #808080; /* This is not working. Can't get rid of the underline on a visited link. Workaround is to change the link color. */
	text-decoration: none;
	}

a:hover.turquoise {
	color: #2a7ab0;
	text-decoration: underline;
	}

a:active.turquoise {
	color: #2a7ab0;
	text-decoration: none;
	}

/* Styled the same as :hover */
a:focus.turquoise {
	color: #2a7ab0;
	text-decoration: none; /*underline does not appear on hover state*/
	}