/* Mark Constable January 2008
   New Look for CCC Website
*/

/* NOTE a: hover must come after a:link and a:visited in the CSS definition to be effective! */


body
{
  background-color: #333333;
}

/* COLOURS */

ul, p, td.infobox
{
  color: lightyellow;
}

h1, smallprint
{
  color: lightskyblue;
}


p {}

.title, .subtitle, .jobtitle, .part, .datebox, .mainmenu .quotetitle
{
  color: skyblue;
}

.borderlink
{
  color: white;
}

.arrow
{
  color: white;
}

.submenucurrentpage
{
  color: darkgreen;
}

.babysubmenucurrentpage
{
  color: darkgreen;
}

.mainmenu a:link
{
  color: skyblue;
}

.mainmenu a:visited
{
  color: skyblue;
}

.mainmenu a:hover
{
  color: blue;
}

.submenu a:link
{
  color: skyblue; 
}

.submenu a:visited
{
  color: skyblue; 
}

.submenu a:hover
{
  color: blue;
}

.babysubmenu a:link
{
  color: skyblue; 
}

.babysubmenu a:visited
{
  color: skyblue; 
}

.babysubmenu a:hover
{
  color: blue;
}

.emailaddress, .cdtitle
{
  color: lightblue;
}

.quote, .singer
{
  color: lightsteelblue;
}


a, a:link
{
  color: skyblue;
}

a:visited
{
  color: paleblue;
}

a:hover
{
 color: lightblue;
}


/* DEFINITIONS */

ul
{
  font-family: Arial;
  font-size: 1em;
}

p
{
  font-family: Arial;
  font-size: 1em;
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.borderlink
{
  text-align: center;
  font-family: Times New Roman;
  font-size: 0.75em;
  font-variant: small-caps;
}

.quotetitle
{
  font-family: Times New Roman;
  font-size: 1em;
  margin-bottom: 0.75em;
}

.arrow
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 1.5em;
  text-align: center;
}

.smallprint
{
  font-family: Arial;
  font-size: 0.75em;
}

.address
{
  font-family: Arial;
  font-size: 1.1em;
  margin-left: 2cm;
  text-align: left;
  margin-bottom: 0.5em;
}

.mailinglistcontrol
{
  padding: 0.5em;
  font-size: 1em;
  margin-bottom: 0.5em;
}

.picture
{
  align=center;
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.piclabel
{
  text-align: center;
  font-size: 0.75em;
  margin-top: 0.5em;
}

.tablecell
{
  font-size: 1em;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

.jobtitle
{
  font-size: 1em;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  font-weight: bold;
}

.bodytext
{
  font-family: Arial;
  font-size: 1em;
  text-align: left;
  margin-bottom: 1em;
}

.indented
{
  font-family: Arial;
  font-size: 1em;
  text-align: left;
  text-indent: 2cm
  margin-bottom: 1em;
}

.bodycentred
{
  text-align: center;
  font-family: Arial;
  font-size: 1em;
  margin-bottom: 1em;
}

.bodyjustified
{
  text-align: justify;
  font-family: Arial;
  font-size: 1em;
  margin-bottom: 1em;
}

.quote
{
  font-family: "Times New Roman";
  font-size: 1em;
  margin-bottom: 1em;
}

.singer
{
  font-size: 0.75em;
}

.part
{
  font-size: 0.75em;
}

.title
{
  text-align: center;
  space-after: 0;
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 2.5em;
  font-variant: small-caps;
  font-weight: bold;
}

.subtitle
{
  text-align: center;
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 1.75em;
  font-variant: small-caps;
  font-weight: bold;
}

.central
{
  text-align: center;
  font-family: Arial;
  font-size: 1.25em;
  font-weight: bold;
}

.emailaddress
{
  text-align: center;
  font-family: Arial;
  font-size: 1.25em;

}

.cdtitle
{
  text-align: left;
  font-family: Arial;
  font-size: 1em;
  font-weight: bold;
}

.mainmenu
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 1.2em;
  background-color: midnightblue;
}

.mainmenu a
{
  /* colour defined in colours section above */
}

.mainmenu a:link
{
  /* colour defined in colours section above */
  text-decoration: none;
}

.mainmenu a:visited
{
  text-decoration: none;
}

.mainmenu a:hover
{
  text-decoration: none;
}

.submenu
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 1em;
  text-align: center;
}

.submenucurrentpage
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 1em;
  text-align: center;
}

.babysubmenu
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 0.75em;
  text-align: center;
}

.babysubmenucurrentpage
{
  font-family: Hobo, Comic Sans MS, Arial;
  font-size: 0.75em;
  text-align: center;
}

.submenu a
{
   /* colour defined in colours section above */
}

.submenu a:link
{
  text-decoration: none;
}

.submenu a:visited
{
  text-decoration: none;
}

.submenu a:hover
{
  text-decoration: none;
}

.babysubmenu a:link
{
  text-decoration: none;
}

.babysubmenu a:visited
{
  text-decoration: none;
}

.babysubmenu a:hover
{
  text-decoration: none;
}

h1
{
  font-family: Arial;
  font-size: 1.25em;
  font-style: italic;
}

td
{
}

.mainmenucell
{

  text-align: center;
  font-family: Arial;
  font-size: 1.25em;
}

.datebox
{
  font-family: Arial;
  vertical-align: top;
  font-weight: bold;
}

.infobox
{
  font-family: Arial;
  font-style: italic;
  vertical-align: top;
}

.submenu
{
  background-color: midnightblue;
}

.submenucurrentpage
{
  background-color: midnightblue;
}

.babysubmenu
{
  background-color: darkblue;
}

.babysubmenucurrentpage
{
  background-color: darkblue;
}

table
{
}

.quotebox
{
  background-color: midnightblue;
  width: 90%;
}

a
{
  /* colour defined in colours section above */
}

a:link
{
  text-decoration: none;
}

a:visited
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}