/*
CSS for Davenport Park site
*/

body {
  background-color: #ffffe5;
  padding 0;
  border: 50px;
  border-style: solid;
  border-color: #cc6666;
}

h1 {
  font-family: Georgia, Nimrod, Baskerville, Serif;
  letter-spacing: +2px;
  text-align: center;
  padding-top: 10px;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Serif;
  text-align: center;
  font-size: 130%;
  padding-bottom: 10px
}


p {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
  padding-left: 3px; /* Aligns text with table on coordinators page */
  padding-right: 20px;
}

ul {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
}

em {
  font-style: normal;
  font-weight: bold;
}

#bodycontent {
  width: 50%;
  margin-left: 200px;
  margin-top: 50px;
  Margin-bottom: 50px;
}

#bodycontact {
  width: 60%;
  margin-left: 150px;
  margin-top: 50px;
  Margin-bottom: 50px;
}

img {
  border: none;
}

.pageheading {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: large;  
  font-weight: bold;
}

.feature {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#navintro  a {  
  text-decoration: none;
  color: black;
  font-style: italic;
  font-family: Georgia, Serif;
  font-size: 130%;
}

#navintro {
  text-align: center;
  padding-bottom: 3px;
}

#navgates a: {
  text-decoration: none;
}

#dpmap {
  position: absolute;
  top: 300px;
  right: 20px;
}

.thumbtop {
position: absolute;
top: 100px;
right: 15px;
}

.thumbbottom {
position: absolute;
top: 500px;
right: 15px;
}

.thumbmiddle {
position: absolute;
top: 300px;
right: 15px;
}

#navigation { 
 width: 150px; 
 padding: 0; 
 margin: 0; 
 border-collapse: collapse; 
} 
#navigation td { 
 height: 26px; 
 border-bottom: 2px solid #006633; 
 background-color: #C2FFAD; 
 color: #460016; 
} 
#navigation a:link, #navigation a:visited { 
 margin-left: 12px; 
 color: #008A45; 
 background-color: transparent; 
 font-size: 12px; 
 font-family: "Gill Sans MT", Sans-serif; 
 text-decoration: none; 
 font-weight: bold; 
}

#navigation a:hover {
 color: #006633;
}

#navigation {
  position: absolute;
  top: 200px;
  left: 30px;
}


#navcomm { 
 width: 150px; 
 padding: 0; 
 margin: 0; 
 border-collapse: collapse; 
} 
#navcomm td { 
 height: 26px; 
 border-bottom: 2px solid #006633; 
 background-color: #C2FFAD; 
 color: #460016; 
} 
#navcomm a:link, #navcomm a:visited { 
 margin-left: 12px; 
 color: #008A45; 
 background-color: transparent; 
 font-size: 12px; 
 font-family: "Gill Sans MT", Sans-serif; 
 text-decoration: none; 
 font-weight: bold; 
}

#navcomm a:hover {
 color: #006633;
}


#navcomm {
  position: absolute;
  top: 450px;
  left: 30px;
}



#thumbnail1:hover{
background-color: transparent;
}

#thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
}

#thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -294px; /*position where enlarged image should offset horizontally */
}


#thumbnail2:hover{
background-color: transparent;

}

#thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;


}

#thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -294px; /*position where enlarged image should offset horizontally */
}


#thumbnail3:hover{
background-color: transparent;

}

#thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
}

#thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -500px; /*positioned further to left than thumbnails 1 and 2 so as not to layer behind those thumbnails */
z-index; 1;
}

#coords {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
}

#coords td {
  padding: 0.2em;
}

#roads {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
}

#roads td {
  padding: 0.2em;
  border-bottom: 1px solid black;
}

#roads th {
  text-align: left;
  background: black;
  color: white;
  padding: 0.2em;
}

#albumlist {
  list-style-type: none;
}

#albumlist li {
  float: left;
}

#albumlist img {
  display: block;
}

#albumlist {
  font-size: small;
  font-weight: normal;
  text-decoration: none;
}

#members {
  width: 75%;
  margin-left: 180px;
  margin-top: 50px;
  margin-bottom: 50px;
}

fieldset {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
  font-weight: bold;  
  border-color: green;
}
  
legend {
  color: green;
}

h2 {
  font-family: Georgia, Nimrod, Baskerville, Serif;
  text-align: center;
  font-weight: normal;
}

#minutes {
  font-family: "Gill Sans MT", Sans-serif;
  font-size: small;
}

#minutes td {
  padding: 0.2em;
  border-bottom: 1px solid black;
}

#minutes a:link, #minutes a:visited { 
 color: black;
 background-color: transparent; 
 text-decoration: none; 
}