body {text-align: center;
background: #6087b0;
color: #fff;
font: 12px arial, verdana, sans-serif; line-height: 18px;
margin-top: 30px; }

#wrapper { width: 760px; margin: 0 auto; text-align: left; position: relative; }
#top { clear: both; background: #6087b0;}

#middle { clear: both; background-color: #90a9c5; height: 350px; }
/* Following 2 columns relate to middle*/
#firstcolumn { width: 310px; float: left;  background-color: #90a9c5; padding: 5px 30px 0 40px; }
#secondcolumn { width: 360px; float: left; padding: 10px; color: #fff; line-height: 20px; background-image: url(../images/blueflowers.jpg);  background-color: #8ba9c5;  }
#middle1 { clear: both; background-color: #90a9c5; height: 630px; } /*This gives a different height to the info page blue bit at the top*/


#bottom { clear: both; background-color: #c8baaf; height: 275px; background-repeat: no-repeat; }
#bottom.info { clear: both; background-color: #c8baaf; height: 1230px; background-repeat: no-repeat; }
/* Following 2 columns relate to bottom*/
#firstcolumn1 { width: 310px; float: left;  background-color: #c8baaf; padding: 10px 30px 5px 40px; color: #594c43; }
#secondcolumn1 { width: 360px; float: left; padding: 10px; color: #594c43; line-height: 20px; background-image: url(../images/brownflowers.jpg);  background-color: #c8baaf; }

#footer { clear: both; color: transparent; height: 39px;  background-image: url(../images/footer.jpg); padding: 10px 10px 2px 38px; font-weight: 700; color: #fff; }

h1 { font: 17px "lucida sans", verdana, arial, sans serif; color: #f8b859; text-align: right; }
h2 { font: 13px arial, verdana, sans-serif; font-weight: 700; background-color: #c6b1ad; }

.paddingpic { padding: 6px 0 0 0; }

a:link { color: #503e54; text-decoration: underline; background: transparent; font-weight: 700; }
a:visited { color: #503e54; background: transparent; font-weight: 700;}
a:hover { color: #503e54; background: #7197b7; font-weight: 700; }

a.link2:link { color: #fff; text-decoration: none; background: transparent; font-size:15px; font-weight: 700; }
a.link2:visited { color: #fff; background: transparent; text-decoration: none; font-weight: 700; }
a.link2:hover { color: #fff; background: transparent;  text-decoration: underline; font-weight: 700; }

a.link3:link { color: #fff; text-decoration: none; background: transparent; font-size:10px; font-weight: 500; }
a.link3:visited { color: #fff; background: transparent; text-decoration: none; font-weight: 500; }
a.link3:hover { color: #fff; background: transparent;  text-decoration: underline; font-weight: 500; }

a.link4:link { color: #fff; text-decoration: underline; background: transparent; font-size:12px; font-weight: 500; }
a.link4:visited { color: #fff; background: transparent; text-decoration: underline; font-weight: 500; }
a.link4:hover { color: #fff; background: #7197b7; text-decoration: underline; font-weight: 500; }

.nolink { color: #503e54; text-transform: uppercase; background: transparent; font-weight: 700; }

.dark { color: #1a2434; }
.border { border: solid #fff 8px; }
.large { font-size: 13px; }
.larger { font-size: 16px; }
.clear { clear: both; }