body {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
   background-image: url(../images/bgGreen.gif);
   background-position: top;
   background-repeat: repeat-x;
   margin-top: 0px;
   margin-left: 0px;
}

.clovers {
  width: 992px;
  height: 1057px;
  background-image: url(../images/cloverstest.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-left: auto;
  margin-right: auto;
}

.logo {
  position: relative;
  top: 120px;
  width: 680px;
  height: 108px;
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.strapLine {
  position: relative;
  top: 145px;
  width: 720px;
  height: 86px;
  background-image: url(../images/buttonsGrey.gif);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}


.menuContainer{
width: 720px;
margin-right: auto;
margin-left: auto;
display: block;
height: 65px;
}
.menu {
width: 143px;
height: 30px;
display:block;
float: left;
margin-left : 0px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
 }
 
 .menuBottom {
width: 143px;
height: 30px;
display:block;
float: right;
padding-top: 10px;
padding-right: 6px;

 }

.menu2 {
float: left;
position: relative;
width: 570px;
padding-top: 18px;
margin-left: auto;
margin-right: auto;
align:right;

}

.menuText {
display: block;
position: relative;
width: 130px;
height: 30px;
font-family : sans-serif;
font-size: 14px;
padding-top: 6px;
text-align: left;

float: left;
}



.welcomeTitle {
float: left;
padding-top: 55px;
padding-left: 20px;
width: 300px;
}

.welcomeText {
float: left;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 180px;
width: 720px;
}

.homeContentPic {
position: relative;
float: left;
padding-top: 50px;
}

.justify{
  text-align: justify;
}

.homeTable{
  width: 720px;
    margin-right: auto;
    margin-left: auto;
    float: left;
}
.homeContent{
position: relative;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  float: left;
}


#button a:link {
   background-image: url("../images/buttonNorm.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   cursor: hand;
   margin-left: 10px;
   }

#button a:active {
   background-image: url("../images/buttonNorm.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   cursor: hand;
      margin-left: 10px;
   }

#button a:visited {
   background-image: url("../images/buttonNorm.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
      cursor: hand;
         margin-left: 10px;
   }

#button a:hover {
   background-image: url("../images/buttonHov.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #000000;
    text-decoration: none;
       cursor: hand;
          margin-left: 10px;
   }

.button {
    background: url("../images/buttonNorm.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #000000;
    text-decoration: none;
       cursor: hand;
}

.buttonHov {
    background: url("../images/buttonNorm.gif");
   background-repeat: no-repeat;
   width: 130px;
   height: 30px;
   display: block;
   color: #000000;
    text-decoration: none;
       cursor: hand;
}


.pageLinks a:link {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.pageLinks a:visited {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.pageLinks a:hover {color: #660000; text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.pageLinks a:active {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}

.picsContainer{
  padding-top: 30px;
  width: 630px;
  margin-left: auto;
  margin-right: auto;
}


.picsLeft{
  padding-top: 20px;
  width: 65px;
  float: left;
}

.picsCenter{
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: 500px;
  float: left;
}

.picsRight{
  padding-top: 20px;
  width: 65px;
  float: left;
}

.cottageText {
  width: 450px;
  padding-left: 30px;
  margin-left: auto;
  margin-right: auto;
}

.subMain {
  width: 150px;
  float: left;
  padding-left: 20px;
}

.subMainText {
padding-top: 5px;
  width: 500px;
  float: left;
  line-height: 130%;
  text-align: justify;
  padding-left: 20px;
  font-size: 14px;
}

.footerClass {
  font-size: 12px;
  color: #808080;
  width: 720px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

#footer a:link {color: #808080; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#footer a:visited {color: #808080; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#footer a:hover {color: #808080; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#footer a:active {color: #808080; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#outAbout a:link {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#outAbout a:visited {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#outAbout a:hover {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#outAbout a:active {color: #660000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}


.bookingText{
  width: 678px;
  font-size: 14px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}


.bookingTable{

width: 678px;
height: 430px;
overflow: scroll;
  font-size: 14px;
   font-weight: bold;
     background-color: #B3D5C2;
       margin-left: auto;
        margin-right: auto;
        border: #C0C0C0;
        border-style: solid;
        border-width: 5px;


}

		.shadowboxfloat {margin: 0px 0px 0px 0px;
			background: url(../images/shadowdark.gif) repeat;
			width: 678px;
            height: 430px;
            overflow: scroll;
			position: relative; /*IE needs this to show float properly*/
			float: left}

 		.shadowcontent {
        position: relative;
			padding: 10px;
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #C4E1C7;
			color: black;
			border: 1px solid #2E595C}
 }
 

.hiddenPic {
display: none;
visibility: hidden;
}