
body {background-color: antiquewhite; font-family: Verdana, sans-serif;}
h1 {font-style: italic; border-style: none;}
h2 {font-style: italic; border-style: none; text-align: center;color:darkred; font-family: garamond; font-size: 250%}
hr {color:#6B6B6B; border: solid;}
A:link,A:visited,A:active {color: #000000; border-style: none; }
a:hover {background-color:#B0C4DE}
p {font-size: 125%}
p {outline-color:darkred;}
p.solid {outline-style: solid;text-align: center;}
p.center {text-align: center; font-size: 125%}
p.small {text-align: center; font-size: 95%}
p.highlight {text-align: center; color:darkred; font-size: 125%}
p.title {font-size: 2em; font-style: italic;}
p.top {font-size: 125%; text-align: center; border-style: none;}
p.link {background-color: #3366FF; font-size: 125%; text-align: center; border-style: outset; font-style: bold;}
p.open {background-color: #FFF333; font-size: 130%; text-align: center; border-style: outset; font-style: bold;}
ul {font-size: 110%;font-family: Verdana, sans-serif;}
ul.two ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
      }
ol {font-size: 110%;font-family: Verdana, sans-serif;}
img {border-style: none;}

a:link {
  color: darkred;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: darkred;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: darkgreen;
  background-color: transparent;
  text-decoration: underline;
}
.photo {
  position: relative;
  text-align: center;
  color: whitesmoke;
	font-size: 2em;
	font-family: garamond;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 13%;
  left: 7%;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 4%;
  right: 2%;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#border {position:relative; width:95%; left:2.5%; border:5px solid darkred;} 

#input {position:relative; width:90%; left:5%;} 

#return {position:relative; left:40%; width:25%; border:2px dotted gray; text-align: center;}

#summer {position:relative; left:0%; width:100%; border:2px dotted darkred; text-align: left; padding-bottom: 10px; padding-top: 10px; color: darkred;}

#flyer {position:relative; left:0%; width:97.5%; border:2px solid darkred; text-align: left; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}

#nav {
	width: 100%;
	float: left;
	margin: 0 0 3em 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	list-style: none;
	background-color: #f7ddbb;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: normal;
	color: #b67116;
	 }
#nav li a:hover {
	color: #885411;
	background-color: antiquewhite; }

#sked {
  font-family: Verdana, sans-serif;
	font-size: .8em;
  border-collapse: collapse;
  width: 100%;
}

#sked td, #sked th {
  border: 1px solid black;
  padding: 8px;
}

#sked tr:nth-child(even){background-color: #f2f2f2;}


#sked th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: darkgray;
  color: black;
}