body {
  color: rgb(255,255,204);
  background-image:url(../images/Working/BackGrad.png);
  background-repeat:repeat-x; 
  /*  background-color: rgb(255,0,204); = plain red*/
  margin: 0px;
  padding: 0px;
}
  
h1 {
  padding-top: 20px;
  text-align: center;
  font-family: Castellar, Arial, Helvetica, sans-serif;
  font-size: 4.0em;
}

p {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: rgb(0,0,0);
}

h2 {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 3.0em;
}  

h3 {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.7em;
   }  
   
h4 {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}  

h5 {
  text-align: center;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}  

h6 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
    
h2, h3, h4, h5, h6 {
  color: rgb(255,255,153);
}

a:link {
  color: rgb(255,255,102);
  text-decoration: none;
}

a:visited {
  color: rgb(255,255,51);
  text-decoration: none;
}

a:hover {
  color: rgb(0,0,0);
  background-color: rgb(102,0,0);
  text-decoration: none;
}

#navigation {
  height: 20px;
  width: 100%;
  border-top: solid #000 1px;
  border-bottom: solid #000 1px;
  background-color: rgb(153,0,0);
  clear: both;
}

#navigation ul {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FFF;
  line-height: 30px;
}

#navigation li {
  list-style-type: none;
  display: inline;
}

#navigation li a {
  text-decoration: none;
  padding: 7px 10px;
  color: #FFF;
}

#navigation li a:link {
  color: #FFF:
}

#navigation li a:visited {
  color: rgb(255,255,102);
}

#navigation li a:hover {
  color: rgb(255,255,102);
  background-color: rgb(204,51,0);
}

#main {
  margin-top: 30px;
  margin-left: 50px;
  width: 1100px;
  height: 530px;
} 

#main table {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: rgb(0,0,0);
}

#main table td {
  padding-right: 2%;
  padding-bottom: 2%;
}

#main table img {
  border-style: none;
}

#main ul {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: rgb(0,0,0);
}

#main1left {
  width:700px;
  float: left;
  height: 500px;
}

#main2left table {
  font-size: 0.8em;
  padding:0px;
  border-collapse:collapse;
}

#main1right {
	text-align: center;
  width: 400px;
  height: 500px;
  vertical-align: middle;
  float: right;
}

#main2right table {
  font-size: 0.8em;
  padding:0px;
  border-collapse:collapse;
}

#main2right {
  width:700px;
  float: right;
  height: 500px;
}

#main2left {
	text-align: center;
  width: 400px;
  vertical-align: middle;
  height: 500px;
  float: left;
}

#main2left img {
  border-style: none;
}

#main3left {
  width:700px;
  float: left;
  height: 500px;
}

#main3right {
	text-align: center;
  width: 400px;
  height: 500px;
  vertical-align: middle;
  float: right;
}

#main3right table {
  font-size: 1.2em;
  padding:0px;
}

#more {
  clear: both;
  margin-top: 0px;
  margin-left: 50px;
  text-decoration: none;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: rgb(255,255,153);
  font-weight: bold;
  width: 1100px;
  height: 30px;
  margin-bottom: 30px;
}

#more li {
  list-style-type: none;
  display: inline;
}

#more ul {
  margin: 0px;
  padding: 0px;
  display: inline;
}

#more li a:hover {
  color: rgb(255,255,102);
  background-color: rgb(255,255,255);
}

#footer {
  height: 20px;
  width: 100%;
  border-top: solid #000 1px;
  border-bottom: solid #000 1px;
  background-color: rgb(153,0,0);
  clear: both;
}

#footer ul {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #FFF;
  line-height: 30px;
}

#footer li {
  list-style-type: none;
  display: inline;
}

#footer li a {
  text-decoration: none;
  padding: 7px 10px;
  color: #FFF;
}

#footer li a:link {
  color: #FFF:
}

#footer li a:visited {
  color: rgb(255,255,102);
}

#footer li a:hover {
  color: rgb(255,255,102);
  background-color: rgb(204,51,0);
}

#xlink img {
  border-style: none;
}

.hleft {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  width:100px;
}

.hright {
  float: right;
  width: 205px;
}

.srightbar {
  width: 500px;
  text-align: "right";
}
.sleft {
  width: 500px;
  text-align: "left";
}
 
.sright {
  width: 580px;
  text-align: "right";
}

.quotetext-l {
  color: rgb(0,0,0);
  text-align: left;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.quoter-l {
  color: rgb(0,0,0);
  text-align: left;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding-bottom: 0px;
  margin-bottom: 0px;
}  

.quotetext-r {
  color: rgb(0,0,0);
  text-align: right;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.quoter-r {
  color: rgb(0,0,0);
  text-align: right;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding-bottom: 10px;
}  

.quotetext-normal {
  text-align: left;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: rgb(0,0,0);
}

.pcenter {
  text-align: center;
}
 
.padsm {
  padding-top:30px; 
}
 
.padmed {
  padding-top:100px; 
}
 
.bigtext {
  font-size: 1.4em;
}

.bkgimg {
  background-image:url(../images/Working/NottinghamBoysChoirBack.png);
  background-repeat:no-repeat; 
}

.padsm2 {
  padding-top:30px; 
  padding-left: 70px;
}