/*

  Colours:
  
    purple: #590b93
    aqua: #ccffff
    dark aqua: #00dddd
    
*/

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

html {
  font-size:100.01%;
}

body {
  font-family:Tahoma, Garamond, Verdana,Arial,sans serif;
  color:#333399;
  background-color:inherit;
}

p, li {
  font-size:0.9em;
}

p.first {
  margin-top:0;
}

body {
  background:url('../images/background.gif') repeat-y;
}

table.main {
  width:100%;
  height:100%;
}

/* Navigation -------------------------------------------------------------- */

td.navTop {
  background-color:#590b93;
  height:60px;
  width:200px;
}

td.nav {
  width:200px;
  padding:0;
  border:0;
  vertical-align:top;
  padding-top:25px;
}

td.nav a {
  text-decoration:none;
  background-color:#590b93;
  color:#ccffff;
}

td.nav img {
  border:0;
}

td.nav a:hover {
  text-decoration:underline;
}

div.menuItem {
  text-align:center;
  margin-bottom:25px;
  font-weight:bold;
  background-color:#590b93;
  color:#ccffff;
}

div.menuItemWithSubs {
  margin-bottom:6px;
}

/* Content ----------------------------------------------------------------- */

td.head {
  height:60px;
}

table.content {
  width:100%;
  height:100%;
}

td.contentTop {
/*  border-left:1px solid #00dddd;*/
  background-image:url("../images/purpleBanner.jpg");
}

td.content {
  background-color:#ccffff;
  vertical-align:top;
  padding:25px;
}

td.contentBottom {
  text-align:right;
  font-size:0.8em;
  padding-right:20px;
  background-image:url("../images/purpleBanner2.jpg");
}

h1 {
  border-bottom:1px solid #333399;
  padding-bottom:5px;
}

h2 {
  margin-bottom:0.25em;
  font-size:1em;
}

h3 {
  margin-bottom:0;
  font-size:0.9em;
}

a {
  color:#660033;
}

div.aboutBox {
  float:right;
  /*width:260px;*/
  min-width:200px;
  border:1px solid #6666cc;
  color:inherit;
  background-color:#bbeeee;
  margin-left:20px;
  margin-bottom:20px;
  padding:10px;
}

div.aboutBox p, div.aboutBox li {
  font-size:0.8em;
}

div.aboutBox ul {
  margin-bottom:0;
}

div.aboutBox li {
  margin-top:0.5em;
}

div.bridgetBox {
  margin-left:50px;
  margin-right:50px;
  padding:10px;
  border:2px solid #993366;
}

.noTopMargin {
  margin-top:0;
}

ul.links li {
  margin-top:1em;
}
/* Footer ------------------------------------------------------------------ */

td.foot {
  height:100px;
  text-align:center;
  vertical-align:middle;
}

div.marquee {
  width:600px;
  margin-left:auto;
  margin-right:auto;
}

div.emailLink a {
  margin:0;
  padding:2px;
  color:inherit;
  background-color:#ccffff;
  font-weight:bold;
}