/*
CSS for Andover SEPAC site
*/

a:link {
  color: #1D1AB2;
}

h1 {
  font-size: x-large;
  background-color: #336d44;
  padding-top: 1em;
  padding-bottom: .5em;
  color: white;
  margin-bottom: 1px;
}
  
#logo {
  font-size: xx-large;
  font-style: italic;
  padding-top: 0;
}

body {
background-image: url("Greenfade.jpg");
}


#logo, #picture #navigation, #content, #comingevents, #sepaccontacts, #workshops {
  position: absolute;
}
#logo {
  top: 3em;
  left: 287px;
}
#picture {
  top: 4em;
  left: 5px;
  margin-bottom: 1px;
}

#navigation {

  padding-top: 0.4px;
  border: 1px solid green;
  width: 12em;
  height: 600px;
  background-image: url(alyssadancing2.jpg);
  margin-top: 0;
}
 #content {
  top: 10em;
  left: 287px;
  right: 60px;
}
#comingevents {
  top: 25em;
  left: 287px;
}
.nudged {
  position: relative;
  left: 10px;
}
.newsposition {
 position: relative
 }
h5, h4 {
 margin: 0;
 padding-top: 0;
 color: #75004c;
 font-weight: normal;
}
h5 {
font-size: small;
}


h3 {
  margin-top: 30px;
  margin-bottom: 0px;
}
p {
  padding-right: 55;
}
#sepaccontacts {
  top: 15em;
  left: 287px;
}
table.contacts {
  border-collapse: collapse;
  border: 1px solid black;
}
table.contacts td {
  border: 1px solid black;
  padding: 0.4em;

}
table.contacts th {
  text-align: left;
  background: gray;
  color: white;
  padding: .5em;
}
table.contacts td {
  background: #c5e0c4;
}
#workshops {
  top: 12em;
  left: 287px;
  right: 300px;
}
table.liaison th {
  text-align: left;
  background: gray;
  color: white;
  padding: .5em;
}
table.liaison {
  border-collapse: collapse;
  border: 1px solid black;
}
table.liaison td {
  border: 1px solid black;
  padding: .4em;
  background: #c5e04;
}

h2 {
  font-size: x-large;
}