body {
  margin: 0;
  padding: 0;
  min-width: 1040px;                      /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
  background-color: #2a307a;
  font-family: Palatino Linotype;
}

img {
  border: none;
}

#container {
  position: relative;
  background-color: #2a307a;
  padding-left: 180px;      /* LC fullwidth */
  padding-right: 260px;     /* RC fullwidth + CC padding */
  overflow: hidden;
}

#container .column {
  position: relative;
  float: left;
}

#center {
  background-color: #D7D7DC;
  background-image: url(Images/centergrad.png);
  background-repeat: repeat-x;
  padding: 10px 20px;       /* CC padding */
  width: 100%;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
  border-width: 3px;
  border-style: solid;
  border-color: #3ea2a4;
}

#left {
  background-color: #2a307a;
  width: 160px;             /* LC width */
  padding: 0 10px;          /* LC padding */
  margin-left: -100%;
  left: 220px;              /* RC fullwidth for IE6 */
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}

#container > #left {
  left: -220px;             /* -(LC fullwidth + CC padding) */
  margin-left: expression(document.all.center.offsetWidth * -1 +
               parseFloat(document.all.center.currentStyle.paddingLeft) +
               parseFloat(document.all.left.currentStyle.paddingLeft) +
               parseFloat(document.all.left.currentStyle.paddingRight)); /* Fix for IE7 */
}

#right {
  width: 200px;             /* RC width */
  padding: 0 10px;          /* RC padding */
  margin-right: -100%;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}

#footer {
  position: relative;
  clear: both;
  color: white;
}

/*** Just for Looks ***/

#footer {
 background-color: #2a307a;
 font-size: medium;
 text-align: center;
 padding: 0.3em 0;
}

#header a {
  border-width: 0px;
  border-style: none;
  border-color: #2a307a;
  color: #2a307a;
}

#header_left {
  width: 160px;
}

#header_right {
  width: 200px;
}

#header {
  margin: 0px auto;
  text-align: center;
}

#header a:link {
  border-width: 0px;
  border-style: none;
  border-color: #2a307a;
  color: #2a307a;
}

#header a:visited {
  border-width: 0px;
  border-style: none;
  border-color: #2a307a;
  color: #2a307a;
}

#container .column {
  padding-top: 1em;
  text-align: justify;
}

div#home-page-container {
  float: left;
  margin-top: 50px;
  margin-left: 20px;
  text-align: left;
  min-height: 200px; 
} 

#home-page-photo {
    float: left;
    display: inline;
    width: 250px;
}

#home-page-photo img {
	border-style: solid;
	border-width: 2px;
	border-color: #2a307a;
}

#page-title {
    text-align: center;
	height: 25px;
    background-image: url(Images/pagetitlegrad.png);
    background-repeat: repeat-x;
    border-width: 1px 0px 5px 0px;
    border-style: solid;
    border-color: #2a307a;
    padding: 0px;
    margin: 0px;
}

div#initial-info-home {
	display: inline;
	vertical-align: top;
	margin-left: 20px;
}

div#initial-info {
   float: left;
   display: inline;
   width: 100%;
   margin-top: 20px;
}

p:first-letter {
  font-size: xx-large;
}

hr {
    height: 6px;
    color: #2a307a;
    width: 95%;
    margin-bottom: 10px;
}

  hr#multimedia {
    height: 6px;
    color: #2a307a;
    width: 400px;
    margin-bottom: 10px;
  }

  li#music-notes {
    list-style-image: url(Images/notes_small.jpg);
    list-style-position: inside;
    padding-left: 20px;
    padding-bottom: 20px;
  }

  em {
    color: #FF001D;
    font-weight: bolder;
    font-size: 18px;
    font-style: normal;
  }

  em a {
    color: #FF001D;
  }

  p {
    padding-left: 10px;
    padding-right: 10px;
  }

  div#topmenu {
    float: left;
    padding-left: 0px;
    height: 50px;
    background-color: #2a307a;
    text-align: left;
  }

  div#login {
    float: left;
    font-size: 12px;
    width: 150px;
    padding-left: 10px;
    background-color: #2a307a;
    text-align: left;
    color: white;
  }

  div#login a:link {
    color: white;
    text-decoration: none;
  }

  div#login a:visited {
    color: white;
    text-decoration: none;
  }

  div#login a:hover {
    color: #cde839;
    text-decoration: none;
  }

  div#topmenu ul {
    color: #cde839;
    line-height: 30px;
    white-space: nowrap;
  }

  div#topmenu li {
    display: inline;
  }

  div#topmenu li a {
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #d7d7dc;
  }

  div#topmenu li a:hover {
    font-weight: bold;
    color: #cde839;
  }

* html body {
  overflow: hidden;
  }

* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  background: #2a307a;
  }

  div#gutter-links a {
    margin: 0px;
    padding-left: 2px;
    text-decoration: none;
    color: #FAF8CC;
    font-size: 12px;
  }

  div#gutter-links a:visited {
    text-decoration: none;
  }

  div#gutter-links a:hover {
    color: #cde839;
  }

  div#gutter-links a {
    margin: 0px;
    padding-left: 2px;
    text-decoration: none;
    color: #FAF8CC;
    font-size: 12px;
  }

  div#footer-links a:visited {
    text-decoration: none;
  }

  div#footer-links a:hover {
    color: #cde839;
  }

  div#footer-links a {
    margin: 0px;
    padding-left: 2px;
    text-decoration: none;
    color: #FAF8CC;
    font-size: 12px;
  }

  ul#concert_pieces li {
    list-style-image: url("Images/notes_small.jpg");
    margin: 0px;
    padding: 0px;
  }

  ul#general li {
    list-style-image: url("Images/notes_small.jpg");
    margin: 0px;
    padding: 0px;
  }

  td.BCOLOR {color: #000000;}

  hr {
    height: 5px;
    border: 0;
    border-top: 5px solid #2a307a;
  }

  td.mb_performances {
    background-color: #cde839;
  }

  td.mb_photo img {
    border-width: 1px 4px 4px 1px;
    border-style: solid;
    border-color: #2a307a;
  }

  div#bass_clarinet {
    float: left;
  }

  div#english_horn {
    float: left;
  }

  img#bass_clarinet {
    margin-top: 20px;
    width: 200px;
    margin-left: 50px;
    display: inline;
  }

  img#english_horn {
	margin-top: 20px;
    width: 180px;
    margin-left: 50px;
    display: inline;
	border-style: solid;
	border-width: 2px;
	border-color: #2a307a;
  }

  h1#bass_clarinet {
    text-align: center;
  }

  h1#english_horn {
     text-align: center;
  }

  ul#extravaganza_volunteers li {
  }

  div#plaque_left {
    display: inline;
  }

  div#plaque_right {
    display: inline;
  }

  div#plaque {
    margin: 0px auto;
    text-align: center;
    width: 500px;
    min-height: 600px;
    background-color: #8A4500;
    border-style: solid;
    border-width: 24px;
    border-color: #999;
    -moz-border-radius: 2px;
    -moz-border-bottom-colors: #033 #039 #777 #888 #999 #aaa #bbb #ccc #000;
    -moz-border-top-colors:    #033 #039 #777 #888 #999 #aaa #bbb #ccc #000;
    -moz-border-left-colors:   #033 #039 #777 #888 #999 #aaa #bbb #ccc #000;
    -moz-border-right-colors:  #033 #039 #777 #888 #999 #aaa #bbb #ccc #000;
  }

  div#plaque div#plaque_title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #cde839;
    font-family: cursive;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
  }

  div#plaque div#platinum_item {
    margin-top: 20px;
    padding: 0px;
    font-family: cursive;
    font-style: normal;
    font-size: 10px;
    vertical-align: top;
    width: 135px;
    background-image: url(Images/plaque_item_grad.png);
	background-repeat: repeat-x;
    height: 50px;
    border-width: 8px;
    border-style: solid;
    -moz-border-radius: 12px;
    -moz-border-bottom-colors: #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-top-colors:    #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-left-colors:   #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-right-colors:  #033 #039 #777 #888 #999 #aaa #bbb #ccc;
  }

  div#plaque div#gold_item {
    margin-top: 20px;
    padding: 0px;
    font-family: cursive;
    font-style: normal;
    font-size: 10px;
    vertical-align: top;
    width: 135px;
    background-image: url(Images/plaque_item_grad.png);
	background-repeat: repeat-x;
    height: 50px;
    border-width: 8px;
    border-style: solid;
    -moz-border-radius: 12px;
    -moz-border-bottom-colors: #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-top-colors:    #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-left-colors:   #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-right-colors:  #033 #039 #777 #888 #999 #aaa #bbb #ccc;
  }

  div#plaque div#silver_item {
    margin-top: 20px;
    padding: 0px;
    font-family: cursive;
    font-style: normal;
    font-size: 10px;
    vertical-align: top;
    width: 135px;
    background-image: url(Images/plaque_item_grad.png);
	background-repeat: repeat-x;
    height: 50px;
    border-width: 8px;
    border-style: solid;
    -moz-border-radius: 12px;
    -moz-border-bottom-colors: #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-top-colors:    #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-left-colors:   #033 #039 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-right-colors:  #033 #039 #777 #888 #999 #aaa #bbb #ccc;
  }

  div#platinum_column {
    width: 140px;
    margin: 10px;
    padding: 0px;
    display: inline;
    float: left;
    text-align: center;
    font-family: cursive;
    font-weight: bold;
    font-size: 14px;
  }

  div#gold_column {
    width: 140px;
    margin: 10px;
    padding: 0px;
    display: inline;
    float: left;
    text-align: center;
    font-family: cursive;
    font-weight: bold;
    font-size: 14px;
  }

  div#silver_column {
    width: 140px;
    margin: 10px;
    padding: 0px;
    display: inline;
    float: left;
    text-align: center;
    font-family: cursive;
    font-weight: bold;
    font-size: 14px;
  }

  div#sponsor_progress_left {
    display: inline;
  }

  div#sponsor_progress_right {
    display: inline;
  }

  div#sponsor_progress_center {
    margin: 0px auto;
	width: 500px;
	text-align: center;
  }

  div#sponsor_progress_english_horn {
    text-align: center;
    width: 250px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    display: inline;
  }

  div#sponsor_progress_bass_clarinet {
    text-align: center;
    width: 250px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    display: inline;
  }
 
 img#sponsor_progress {
    border-style: solid;
	border-width: 2px;
	border-color: #2a307a;
  }
 
 table#sponsor_instrument {
  margin-left: 50px;
  margin-top: 20px; 
 } 