/* CSS Document */

body {
   font-family: "Bookman Old Style";	
   //background-color: #f5f5dc;
   background-color: #fcfcdc;
   font-size: 125%;
}


h1, h2 {
	font-family: 'IM Fell English', Garamond;
	text-align: center;
}

h3, h4 {
	text-align: center;
}


.titlepage {
	font-family: 'IM Fell English', Garamond;
	font-size: 500%;
	text-align: center;
	line-height: 150%;
	font-style: italic;
    text-shadow: 2px 2px 2px #CE5937;
}

.lastmodified {
	font-weight: bold;
	color: #aa0000;
    text-align: center;
	font-size: small;
}

.h4button {
     border: .1em inset #003300; 
	 padding .2em;
	 cursor: pointer; 
	 border-radius: 2em;	 
}

.h3button {
     border: .1em inset orange;
	 background-color: #003300;
	 padding .2em;
	 cursor: pointer; 
	 border-radius: 2em;	
	 color: white;
	 font-weight: bold; 
}


.pagesection {
	background-color: inherit;
    display: none;
    visibility: hidden;
	overflow-y: auto;
}

.bulletpoint {
   cursor: pointer;	
}

 @media only screen and (min-width: 569px) {
.pagesection {
	background-color: inherit;
    display: block;
	visibility: visible;
	overflow-y: auto; 
 }
}


@media only screen and (max-width: 568px) {
.navlist ul {
  margin-left: 0;
  padding-left: 0;
  padding-right: 1em;
  list-style-type: none;	
}

.navlist ul li {
  display: block;
  padding-right: 1em;	
}	
}


@media only screen and (min-width: 569px) {
.navlist ul {
  margin-left: 0;
  padding-left: 0;
  padding-right: 1em;
  list-style-type: none;	
}

.navlist ul li {
  display: inline;
  padding-right: 1em;	
}
}