

body {
  background-color:#05a2e5;
}


div#main
{
  margin-left:auto;
  margin-right:auto;

  width:80%;


  display:table;    /* so that firefox wil display the white left hand side full length (ie7 does it anyway) */

  background-color:white;
}



#text       /* use this as the main control to determine the size and position (float) for the image to make the image re-size with the screen */
{
  position:relative;
  left : 1px;
  top:1px;
  background-color:white;
  width:59%;
  float:left;

  z-index:95;

}

#pic       /* use this as the main control to determine the size and position (float) for the image to make the image re-size with the screen */
{
  width:39%;
  float:right;
  z-index:5;
}

#footer

{
  margin-left:auto;
  margin-right:auto;

  width:80%;

  font-family: "Arial", "Helvetica";
  Font-Size:110%;

  background-color:#05a2e5;
}


#navigation
{
  position:relative;

  color:yellow;

  font-family: "Arial", "Helvetica";
  Font-Size:10pt;
  font-weight:bold;

  display:table-cell;

  left : 0px;
  top:1px;


  height:70px;
  z-index:1;
  }


div.menuitems
{
  position:absolute;
  visibility:hidden;
  width:120px;
  text-align:center;
  background-color:#05a2e5;

}

div.menusubitem
{
  width:120px;
  text-align:center;
  background-color:#05a2e5;
  cursor:pointer;
}

div#MenuItemsC
{
  left:75px;
  top:15px;
}
div#MenuItemsD
{
  left:150px;
  top:15px;
}
div#MenuItemsE
{
  left:225px;
  top:15px;
}
div#MenuItemsF
{
  left:300px;
  top:15px;
}

div.MenuTopic
{
  cursor:pointer;
  visibility:hidden;
  background-color:#05a2e5;
  top:0px;
  position:absolute;
  text-align:center;
  width:75px;
}


img#img1
{

  width:90%; /* MUST BE SET so that image re-sizes - see div#pic */
              /* don't define the height, otherwise the image can sometime stretch and sometimes compress on certain browsers */
  padding:3%;
  float:right;

  z-index:90;

}

table#offers
{
  background-color:white;
  width:100%;
}

p, td, select
{
  font-family: "Arial", "Helvetica";
  Font-Size : 12px;
  padding:1px;
}




td.enq
{
  padding:4pt 5pt 4pt 0pt; /* top, right, bottom, left */

}

.enq_form_error
{
  background-color:red;
}


td.offer
{
  text-align:center;
  font-size:12px;

}
td.col_head

{
  text-align:center;
  font-size:12px;
  font-weight:bold;
}

td.offer_heading
{
  text-align:center;
  font-weight:bold;
  font-size:17px;

  color:yellow ;
  background-color:#05a2e5;

}

td.offers_small_print
{

  font-size:10px;

}

#set_width /* of the left hand column of the enquiry form */
{
  width:40%;
  }

.opening_hours_day
{
  font-family: "Arial", "Helvetica";
  Font-Size : 22px;
  color:yellow ;
  font-weight:bold;
  text-align:left;
  background-color:#05a2e5;
  width:200px;
}
.opening_hours_times
{
  font-family: "Arial", "Helvetica";
  Font-Size : 16px;
  font-weight:bold;
}


td#intro
{
  background-color:white;

  font-family: "Arial", "Helvetica";
  Font-Size:90%;
  color:black ;
  text-align:left;
}


td#footer_text
{
  font-family: "Arial", "Helvetica";
  Font-Size:9px;
  color:black ;
  text-align:justify;
  vertical-align: middle;
  padding:20px;
}


li
{
  font-family: "Arial", "Helvetica";
  Font-Size:100%;
}



h1
{
  font-family: "Arial", "Helvetica";
  Font-Size : 22px;
  color:yellow ;
  text-align:left;
  background-color:#05a2e5;
}




img#footer_cp
{
  width:40%;
  }



#ch_ages, #age_of_child1, #age_of_child2, #age_of_child3, #age_of_child4, #age_of_child5, #age_of_child6, #age_of_child7, #age_of_child8, #age_of_child9
{
display: none;
}



td.non_js_nav
{
  Font-Size : 12px;
  color:yellow;
  text-align:center;
  background-color:blue;
  padding:1px 10px 1px 10px;
}

td.non_js_nav a:link {
	color: yellow;
	}
td a:visited {
	color: yellow;
	}
td.non_js_nav a:hover {
	color: red;
	}
td.non_js_nav a:active {
	color: yellow;
	}



td.non_js_nav_sub
{
  Font-Size : 10px;
  color:yellow;
  text-align:center;
  background-color:#05a2e5;
  padding:1px 10px 1px 10px;
}

td.non_js_nav_sub a:link {
	color: yellow;
	}
td a:visited_sub {
	color: yellow;
	}
td.non_js_nav_sub a:hover {
	color: red;
	}
td.non_js_nav_sub a:active {
	color: yellow;
	}
