/* This stylesheet controls the webpage areas colours */
body {
  background-color: #CCFFCC;
}

#pageframe {
  border: 1px solid rgb(240, 240, 240);
}

#titlearea {
  background-color: #FFFFCC;
  background-image: url(images/R&R_LogoT.jpg);
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */

#leftarea {
  background-color: #FFFFCC;
}

.menubox {}

.submenubox {}
/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */

#centerarea {
  background-color: #CCFFCC;
  border-left: 1px solid rgb(153, 153, 153);
}

#authorarea {}

.headingarea {
  background-color: #FFFFCC;
  border: 1px solid rgb(153, 153, 153);
}

.articlearea {
  background-color: #FFFFCC;
}

#column3 {
  background-color: #FFFFCC;
}
/* columns in text areas */

.clmn1 {
  border: 1px dotted rgb(230, 230, 230);
  background: transparent;
}

.clmn2 {
  border: 1px dotted rgb(230, 230, 230);
  background: transparent;
}

.clmn3 {
  border: 1px dotted rgb(230, 230, 230);
  background: transparent;
}

.clmn4 {
  border: 1px dotted rgb(230, 230, 230);
  background: transparent;
}
/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
  border: 10px solid #CCFFCC;
}
/*   XXXXXXXXXXXX  Bottom bar area XXXXXXXXXXXX */

#bottombar {}
/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */

.subtable {
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(0, 0, 0);
}

.toprow {
  background-color: rgb(230, 230, 230);
}

.lastrow {
  background-color: rgb(230, 230, 230);
}
/* Individual text font styles*/

p {
  color: rgb(0, 0, 102);
}

h1 {
  color: rgb(0, 0, 102);
}

h2 {
  color: rgb(0, 0, 102);
}

h3 {
  color: rgb(0, 0, 102);
}

h4 {
  color: rgb(0, 0, 102);
}

h5 {
  color: rgb(0, 0, 102);
}

h6 {
  color: rgb(0, 0, 102);
}
/* indented paragraphs and list styles*/

ul {
  color: rgb(0, 0, 0);
}

li {
  color: rgb(0, 0, 0);
}
/* Default text link styles*/

a:link {
  color: rgb(13, 37, 150);
}

a:visited {
  color: rgb(0, 0, 0);
}

a:hover {
  color: rgb(200, 0, 0);
}

a:active {
  color: rgb(13, 37, 125);
}
/* Side menu text link styles*/

a.sidemenutext:link {
  background: rgb(240, 240, 240);
  padding: 3px 0px 0px 16px;
  border-top: 1px solid rgb(153, 153, 153);
  color: rgb(0, 0, 153);
  text-decoration: none;
}

a.sidemenutext:visited, a.sidemenutext:active {
  padding: 3px 0px 0px 16px;
  border-top: 1px solid rgb(153, 153, 153);
  color: rgb(0, 0, 153);
  text-decoration: none;
}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
  padding: 3px 0px 0px 16px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(153, 153, 153);
  color: rgb(253, 160, 91);
  text-decoration: none;
}

a.sidemenutext:hover, a.sidemenutextlive:hover {
  background: rgb(100, 135, 220);
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
  padding: 2px 0px 2px 16px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(153, 153, 153);
  color: rgb(0, 0, 153);
  text-decoration: none;
}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
  padding: 2px 0px 2px 16px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(153, 153, 153);
  color: rgb(0, 0, 0);
  text-decoration: none;
}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
  padding: 2px 0px 2px 16px;
  background: rgb(0, 102, 204);
  color: rgb(255, 255, 255);
  text-decoration: underline;
}