* {margin: 0; padding: 0; border: 0;}

body {
	text-align: center;
	background: white;
	color: black;
	min-width: 760px;
	/*background-image:url(imageresources/xmas2010/xmas-background.jpg);
	background-repeat:repeat-x;*/
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 760px;
margin: 0 auto; 
background-color: white;
}

#header, #subnav, #topnav, #footer {
	clear: both;
	width: 100%;
	background-color:white;
	color: #666666;
}

/*#header {background-color: #008; color: #fff; height: 84px;}*/
#header {background-color: transparent; color: #fff; height: 99px;}

#footer {
background-color: #0090c9;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
}

#footer p {
background-color: #0090c9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
font-weight:normal;
text-decoration:none;
text-align:center;
color:white;
}

#footer p a,
#footer p:active {
background-color: #0090c9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
font-weight:bold;
text-decoration:none;
text-align:center;
color:white;
}

#footer p a:hover {
background-color: #0090c9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
font-weight:bold;
text-decoration:underline;
text-align:center;
color:white;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-color: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	clear:left;
}

#subnav {
text-align: center;
margin-top:5px;
width: 760px;
height:20px;
font-size:20px;
}

#banner {
width:760px;
height:99px;
}

#topnav_wrapper {
/* float:right */
height:20px;
font-size:20px;
}

#topnav li,
#topnav li a,
#topnav li a:active {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:normal;
	text-decoration:none;
	border-right-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	float:left; 
	color: #666666;
	list-style-type: none;
	border-right-color: #0090c9;
	border-left-color: #0090c9;
	padding-right: 0px;
	padding-left: 0px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0;
	background-color:white;
}

#topnav li a:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:normal;
	text-decoration:none;
	border-bottom:0px none;
	border-top:0px none;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-color: #009999;
	border-left-color: #009999;
	border-right-style: solid;
	border-left-style: solid;
	color: #666666;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0;
	background-color:white;
}

#top_navigation,
#top_navigation a,
#top_navigation a:active {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-decoration:none;
	color: #0090c9;
	text-align: left;
	background-color:white;
}

#top_navigation a:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-decoration:underline;
	color: #0090c9;
	text-align: center;
	background-color:white;
}


#jumpmenu {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:normal;
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0;
	float:right;
	background-color:white;
	}
	
.jumpmenu {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:normal;
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;
	float:left;
	background-color:white;
	}
	
.jumpbutton	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	color: white;
	background-color:#339999;
	padding-right: 2px;
	padding-left: 2px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0;
	}

#contentfloatholder {/* right faux column tab */
	float: left;
	width: 100%;
	background-image: url(imageresources/graphics/background_orange_columns.gif);
	background-repeat: repeat-y;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#contentfloatholder_recruit {/* right faux column tab */
	float: left;
	width: 100%;
	background-image: url(imageresources/graphics/background_orange_columns.gif);
	background-repeat: repeat-y;
}


#contentfloatholder_recruit:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
	margin: 0 150px 0 150px;
	height:100%;	
}

#center img {
border:0px;
float: left;
padding-left:10px;
padding-top: 0px;
padding-right:10px;
padding-bottom:10px;
}

#center h2 {
background-color:none;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
}

#center h3 {
background-color:none;
color:#333333;
font-size: x-small;
font-weight:normal;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
/* margin-left: 150px;*/
line-height:1.5em;
padding-top:0px;
font-weight:bold;
}

#center h3 a, #center h3 a:active {
background-color:none;
color:#333333;
font-weight:bold;
text-decoration:none;
}

#center h3 a:hover{
background-color:none;
color:#333333;
font-weight:bold;
text-decoration:underline;
}

#center p {
background-color:none;
color:#333333;
font-size: x-small;
font-weight:normal;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
padding-top:0px;
}

#center p a, #center p a:active {
background-color:none;
color:#333333;
font-size: x-small;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
padding-top:0px;
text-decoration:none;
}

#center p a:hover {
background-color:none;
color:#333333;
font-size: x-small;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
padding-top:0px;
text-decoration:underline;
}

#center p img {
float:left;
border:0px;
padding:10px;
}

#services {
	width:100%
	}

#services ul {
	background-image:url(imageresources/background_creche_kid.jpg);
	background-repeat: no-repeat;
	}
	
#services2 {
	background-image: url(imageresources/background_baby.jpg);
	background-repeat: no-repeat;
}

#foodcourt {
	background-image: url(imageresources/background_chinese_food.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	width:100%;
	
}

#center li {
	color:#333333;
	font-size: x-small;
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
	padding-top:0px;
	padding-left:20px;
	list-style-position: inside;
	list-style-image: url(imageresources/graphics/gyle_bullet.gif);
	list-style-type: none;
}

#center li a, #center li a:active {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	}
	
#center li a:hover {
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	}
	
#center li img {
	border:0px none;
	float:left
	padding: 10px;
	}	

#centerwrap {
	float:left;
	width: 100%;
	margin: 0 -95% 0 0;	
}

.articlewrapper {
padding-top:10px;
margin-left:10px;
margin-right:10px;
clear:left;
border-top:#0090c9 dotted 1px;
}

.articletext {
margin-left: 150px;
}

#left {
  float:left;
  width: 150px;
  margin: 0 0 0 -5%;
  background-color: #FF831e;
}

#left img, #right img, #right br {
border:0px;
padding:0px;
margin:0px;
float:left;
}


#right {
  float:right;
  width: 150px;
  margin: 0;
  background-color: #FF831e;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 5px;
	float:left;
	background-color:white;
}

/*
****************************

Buttons

****************************
*/

.button_red,
.button_red a,
.button_red a:active
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#FF1D3F;
	margin:0px;
	color: #FFFFFF;
	padding:4px;
	text-decoration:none;
	}
	
.button_red a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#0090c9;
	margin:0px;
	color: #FFFFFF;
	padding: 4px;
	text-decoration:none;
	}
	
.button_purple,
.button_purple a,
.button_purple a:active
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#c971b5;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	}
	
.button_purple a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#12af4c;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	}
	
.button_orange,
.button_orange a,
.button_orange a:active
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#ff831e;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	}
	
.button_orange a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#ff1d3f;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	}
	
.button_blue,
.button_blue a,
.button_blue a:active
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#0090c9;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	margin:0;
	}
	
.button_blue a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#ff1d3f;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	margin:0;
	}
	
.button_green,
.button_green a,
.button_green a:active
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#12af4c;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	margin:0;
	}
	
.button_green a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	background-color:#c971b5;
	color: #FFFFFF;
	padding: 4px;
/*	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;*/
	text-decoration:none;
	margin:0;
	}
	
#separator {
	clear:both;
	height:1px;
	background-color: white;
	font-size: 1px;
	color:white;
	}
	
#header img {
	border:0px;
	}
	
/*

Directory

*/

.directoryactive 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: smaller; 
font-style: normal; 
font-weight: bold; 
color: #0099FF
}
.directoryactive a
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: smaller; 
font-style: normal; 
font-weight: bold;
text-decoration:none; 
color: #0099FF
}
.directoryactive a:hover
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: smaller; 
font-style: normal; 
font-weight: bold;
text-decoration:underline; 
color: #0099FF;
background-color: #cccccc;
}

.directorynonactive {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-style: normal; font-weight: normal; color: #00CCFF}
.directoryname {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-style: normal; font-weight: normal; color: #0066FF}
.directoryphonenumber {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-style: normal; font-weight: normal; color: #0099FF}

.tabletext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #666666}
.tabletimes {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; color: #666666}

.outerbox {  background-color: #ff831e; border: 1px #66CCFF solid}
.innerbox {  background-color: none; border: none}

.services {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-style: normal; font-weight: normal; color: #333333; text-align: left; border: 0px none;}

.centreImage {
text-align: center;
padding:10px;
margin:auto;
}

#centreimage {
width:100%;
text-align: center;
padding:10px;
margin:auto;
}

/*

Graphic Buttons

*/

#button_events ,
#button_about,
#button_recruitment,
#button_contact,
#button_hours,
#button_finding_us,
#button_community
{
	padding: 0px;
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 25px;
	float: left;
}

#button_special_offers,
#button_exhibitions,
#button_directory
{
	padding: 0px;
	border: 0px;
	overflow:hidden;
	width: 85px;
	height: 25px;
	float: left;
}

#button_events a {
	background: url(imageresources/buttons/events.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_events a:hover {
	background: url(imageresources/buttons/events.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_directory a {
	background: url(imageresources/buttons/directory.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 85px;
	height: 20px;
	float:left;
}

#button_directory a:hover {
	background: url(imageresources/buttons/directory.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_finding_us a {
	background: url(imageresources/buttons/finding_us.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_finding_us a:hover {
	background: url(imageresources/buttons/finding_us.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_about a {
	background: url(imageresources/buttons/about_gyle.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_about a:hover {
	background: url(imageresources/buttons/about_gyle.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_special_offers a {
	background: url(imageresources/buttons/special_offers.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 85px;
	height: 20px;
	float:left;
}

#button_special_offers a:hover {
	background: url(imageresources/buttons/special_offers.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_hours a {
	background: url(imageresources/buttons/opening_hours.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_hours a:hover {
	background: url(imageresources/buttons/opening_hours.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_contact a {
	background: url(imageresources/buttons/contact_us.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_contact a:hover {
	background: url(imageresources/buttons/contact_us.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_recruitment a {
	background: url(imageresources/buttons/recruitment.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_recruitment a:hover {
	background: url(imageresources/buttons/recruitment.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_exhibitions a {
	background: url(imageresources/buttons/exhibitions.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 85px;
	height: 20px;
	float:left;
}

#button_exhibitions a:hover {
	background: url(imageresources/buttons/exhibitions.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#button_community a {
	background: url(imageresources/buttons/community.gif) no-repeat 0px 0px;
	text-decoration:none;
	display:block;
	padding-left: 0px
	border: 0px;
	overflow:hidden;
	width: 84px;
	height: 20px;
	float:left;
}

#button_community a:hover {
	background: url(imageresources/buttons/community.gif) no-repeat 0px -20px;
	/*float:left;*/
}

#recruitmentHolder {
	width:100%;
	background-color:white;
	padding:0;
	margin:0;
	}
	
#special_offersHolder {
	padding-left:10px;
	padding-right:10px;
	}

#pressoffice {
	width: 95%;
	text-align:left;
	}
	
#pressoffice h1 {
	font-size:0.9em;
	text-align:left;
	}
	
#pressoffice h2 {
	font-size:0.85em;
	text-align:left;
	}
	
#pressoffice h3 {
	font-size:0.6em;
	text-align:left;
	padding:0px;
	margin:0px 0px 0px 10px;
	clear:left;
	}
	
#pressoffice img {
	border:none;
	float:left;
	padding-top: 5px;
	padding-bottom: 30px;
	}

#pressoffice img a {
	border:none;
	float:left;
	padding-top: 10px;
	padding-bottom: 15px;
	}
	
#pressoffice #separator {
	clear:left;
	}
	
img.positionImage {
	float:left;
	padding-bottom:10px;
	}
	
img.positionImageRight {
	float:right;
	padding-left:15px;
	padding-bottom:10px;
	}

h3.clear {
	clear:left:
	}
	
/*
*
*	Newsletter signup
*
*/

#newsletterSignup img#signup {
	padding-top:5px;
	padding-bottom:10px;
	}
	
#signUpBox {
	width:120px;
	padding:5px;
	border: 1px solid #FFFFFF;
	margin-left:10px;
	}
	
#signUpSubmitButton {
	padding-top:10px;
	}
	
#addtionalSignUpBox {
	border:1px solid #FF9900;
	padding:5px;
	width:120px;
	}
#additionalSignUpButton {
	padding:5px;
	border:1px solid #ff9900;
	background-color:#FFCC66;
	font-weight:bold;
	}
	
/*	Competition form  */

form#competition {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em !important;
	padding-bottom:30px;
	float:left;
	clear:left;
	}
	
form#competition fieldset {
	border: 1px solid #CCCCCC;
	padding:10px;
	margin-bottom:15px;
	width:420px;
	}

form#competition legend {
	font-size:1.4em;
	font-weight:bold;
	padding:5px;
	color:#666666;
	}
	
form#competition label {
	float:left;
	width:200px;
	margin-bottom:15px;
	}
	
form#competition input.inputField,
form#competition textarea.inputField {
	float:left;
	width:200px;
	border:1px solid #009999;
	padding:5px;
	margin-bottom:15px;
	}
	
form#competition input.ageInputField {
	float:left;
	width:50px;
	border:1px solid #009999;
	padding:5px;
	margin-bottom:15px;
	}
	
form#competition input.submitButton {
	clear:left !important;
	border:2px solid #006699;
	width:200px;
	padding:5px;
	font-weight:bold;
	margin-left:120px;
	}
	
h2.mainHeadline {
	float:left;
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:20px;
	}
	
p.competition {
	clear:left;
	padding-bottom:10px;
	}
	
.specialOffer {
	color:#FF0000;
	}
	
.highlight {
font-weight:bold !important;
color:red !important;
}

/* New Recruitment */

ul#recruitmentListing {
	width:100%;
	list-style-type:none;
}

ul#recruitmentListing li {
	padding-bottom:20px !important;
	padding-top:20px !important;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#recruitmentListing li img {
	float:left;
	padding:7px;
	border:1 px solid #CCC;
	width:150px;
}

ul#recruitmentListing li p {
	float:right;
	width: 535px;
	margin:0 0 10px 0 !important;
}

.eventPast {
	color:#999 !important;
	{