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

body {
        position: relatie;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
/*
        font: 76%/1.4 Arial, Helvetica, sans-serif; 
*/
        font: 80%/1.4 Arial, Helvetica, sans-serif; 
	color: #222222;
}

div#bodycontent {width:1000px; border:0; background:#fff;}
div#banner {width:1000px; border: 0; float:left;}
div#menu { width: 1000px; border: 0; background: #fff; float:left;}
div#content { width: 1000px; border: 0; background: #fff; float:left;}
div#searchmenu { width: 1000px; border: 0; background: #fff; float:left;}

div#searchmenu2 {position: relative; width: 300px; border: 0; left: 262px;}
div#searchmenu3 {position: relative; width: 300px; border: 0; left: 466px;}

/*
div#topbanner { width: 1000px; color: #ffffff; background: #ffffff; border: 0; float: left;}
div#topbannerleft { width: 60px; color: #ffffff; background: #ffffff; border: 0; float: left;}
div#topbannermiddle { width: 880px; color: #ffffff; background: #ffffff; border: 0; float: left;}
div#topbannerright { width: 60px; color: #ffffff; background: #ffffff; border: 0; float: left;}
*/

div#toparea {position: relative; border: 0; float: left;}
div#toparealeft { width:250px; color: #ffffff; background: #000000; border: 0; float: left;}
div#topareamiddle { width:470px; border: 0; float: left; }
div#toparearight { width:280px; color: #ffffff; background: #000000; border: 0; float: right;}

<!--
div#clear {height: 0px; border: 0 bakground #fff; float: left;}
-->

div#imagemenu {width: 1000px; border: 0; background: #fff; float: left;}
div#imagemenu1 { width:172px; margin: 14px; background: #eeeeee; border: 0; float: left;}
div#imagemenu2 { width:172px; margin: 14px; background: #eeeeee; border: 0; float: left;}
div#imagemenu3 { width:172px; margin: 14px; background: #eeeeee; border: 0; float: left;}
div#imagemenu4 { width:172px; margin: 14px; background: #eeeeee; border: 0; float: left;}
div#imagemenu5 { width:172px; margin: 14px; background: #eeeeee; border: 0; float: left;}

<!--
div#middleclear {height: 0px; border: 0 bakground #fff; float: left;}
-->

/* top area formatting */
div#homecontent {position: relative; width: 1000px; border: 0; background: #fff; float: left;}
div#homecontentleft { position: relative; left: 0px; width:250px; border: 0; background: #fff; float: left; }
div#homecontentmiddle { position: relative; left: 0px; width:470px; border: 0; background: #fff; float: left; }
div#homecontentright { position: relative; left: 0px; width:280px; border: 0; background: #fff; float: right; }

/* specific image sizing */
.imagemenuimages img { width: 95px;	height: 95px; border: none;	}
.contentimageleft img { width: 250px;	height: 370px; border: none;	}
.contentimageright img { position: relative; width: 280px; height:370px; border: none;	}
.imagetext {color : #ffffff; background: #000000;}

/* bottom area formatting */
div#bottomcontent {position: relative; width: 1000px; border: 0; background: #fff; float: left;}
div#bottomcontentleft { position: relative; left: 0px; width:500px; border: 0; background: #fff; float: left; }
div#bottomcontentmiddle { position: relative; left: 0px; width:150px; border: 0; background: #fff; float: left; }
div#bottomcontentright { position: relative; left: 0px; width:350px; border: 0; background: #fff; float: right; }

div#awards {width:1000px; float: left; both; border: 0; background: #fff;} 
div#footerclear {height: 10px; border: 0 bakground #fff; float: left;}
div#footer {clear: both; border: 0; background: #fff;} 

/* some defaults */
table { padding: 0; margin: 0; border: none; }
img, a img { border: none;}

.shareimages img { width: 124px;	border: none;	}
.homecontentimages img { width: 280px;	border: none;	}
.largeimagemenuimages img { width: 172px; height: 130px; border: none;	}
.bannerimages img { width: 1000px; height: 86px;	border: none;	}
.middlebannerimages img { width: 470px; border: none;	}
.topbannerimage img { border: none;	}
.awards2 img { height: 93px;	width: 91px;	border: none;	}
.events img { height: 110px;	width: 120px;	border: none;	}
.news img { height: 110px;	width: 120px;	border: none;	}
.side img { height: 80px;	width: 80px;	border: none;	}
.wide img { width: 200px;	height:134px; border: none;	}
.verywide img { width: 350px; height:50px;  border: none;	}

/* font sizing */
p, li { font-size : 1.1em; line-height : 1.3; color : #222222; }
td { font-size : 1.0em; line-height : 1.3; color : #222222; }

p.quote {font-size: 0.9em; line-height : 1.25}
h1 { font-size : 1.3em; margin-bottom: 0; margin-top: 0; }
h2 { font-size : 1.2em; margin-bottom: 0; margin-top: 0; } 
h3 { font-size : 1.0em; margin-bottom: 0; margin-top: 0; } 

b, td b, p b { color : #444444; }

table.content { border: solid; border-width: 0 1px 0 0; }

/* Links */
a:Link, a:Visited, a:Link b, a:Visited b { color: #039; font-style: normal; line-height: normal; font-variant: normal; text-decoration:none; }
h1 a:Link, h1 a:Visited { color : #555555; }
a:Link h1, a:Visited h1 { color : #555555; }
h2 a:Link,  h2 a:Visited { color : #444444; }
a:Link h2, a:Visited h2 { color : #444444; }
h3 a:Link,  h3 a:Visited { color : #444444; }
a:Link h3, a:Visited h3 { color : #444444; }
a:Hover, a:Hover h3, a:Hover h2, a:Hover h1, a:Hover b { color : #CC0000; text-decoration:underline; }	
h3 a:Hover, h2 a:Hover, h1 a:Hover, b a:Hover { color : #CC0000; text-decoration:underline; }	

#toparealeft a:Link b { color : #ffffff; }
#toparealeft a:Visited b { color : #ffffff; }

#toparearight a:Link b { color : #ffffff; }
#toparearight a:Visited b { color : #ffffff; }
#imagemenu a:Link b { color : #222222; }
#imagemenu a:Visited b { color : #222222; }

.footer {font-size: 95%;}
.footer a:Link, .footer a:Visited, .footer a:Hover { font-weight: normal; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* menu styles */

#menu { font-size : 0.9em; }

.menu {
font-size : 0.9em;
font-weight:bold;
color:#FFF;
border:0px;
width:93px;
height:20px; 
position:relative; 
margin: 0px 0px 0px 0px; 
z-index:100;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
font-weight:bold;
color:#FFF;
background:#BCAEA5; 
width:93px; 
height:20px; 
text-align:center;
text-valign:center;
border:0px;
line-height:20px;
margin: 0px 0px 0px 0px; 
overflow:hidden;
}

.menu ul li ul li {
background-color:#FFFFFF, filter:alpha(opacity=90);opacity: .9;-moz-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.menu ul li a.normalhome, .menu ul li a.normalhome:visited {width:66px;   }

.menu ul li a.highlighthome, .menu ul li a.highlighthome:visited {width:66px;   }

.menu ul li a.normalabout, .menu ul li a.normalabout:visited { width:93px;    }

.menu ul li a.highlightabout, .menu ul li a.highlightabout:visited {width:93px;  color:#000; background:#eeeeee;   }

.menu ul li a.normalevents, .menu ul li a.normalevents:visited {width:93px; }

.menu ul li a.highlightevents, .menu ul li a.highlightevents:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalprojects, .menu ul li a.normalprojects:visited {width:93px; }
.menu ul li a.highlightprojects, .menu ul li a.highlightprojects:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalbookings, .menu ul li a.normalbookings:visited {width:94px; }
.menu ul li a.highlightbookings, .menu ul li a.highlightbookings:visited {width:94px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalnews, .menu ul li a.normalnews:visited {width:93px; }
.menu ul li a.highlightnews, .menu ul li a.highlightnews:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalnewsletter, .menu ul li a.normalnewsletter:visited {width:93px; }
.menu ul li a.highlightnewsletter, .menu ul li a.highlightnewsletter:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalservices, .menu ul li a.normalservices:visited {width:93px; }
.menu ul li a.highlightservices, .menu ul li a.highlightservices:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalshop, .menu ul li a.normalshop:visited {width:95px; }
.menu ul li a.highlightshop, .menu ul li a.highlightshop:visited {width:95px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalsupportus, .menu ul li a.normalsupportus:visited {width:93px; }
.menu ul li a.highlightsupportus, .menu ul li a.highlightsupportus:visited {width:93px;  color:#000; background:#eeeeee;  }

.menu ul li a.normalmembership, .menu ul li a.normalmembership:visited {width:93px; }
.menu ul li a.highlightmembership, .menu ul li a.highlightmembership:visited {width:93px;  color:#000; background:#eeeeee;  }


.menu ul { padding:0; margin: 0px 0px 0px 0px; list-style-type: none; }
.menu ul li { float:left; margin:0; position:relative; } 
.menu ul li ul { display: none; }
.menu ul li:hover a {color:#000; background:#eeeeee;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:87px;}
.menu ul li:hover ul li ul {display: none;}

/* Need to specify font-size here, else it is not properly inherited */
.menu ul li:hover ul li a {font-size: 0.9em; display:block; background:#BCAEA5; color:#fff;}
.menu ul li:hover ul li a:hover {font-size: 0.9em; background:#BCAEA5; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:87px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-87px;}

.tile {
  position: absolute;
  left:0;
  top: 0;
  width: 62px;
  height: 50px;
}
.wrap {
  width: 250px;
  height: 412px;
  background: #000000;
}
.gallerycontent {
  display: none;
  width: 250px;
  height: 370px;
}
#a { margin-top: 412px; }
#b { margin-top: 412px; left: 62px; }
#c { margin-top: 412px; left: 124px; }
#d { margin-top: 412px; left: 186px; }
#a img { height:50px; width:62px; }
#b img { height:50px; width:62px; }
#c img { height:50px; width:62px; }
#d img { height:50px; width:64px; }
.tile { color : #ffffff; }
#a, #b, #c, #d { z-index: 2; }
#z:hover, #y:hover, #x:hover, w:hover { z-index: 1; }
#z:hover .gallerycontent, #y:hover .gallerycontent, #x:hover .gallerycontent, #w:hover .gallerycontent { display: block; }



.tileright {
  position: absolute;
  left:720;
  top: 0;
  width: 70px;
  height: 50px;
}
.wrapright {
  width: 280px;
  height: 412px;
  background: #000000;
}
.gallerycontentright {
  display: none;
  width: 280px;
  height: 370px;
}
#dright { margin-top: 412px; }
#cright { margin-top: 412px; left: 70px; }
#bright { margin-top: 412px; left: 140px; }
#aright { margin-top: 412px; left: 210px; }
#aright img { height:50px; width:70px; }
#bright img { height:50px; width:70px; }
#cright img { height:50px; width:70px; }
#dright img { height:50px; width:70px; }
.tileright { color : #ffffff; }
#aright, #bright, #cright, #dright { z-index: 2; }
#zright:hover, #yright:hover, #xright:hover, wright:hover { z-index: 1; }
#zright:hover .gallerycontentright, #yright:hover .gallerycontentright, #xright:hover .gallerycontentright, #wright:hover .gallerycontentright { display: block; }