<style type="text/css">

<!--

/* anchors */
a {
  color: #B552AD;
}


/* main text */
body {
  color: rgb(0, 60, 161);
  font-family: times new roman, arial, sans serif;
  text-align: center;
  padding: 0;
  margin: 0;
}


/* all contents is displayed in a central light blue panel with a marked border 
   and white margin on left and right hand sides */
div.wrapper {
  background-color: rgb(187, 204, 242);
  border-left: 2px solid gray;
  border-right: 2px solid gray;
  margin-left: auto;
  margin-right: auto;
  width: 890px;
}


/* main logo */
h1.splash {
  font-size: 48px;
}

/* main headings */
h1 {
  font-size: 30px;
}

/* secondary headings */
h2 {
  font-size: 22px;
}


/* horizontal lines */
hr {
  color: gray;
}

/* website updates */
sup.new {
  color: green;
  font-style: italic;
}


/* default page table */
table.container {
  width: 97%;
  margin-left: 10px;
}


/* page footers */
td.footer {
  color: green;
  font-size: 12px;
  text-align: center;
}


/* table headings */
th {
  font-size: 20px;
}


/************************************ NAVIGATION MENU ************************************/

/* menu item currently selected is white on a light blue background with a 
   light blue bottom border (to override the default colour) */
body#home li.home,
body#about li.about,
body#conductor li.conductor,
body#committee li.committee,
body#concerts li.concerts,
body#repertoire li.repertoire,
body#pictures li.pictures,
body#exchange li.exchange,
body#recordings li.recordings,
body#members li.members,
body#contact li.contact,
body#old li.old
{
  border-bottom: 2px solid rgb(187, 204, 242);
  background-color: rgb(187, 204, 242);
  font-size: 13px;
}

/* current menu item link is white on a bright blue background when mouseover */
body#home li.home a:link,
body#home li.home a:visited,
body#about li.about a:link,
body#about li.about a:visited,
body#conductor li.conductor a:link,
body#conductor li.conductor a:visited,
body#committee li.committee a:link,
body#committee li.committee a:visited,
body#concerts li.concerts a:link,
body#concerts li.concerts a:visited,
body#repertoire li.repertoire a:link,
body#repertoire li.repertoire a:visited,
body#pictures li.pictures a:link,
body#pictures li.pictures a:visited,
body#exchange li.exchange a:link,
body#exchange li.exchange a:visited,
body#recordings li.recordings a:link,
body#recordings li.recordings a:visited,
body#members li.members a:link,
body#members li.members a:visited,
body#contact li.contact a:link,
body#contact li.contact a:visited,
body#old li.old a:link,
body#old li.old a:visited
{
  background-color: rgb(187, 204, 242);
}

/* menu has a gray border across the bottom */
ul#tabnav {
  list-style-type: none;
  margin: 0;
  padding-left: 17px;
  padding-bottom: 27px;
  border-bottom: 2px solid gray;
  font-size: 13px;
  font-family: times new roman, sans-serif;
}

/* all menu items are in white on a dark blue background with a gray border */
ul#tabnav li {
  float: left;
  height: 23px;
  background-color: rgb(0, 60, 161);
  color: #FFFFFF;
  margin: 2px 1px 0 2px;
  border: 2px solid gray;
}

/* all menu item links are white without underlines */
ul#tabnav a:link, ul#tabnav a:visited {
  display: block;
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  padding: 4px;
}

/* all menu item links are white font on a bright blue background when mouseover */
ul#tabnav a:hover {
  background-color: blue;
  color: #FFFFFF;
}

/************************************ NAVIGATION MENU ************************************/

// -->

</style>
