/* Stylesheet for http://www.morningtonsingers.org/ */

body {
  background-color: #a6282b;
  font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
  /* push all edges up to window boundary, except bottom */
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

div.innerbody {
  /* put margin back to normal */
  margin: 0.4em;
  border: 1px solid #a6282b; /* fixes stupid firefox misalignment */
}

div.header {
  /* background-color: #d5efc9; */
  background-color: white;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid black;
}

.header img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 0Px;
}

.footer {
  font-family: sans-serif;
  font-size: 90%;
  background-color: #eee;
  clear: both;
  padding: .5em;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  text-align: center;
}

div.maintext {
  background: white;
  border: thin solid black;
  /* margin-left should be about the same width as the menu div */
  margin: 0.5em auto 1em 11em;
  padding: 1em 2em 1em 2em;
  /* margin-left: auto; */
  /* float: left; */
  /* Avoid very very long lines of text */
  /* max-width: 40em; */
}

div.menupromo {
  clear: both;
  width: 10em;
  padding: 0;
  float: left;
  margin-top: 0.5em;
  /* margin-bottom: 3em; */
  margin-right: 1em;
}


/* ******************************************************************
   Menu Stuff
   ****************************************************************** */

div.menu {
  width: 10em;
  padding: 0;
  background-color: white;
  background-image: url(/images/greygrad-g.png);
  background-repeat: repeat-x;
  border: 1px black solid;
  float: left;
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 1em;
}

.menu ul {
  list-style-type: none;
  padding: 0.5em 0em 0.5em 0em;
  margin: 0;
}

.menu li {
  /* needed for MSIE6 */
  display: inline;
}

.menu a {
  color: black;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  display: block;
  padding: 0.2em 10px; /* doesn't work in MSIE6/win */
  padding: 3px 10px;
  /* this is overridden in :hover, but doesn't work in MSIE6/win */
  /*
  border-color: transparent; 
  border-width: 1px 0;
  border-style: solid;
  */
}

.menu a:hover {
  background-color: white;
  border-color: gray;
  border-style: solid;
  border-width: 1px 0;
  font-weight: bold;
  padding: 2px 10px;
}

/* ******************************************************************
   end menu
   ****************************************************************** */

/* ******************************************************************
   Repertoire Stuff
   ****************************************************************** */


div.rep-l {
 /* used for the composer's name */
 position: relative;
 width: 30%;
 margin: 0 1em 0 0;
 padding: 0;
 /* border: 1px solid blue; */
 text-align: right;
 float: left;
 font-family: sans-serif;
 font-variant: small-caps;
}

div.rep-r {
 /* used for the pieces */
 position: relative;
 /* control the spacing between composers with margin-bottom here */
 margin: 0 1em 0.5em 30%;
 padding: 0 1em 0 1em;
 /* border: 1px solid red; */
 text-align: left;
 font-family: sans-serif;
}

ul.rep, ol.rep {
 list-style-type: square;
 margin-top: 0;
 margin-bottom: 0;
}

/* ******************************************************************
   end repertoire
   ****************************************************************** */

img.photo {
  margin: 1em;
  padding: 5px;
  border: solid #008000;
}

img.logo {
  margin: 1em;
  padding: 0px;
  border: solid 1px #000000;
}

img.poster {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: 0px;
}

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

h1 {
  font-family: serif;
  font-style: italic;
  /* color: yellow; */
}

.maintext h2 {
  text-align: center;
}

p.hl {
  border-top: 1px solid black;
}

li.commem {
  /* committee member */
  font-style: italic;
}

div.namelist {
  position: relative;
}

.namelist h3 {
  padding: 0;
  margin: 0;
}

ul.namelist {
  margin-top: 0;
  font-family: sans-serif;
  padding: 0;
  margin: 0;
}

.namelist li {
  list-style-type: none;
}

div.promo {
  margin-left: auto;
  margin-right: auto;
  width: 30em;
  padding: 1em;
  border: 5px solid;
  border-color: #eee #aaa #aaa #eee;
  text-align: justify;
}

table.boringtable, td.boringtable {
  border: 1px solid red;
}


/* Form formatting (Kieran) */
.narrowlabel {
  /* clear: left; */
  float: left;
  width: 150px;
}

/* Unlabelled submit needs own indent */
.narrowsubmit {
  margin-left: 150px;
  margin-top: 5px;
  width: 90px;
}

input {
  width: 250px;
  margin-bottom: 5px;
}

.widelabel {
  clear: left;
  float: left;
  width: 250px;
}

.widesubmit {
  clear: left;
  margin-left: 250px;
  margin-top: 5px;
}


/* To prevent label float spilling over to other elements */
/*
.formbr {
   clear: left;
}*/