* {
  margin: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
}

#header {
  background-image: url(web_page_header.png);
  height: 317px;
  width: 753px;
  float: left;
}

#maincontainer {
  width: 753px;
  float: left;
}

#right {
  background-image: url(blue-column.png);
  width: 280px;
  float: right;
  padding: 10px;
}

#left {
  float: left;
  width: 430px;
  padding: 10px;
}

#footer {
  width: 753px;
  float: left;
}

#full_page {
  float: left;
  width: 753px;
  padding: 10px;
}

.quote {
  float: inherit;
  #width: 753px;
  padding: 40px;
  #margin: 40px 160px 40px 40px;
}


h1 {
  font-family: Futura, Verdana, sans-serif;
  color: blue;
  font-size: 2.0em;
  padding: 10px;
}

h2 {
  font-family: Futura, Verdana, sans-serif;
  color: #da3f07;
  font-size: 1.7em;
  font-style: italic;
  padding: 10px;
}

h3 {
  font-family: Futura, Verdana, sans-serif;
  color: black;
  font-size: 1.4em;
  padding: 10px;
}

h4 {
  font-family: Georgia, Times, serif;
  #font-family: Futura, Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  padding: 10px;
}

h5 {
  font-family: Georgia, Times, serif;
  #font-family: Futura, Verdana, sans-serif;
  font-weight: bold;
  font-size: 1.0em;
  padding: 10px;
}
p, ul, ol {
  font-family: Georgia, Times, serif;
  font-size: 1.0em;
}

p + p {
  margin-top: 0.9em;
}

#menu a {
  position: absolute;
  text-decoration: none;
  color: #da3f07;
  font-family: Times, Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
}

#menu a:hover {
    text-decoration: underline
}

a#home { top: 273px; left: 11px; }
a#director { top: 257px; left: 60px; }
a#concerts { top: 245px; left: 140px; }
a#scholarships { top: 235px; left: 228px; }
a#membership { top: 230px; left: 340px;}
a#patrons { top: 235px; left: 463px; }
a#history { top: 245px; left: 550px; }
a#contact { top: 257px; left: 615px; }
a#members { top: 273px; left: 675px; }

a#home:hover { text-decoration: underline }
a#director:hover { text-decoration: underline }
a#concerts:hover { text-decoration: underline }
a#scholarships:hover { text-decoration: underline }
a#membership: hover { text-decoration: underline }
a#patrons:hover { text-decoration: underline }
a#history:hover { text-decoration: underline }
a#contact:hover { text-decoration: underline }
a#members:hover { text-decoration: underline }

img.floatLeft {
    float: left;
    margin: 4px;
}

img.floatRight {
    float: right;
    margin: 4px;
}


#hr {
  padding: 10px;
}

hr {
  #color: #da3f07;
  color: orange;
  background-color: #da3f07;
  border: 0;
  height: 2px;
}

.center {
  TEXT-ALIGN: center;
}