body
{
  background-color: rgb(170,170,170);
  padding: 0px; /* this sort of thing is controlled by the divs */
}

.maindiv
{
  width: 90%;
  position: relative;
  left: 5%;
  background-color: rgb(255,255,255);
  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  
  margin-bottom: 15px;
  
  text-align: justify;
}

.headerbar
{
  height: 90px;
  width: 95%;
  position: relative;
  left: 2.5%;
  background-color: rgb(135,179,246);
  background-image: url('images/header-bar-rounded.jpg');
  background-repeat: no-repeat;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
}

.mainname
{
  position: relative;
  /*top: 44px;*/ /* this is calculated as we know the height of the name and the header and the amount of padding in the header bar */
  top: 23px;
}

.linkbar
{
  height: 41px;
  width: 95%;
  position: relative;
  left: 2.5%;
  
  background-color: rgb(212,229,252);
  background-image: url('images/link-bar.jpg');
  background-repeat: no-repeat;
  
  padding-top: 12px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.linkbarlinks
{
  float: right;
  text-align: right;
}

.linkbartitle
{
  float: left;
  
  text-align: left;
  font-family: sans-serif;
  font-size: 120%;
  color: rgb(57,110,190);
}

.barlinks
{
  text-decoration: none;
  font-family: sans-serif;
  font-weight: bold;
  color: rgb(153,186,224);
  font-size: 110%;
}

.barlinks:hover
{
  color: rgb(199,216,235);
}

.mainsection
{
  width: 95%;
  position: relative;
  left: 2.5%;
  
  padding: 10px;
}

.maintext
{
  width: 75%;
  padding-top: 20px;
  left: 0px;
  float: left;
}

.rightdiv
{
  width: 23%;
  padding-top: 25px;
  float: right;
  text-align: center;
}

/* headings */
h1 {font-family: sans-serif; font-size: 200%; color: rgb(57,110,190);}
h2 {font-family: sans-serif; font-size: 180%; color: rgb(57,110,190);}
h3 {font-family: sans-serif; font-size: 160%; color: rgb(57,110,190);}
h4 {font-family: sans-serif; font-size: 140%; color: rgb(57,110,190);}
h5 {font-family: sans-serif; font-size: 120%; color: rgb(57,110,190);}

/* external links */

a:link { color: rgb(36,91,172); text-decoration: none; }
a:link:hover { color: rgb(134,171,213); }

a:active { color: rgb(36,91,172); text-decoration: none; }
a:active:hover { color: rgb(134,171,213); }

a:visited { color: rgb(36,91,172); text-decoration: none; }
a:visited:hover { color: rgb(134,171,213); }

/* internal links */

a:link.internal { color: rgb(94,140,210); }
a:link.internal:hover { color: rgb(134,171,213); }

a:active.internal { color: rgb(94,140,210); }
a:active.internal:hover { color: rgb(134,171,213); }

a:visited.internal { color: rgb(94,140,210); }
a:visited.internal:hover { color: rgb(134,171,213); }

.quotation
{
  margin-left: 5%;
  margin-right: 5%;
}

.source {font-size: x-small;}

.bottombar
{
  
  height: 10px;
  width: 95%;
  position: relative;
  left: 2.5%;
  
  margin-top: 20px;
  
  background-color: rgb(141,177,237);
  background-image: url('images/bottom-bar.jpg');
  background-repeat: no-repeat;
  
  clear: both;
}