/*
* author:  Mary Newing
* copyright information:  Mary Newing.

Colours used
 very pale blue (238, 238, 238)  (EEEEEE)
 pale blue: (207, 200, 207)      (cfc8cf)
 dark blue:  (50,75,120)         (324b78)
 dark yellow:  (200,190,50)      ()
*/


/* START general style applying to whole site */
body {
  margin:0;
  padding: 0;

  font-size: 90%; /* font-size:62.5% makes 1em=10px */
  font-family: Helvetica, sans-serif;
  color: rgb(50,75,120);
  background-color: rgb(207, 200, 207);
}
h1 {
  margin-bottom: 0em;
  margin-bottom: 0.1em;
}
h2 {margin-bottom: 0em;}
h3 {margin-bottom: 0em;}
h5 {margin-top: 0em;}

h1,h2,h3 {
}

a {
  color:rgb(50,75,120);
  font-weight: 400;
}

p {
  margin-top: 0.1em;
}

table {
  padding: 10px;
  margin-bottom: 1em;
  border: 1px dotted rgb(50,75,120);
}
td {
  padding-right: 10px;
  padding-left: 10px;
}


.noTMargin {margin-top:0em}
.noBMargin {margin-bottom:0em}
.noTBMargin {margin-top:0em;margin-bottom:0em}

.pending {font-style: italic;}

.indent {margin-left: 0.5em;}

.smallPrint {
  font-size: 0.8em;
}

img.alignLeft {
  display: block;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}
img.alignRight {
  display: block;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
}
.alignCenter {
  margin-left: auto;
  margin-right: auto;
}



/* END general styling */

#mPage  {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  background-color: white;
  width: 700px;
}


#mHeaderImage  {
  float:left;
  padding: 0px 0px 0px 0px;
}

#mHeaderLogo  {
  padding-top: 7px;
  margin-left: 95px;
  margin-right: 350px;
  border: 1px solid white;
}

#mHeaderLinks  {
  float: right;
  width: 300px;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}

#mTopMenu {
  clear: left;
  background-color: rgb(238, 238, 238);
  font-size:1.1em;
  font-weight: 700;
  text-align:justify;
  padding:0.4em 0.5em;
}


#mTopMenu a,#mMenu span {text-decoration:none; font-weight: 700;padding:0 4px}
#mTopMenu a {color:rgb(50,75,120)}
#mTopMenu a:hover {text-decoration:underline}


#mSideMenu {
  background-color: rgb(238, 238, 238);
  float:left;
  font-size:1.0em;
  text-align:center;
  width:90px;
  padding:0.4em 0.5em;
}
#mSideMenu a,#mMenu span {text-decoration:none; font-weight: 700;padding:0 4px}
#mSideMenu a {color:rgb(50,75,120)}
#mSideMenu a:hover {text-decoration:underline}

/* This is on the right hand side. */
#mInfoBar {
  /* background-color: rgb(238, 238, 238); */
  float:right;
  font-size:1.0em;
  text-align:center;
  width:150px;
  margin:0.5em 0.5em;
}

#mCentrePanel {
  margin-right: 160px;
}

#mContent {
  font-size:1.0em;
  text-align:left;
  margin-left: 120px;
  margin-right: 20px;
  background-color: white;
}


.mTextQuote {
  font-style:italic;
  margin-top: 1.5em;
  text-align:center;
}

.boxStyle {
  font-size:0.8em;
  border: 1px dotted rgb(50,75,120);
  padding:0.2em 0.2em;
}

/*  START footer styling */
#footer {
  color: rgb(50,75,120);
  font-size: 0.8em;
  background-color: rgb(238, 238, 238);

  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

#footerLinks {
  text-align: right;
  float: right;
}


#copyright {
}

a.designer {
  color:rgb(50,75,120);
  padding:0 4px;
}
/*  END footer styling */