/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
	border-style: none;
	
}
table tr td, table td, table tr {
	padding: 0px;
	border-width: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END CSS RESET */

/* Structural */

body  {
	margin: 0px 0 40px 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Arial', Verdana, Helvetica, Sans-Serif;
	color: #555555;
	background:#ffffff url('../../../../../../../../_assets/images/design/bg.jpg') top left repeat-x fixed;
	/*background:#595959 url('http://kingswood.gr0k.net/_assets/images/design/fun-bg.gif') top center repeat-x fixed;*/
	
	}
	
a	{
	color:#5788bf;
	font-weight:bold;
	text-decoration:none;
	}
	
a span	{
			font-size:1.4em;
			}
			
.col1 a span, .col2 a span, .col3 a span, .col4 a span	{
															line-height:1pt;
															}
	
a:hover		{
			color:#000000;
			}
			
strong, b	{
			font-weight:bold;
			}
	
	
/*
=================================================================
MAIN CONTAINER	
=================================================================
*/	


#site
		{
		/*border:1px solid #ff0000;*/
		width:908px;
		padding:30px 0px 30px 0px;
		margin:auto;
		}
		
/*
=================================================================
HEADER	
=================================================================
*/			
		
#header	{
			width:908px;
			background: url('../../../../_assets/images/design/header.png') no-repeat;
			height:49px;
			}
			
#header h1	a	{
				float:left;
				display:block;
				height:30px;
				width:170px;
				margin:14px 0px 0px 17px;
				}
			
#header h1	a span{
					display:none;
					}
			
			
/*
=================================================================
CONTENTS CONTAINER - PAGE	
=================================================================
*/	


#page		{
			/*border:1px solid #ff0000;*/
			overflow:auto;
			width:908px;
			background: url('../../../../_assets/images/design/page-bg-2.png') repeat-y;
			padding:0px 8px 0px 8px;
			
			}
			
/*
=================================================================
BREADCRUMBS
=================================================================
*/
		
#breadcrumbs	{
				position:relative;top:-36px;
				display:inline;
				float:left;
				font-size:1.2em;
				font-weight:bold;
				width:640px;
				padding:5px 0px 5px 10px;
				margin:0px 0px -25px 10px;
				background: url('../../../../_assets/images/design/whitebg.png') repeat;
				color:#000000;
				border-top:1px solid #cccccc;
				border-bottom:1px solid #cccccc;
				}
				
#breadcrumbs a	{
					color:#000000;
					}
#breadcrumbs a:hover	{
					color:#555555;
					}
			
/*
=================================================================
TOP NAVIGATION	
=================================================================
*/		
			
#navigation, #navigationbottom	{
									background:#464646;
									display:inline;									
									float:left;
									font-size:1.3em;
									width:870px;
									margin:0px 0px 10px 10px;
									}
			
#navigation li, #navigationbottom li	{
											display:inline;
											float:left;
											list-style:none;
											}

#navigation li a, #navigationbottom li a	{
												display:block;
												color:#ffffff;
												padding:5px 10px 5px 10px;
												text-decoration:none;
												text-align:center;
												font-weight:bold;
												border-right:1px solid #ffffff;
												}					

#navigation li a:hover, #navigationbottom li a:hover	{
															background:#000000;
															color:#ffffff;
															}
							
#navigation li a span, #navigationbottom li a span	{
															font-size:1em;
															}
															
															
/*
======================================================================
Color Schemes
======================================================================
*/			

/* default, incase no colouris passed */
#navigation li a.main-nav-current {
	background-color: #000000;
}

/* RED */										
.highlight-red #navigation li a.main-nav-current {
background-color: #ca3032;
}		
.highlight-red .box {
	background-color: #f3d1d2 ;
}	
.highlight-red .box h3 {
	background-color: #ca3032 ;
}

.highlight-red .maintext h1, 
.highlight-red .maintext h2,
.highlight-red .maintext h3,
.highlight-red .maintext a,
.highlight-red .box a {
	color: #ca3032 ;
}

.highlight-red .box h3 a, .highlight-red .box h3 a:hover{
	color: #ffffff ;
}

/* BLUE */
.highlight-blue #navigation li a.main-nav-current {
background-color: #4978ab;
}		
.highlight-blue .box {
	background-color: #d0ddeb ;
}	
.highlight-blue .box h3 {
	background-color: #4978ab ;
}
.highlight-blue .maintext h1,
 .highlight-blue .maintext h2,
 .highlight-blue .maintext h3,
 .highlight-blue .maintext a,
 .highlight-blue .box a  {
 
	color: #4978ab ;
}

.highlight-blue .box h3 a, .highlight-blue .box h3 a:hover{
	color: #ffffff ;
}

 .highlight-blue .maintext a:hover, .highlight-blue .box a:hover {
	color: #000000 ;
	}
	
.highlight-blue .box 	{
						color:#555555;
						}
.highlight-blue .bum	{
						color:#ffffff !important;
						}		
						
.highlight-blue .col4header h1	{
								color:#4978ab;
								}

/* GREEN */
.highlight-green #navigation li a.main-nav-current {
background-color: #8aaf85;
}		
.highlight-green .box {
	background-color: #ccdcca ;
}	
.highlight-green .box h3 {
	background-color: #8aaf85 ;
}

.highlight-green .box h3 a, .highlight-green .box h3 a:hover{
	color: #ffffff ;
}


.highlight-green .maintext h1,
 .highlight-green .maintext h2,
 .highlight-green .maintext h3,
 .highlight-green .maintext a
  {
	color: #658c60;
}

.highlight-green .box a {
	color: #465f43;
	}
	
 .highlight-green .maintext a:hover, .highlight-green .box a:hover {
	color: #000000 ;
}

.highlight-green .col4header h1	{
								color:#658c60;
								}

/* purple */
.highlight-purple #navigation li a.main-nav-current {
background-color: #844ba1;
}		
.highlight-purple .box {
	background-color: #e8dced ;
}	
.highlight-purple .box h3 {
	background-color: #844ba1 ;
}
.highlight-purple .maintext h1,
 .highlight-purple .maintext h2,
 .highlight-purple .maintext h3,
 .highlight-purple .maintext a,
 .highlight-purple .box a {
	color: #844ba1 ;
}
	
 .highlight-purple .maintext a:hover, .highlight-purple .box a:hover {
	color: #000000 ;
}

.highlight-purple .box h3 a, .highlight-purple .box h3 a:hover{
	color: #ffffff ;
}

/* orange*/
.highlight-orange #navigation li a.main-nav-current {
background-color: #f68e37;
}		
.highlight-orange .box {
	background-color: #fcdab0 ;
}	
.highlight-orange .box h3 {
	background-color: #f68e37;
}
.highlight-orange .maintext h1,
 .highlight-orange .maintext h2,
 .highlight-orange .maintext h3,
 .highlight-orange .maintext a,
 .highlight-orange .box a {
	color: #f68e37 ;
}
	
 .highlight-orange .maintext a:hover, .highlight-orange .box a:hover {
	color: #000000 ;
}

.highlight-orange .box h3 a, .highlight-orange .box h3 a:hover{
	color: #ffffff ;
}
	
/*
=================================================================
QUICK SEARCH BOX	
=================================================================
*/
			
#quicknav	{
			height:240px;
			}

#quicknavform	{
			padding:10px;
			width:190px;
			}
.bum {
	display:block;
	margin-bottom: 10px;
	}			

#newsletter	{
				margin-left:10px;
				display:inline-block;
				}		


/*
=================================================================
FOOTER
=================================================================
*/
		
/*							
					
#footer	{	
			background: url('../../../../_assets/images/design/footer.png') bottom no-repeat;
			height:60px;
			font-size:1.3em;
			text-align:left;
			padding:0px 18px 10px 18px;
			}
			
#footer a	{
			color:#000000;
			}

#footer a:hover	{
			color:#666666;
			}
			
.footerlogos	{
				float:right;
				width:210px;
				}
				
*/

#footer	{	
			background: url('../../../../_assets/images/design/curve-bottom.png') top center no-repeat;
			height:/*254px*/ 30px;
			font-size:1em;
			text-align:left;
			/*padding:49px 8px 10px 8px;*/
			}
			
#footer a, #footer2 a	{
			color:#000000;
			}

#footer a:hover, #footer2 a:hover	{
										color:#666666;
										}
			
.footerlogos	{
				float:right;
				width:210px;
				}
				
				
#footer #brochurerequest	{
							
							border-left:1px solid #aaaaaa;
							height:240px;
							}
			
#footer #brochurerequest	ul	{	
								padding:0px 0px 20px 10px;
								list-style:none;
								line-height:1.6em;
								}
			
#footer #brochurerequest	h2, #footer #atoz	h2	{	
													margin:0px 0px 10px 10px;
													padding-bottom:5px;
													font-size:1.5em;
													font-weight:bold;
													border-bottom:1px solid #aaaaaa;
													}

#footer #atoz	h2	{	
					margin:0px 0px 10px 0px;	
					}

#newslettersignup 	{
						height:240px;
						}
						
						
#footer #atoz	a	{
					font-size:0.8em;
					font-weight:normal;
					}
					
#footer #atoz	a:hover	{
							text-decoration:underline;
							}
					
#footer #atoz	.big	{
					display:block;
					font-size:1.2em;
					font-weight:normal;
					}
					
#footer #atoz	span	{	
						float:left;
						width:130px;
						margin-right:10px;
						}
					
#footer2	{
			padding:0px 8px;
			font-size:1em;
			}
				
			
/*
=================================================================
SIDE NAVIGATION	
=================================================================
*/
		
#sidenavigation	{
					float:left;
					display:inline;
					font-size:1em;
					width:210px;
					margin:0px 0px 10px 0px;
					}	
		
#sidenavigationheader	{
						color:#ffffff;
						background:#555555;
						font-weight:bold;
						padding:5px 10px 5px 20px;
					
						}
		
		
#sidenavigation 	{
					width:210px;
					list-style:none;
					float:left;
					display:block;
					}
					

					
 #sidenavigation li 	{
						border-bottom:1px dotted #555555;
						}

 #sidenavigation li a	{

							display:block;
							color:#000000;
							font-weight:bold;
							padding:5px 0px 5px 20px;
							background: url('../../../../_assets/images/design/sidenavarrow.png') 1px 6px no-repeat;
							}							

#sidenavigation li a:hover	{
									background-color:#eeeeee;
									}
#sidenavigation li.current {
	background-color: #eee;
}							
#sidenavigation li.current a:hover {
	background-color: #eee !important;
}
#sidenavigation li.current ul {
	background-color: #ffffff;
}							
#sidenavigation li ul {
	list-style-type: none;
}
#sidenavigation li h2 {
	padding-top: 10px;
}
#sidenavigation li ul li a{
	padding-left: 30px;
}
#sidenavigation ul li ul li ul li a {
	padding-left: 40px;
}
		
/*
=================================================================
TOOLBOX
=================================================================
*/	

#toolbox	{
			display:inline;
			float:right;
			font-size:1.2em;
			width:210px;
			margin:0px 28px 10px 0px;
			}
		
#toolbox.box p 	{
					padding:0px 8px 0px 10px;
					color:#000000;
					}
					
#toolbox.box p a	{
					color:#000000 !important;
					}
					
#toolbox.box p a:hover	{
					color:#666666 !important;
					text-decoration:underline;
					}
		
#toolbox.box ul	{
					width:190px;
					display:block;
					list-style:none;
					margin:10px 0px 10px 10px;
					}
					

					
#toolbox.box ul li a	{
						display:block;
						height:20px;
						color:#000000 !important;
						font-weight:bold;
						}

						
						
#toolbox.box ul li a:hover	{
								color:#666666;
								text-decoration:underline;
								}

										
#toolbox.box h3	{
					font-size:1.2em;
					font-weight:bold;
					}
#toolbox img	{
				margin:10px 0px 0px 10px;
				}
					

.toolboxprint	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -20px no-repeat;
				}
				
.toolboxemail	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -40px no-repeat;
				}
				
.toolboxbookmark	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -60px no-repeat;
				}
				
.toolboxrss	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -80px no-repeat;
				}
				
.toolboxquote	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -100px no-repeat;
				}
				
.toolboxdownload	{
				padding-left:25px;
				background: url('../../../../_assets/images/design/tb-icons.png') 0px -120px no-repeat;
				}
				

				
/*
=================================================================
ACTIVITY PAGES
=================================================================
*/


#centreavailability ul	{
							list-style:none;
							margin:10px;
							}
#centreavailability ul li a	{
								font-weight:normal;
								line-height:1.4em;
								}


/*
=================================================================
col widths
=================================================================
*/


				
.col1	{
		display:inline;
		float:left;
		font-size:1.2em;
		width:210px;
		margin:0px 0px 10px 10px;
		}
		
.col2	{
		display:inline;
		float:left;
		font-size:1.2em;
		width:430px;
		margin:0px 0px 10px 10px;
		}		

.col3	{
		display:inline;
		float:left;
		font-size:1.2em;
		width:650px;
		margin:0px 0px 10px 10px;
		}		
		
.col4	{
		display:inline;
		float:left;
		font-size:1.2em;
		width:870px;
		margin:0px 0px 10px 10px;
		}
		
/*
=================================================================
boxes & maintext
=================================================================
*/		
		
.box p
									{
									padding:10px;
									line-height:13pt;
									}
									
.maintext h1, .maintext h2, .maintext h3
					{
					
					position:relative; top:-4px;
					font-size:3.3em;
					font-family:'tahoma',arial, sans serif;
					font-weight:600;
					text-decoration:none;
					border-bottom:1px solid #cccccc;
					line-height:1em;
					padding-bottom:10px;
					margin:0px 10px;

					}	
					
.maintext h2 	{
				padding-bottom:5px;
				font-size:1.7em;
				margin-top:10px;
				position:relative;
				top:1px;
				}

.maintext h3	{
				font-size:1.5em;
				margin:10px 10px -20px 10px;
				position:relative;
				top:1px;
				border-bottom:0px solid #ffffff;
				}
				

																					
																						
																						
.maintext p, .maintext ul 	{
				font-family:tahoma;
				font-size:1.12em;
				letter-spacing:0;
				line-height:1.3em;
				padding:10px;
				text-align:left;
				word-spacing:1px;
				}	
				
.maintext ul	{	
				list-style:none;
				}
				
.maintext img	{
				padding:20px 10px;
				}
					
.maintext a	
			{
			color:#000000;
			font-weight:bold;
			}	
					
.maintext a	
			{color:#000000;}
					
.maintext a:hover
			{color:#5788bf;}						
									
.big 	{
		font-size:1.2em;
		font-family:'arial black', arial, san serif;

		}
		
h6 	{
		margin:10px 10px 0px 10px;
		font-size:1.2em;
		font-family:'arial black', arial, san serif;

		}
									
.col1 h3, .col2 h3, .col3 h3, .col4 h3, .col1 h3 a, .col2 h3 a, .col3 h3 a, .col4 h3 a
									{
									
									
									font-size:1.1em;
									font-weight:bold;
									text-decoration:none;
									}
									
.col1 h3 a:hover, .col2 h3 a:hover, .col3 h3 a:hover, .col4 h3 a:hover	{
																				color:#000000;
																				}
						
.lastp, .firstp	{
		border-bottom:1px dotted #999999;
		padding-bottom:5px;
		margin:0px 0px 10px 0px;
		line-height:1.3em;
		}
		
.smalltext	{
			font-size:0.85em;
			}

.box h3 	{ 
		
			font-size:1.05em;
			font-weight:bold;
			padding:5px 10px 5px 10px; 
			border-bottom:2px solid #ffffff;
			}
			
.box h3 a	{ 
			display:block;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;
			background:url('../../../../_assets/images/design/double-arrow.png') right no-repeat;
			}
			
.box h3 a:hover	{ 
			color:#ffffff;
			text-decoration:underline;
			}
			
.clear {
	clear: both;
	display: block;
	
	height: 1%;
}

.maintext {
  min-height:300px;
  height:auto !important;
  height:300px;


}
			
#content ul {
	list-style-type: disc;
	margin-left: 20px;
}
#content ul li {
	padding-bottom: 5px;	
}
			
/*
=================================================================
PHOTOS
=================================================================
*/
	
		
.boxphotoleft	{
			display:inline;
			float:left;
			margin:10px;
			}
			
			
.photofr	{
			float:right;
			padding:0px 0px 10px 10px
			}
			
.photolr	{
			float:left;
			margin:0px 10px 10px 0px
			}
			
.rightsidephotos	{

					display:inline;
					float:right;
					width:210px;
					margin:0px 28px 0px 0px;
					}
					
.rightsidephotos img	{
						margin-bottom:10px;
						}
						
.small	{
						float:right;
						margin-left: 10px
						}
						
				
/*
=================================================================
box colours
=================================================================
*/
		

/* BLACK */
		
.box	{
				
				background:#aaaaaa url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#ffffff;
				}
					
.box h3 	{ 
				background:#000000 url('../../../../_assets/images/design/col-head-bg.png') repeat-x; 
				color: #ffffff;
				}

.box.black {
	background-color: #444444 !important;
}				
.box.black h3 {
	background-color: #000000 !important;
}
	


/* BLUE */	
			
.box.blue	{
				background:#d0ddeb  url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.blue h3 	{ 
				background:#4978ab url('../../../../_assets/images/design/col-head-bg.png') top left repeat-x; 
				color: #ffffff;
				}			
			
/* GREEN */			
			
.box.green	{
				background:#ccdcca url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.green h3 	{ 
				background:#8aaf85 url('../../../../_assets/images/design/col-head-bg.png') top left repeat-x; 
				color: #ffffff;
				}		

/* RED */				
			
.box.red	{
				background:#e8c9c9 url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.red h3 	{ 
				background:#ca3032 url('../../../../_assets/images/design/col-head-bg.png') top repeat-x; 
				color: #ffffff;
				}	
				
.box.red p a	{
				color: #ca3032 ;
				}
				
/* PURPLE */			
				
.box.purple		{
				background:#e8dced url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.purple h3 { 
				background:#844ba1 url('../../../../_assets/images/design/col-head-bg.png') top repeat-x; 
				color: #ffffff;
				}	
.box.purple a {
	color: #844ba1;
}		

.box.purple h3 a	{
					color:#ffffff;
					}

/* ORANGE */	

.box.orange	{
				background:#ffd6b3 url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.orange h3 { 
				background:#f7a35a url('../../../../_assets/images/design/col-head-bg.png') top repeat-x; 
				color: #ffffff;
				}	

				/*
======================================
EFS COLOUR SCHEME BOXES
======================================
*/			
	
/* BROWN */	
	
.box.brown	{
				background:#d3cbc5 url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.brown h3 { 
				background:#6d5340 url('../../../../_assets/images/design/col-head-bg.png') top repeat-x; 
				color: #ffffff;
				}
				
.box.brown li a	{
				color: #6d5340;
				}
				
.box.brown li a:hover	{
				color: #000000;
				}

/* STONE */					

				
.box.stone	{
				background:#ece4db url('../../../../_assets/images/design/col-bg.png') bottom left no-repeat;
				margin-bottom:10px;	
				color:#444444;
				}
					
.box.stone h3 { 
				background:#ba9e7f url('../../../../_assets/images/design/col-head-bg.png') top repeat-x; 
				color: #ffffff;
				}
				
.box.stone li a, .box.stone p a	{
				color: #6d5340;
				}
				
.box.stone li a:hover, .box.stone p a:hover	{
				color: #000000;
				}
				
/*
======================================
Javascript Content Rotator on HOMEPAGE
======================================
*/

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 650px;
height: 240px; /* Set height to be able to contain height of largest content shown*/
z-index: 1;
overflow: hidden;

}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #003e89;
padding: 0px;
visibility: hidden;
width: 650px;
height: 200px;


}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 160px;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid #ffffff;
color: #fff;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #00548f;
border: 1px solid #fff;
color: #fff;
}

.glidecontenttoggler a:hover{
background: #00548f;
color: white;

}
#p-select {
z-index: 99;
position: relative;
top: -105px;
left: 490px;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
background-color: #000000;
}
.glidecontenttoggler a.toc:hover {
	color: #f1f1f1 !important;
	
	background-color: #666666;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
background-color: #000000;
color: #fff;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{

color: #f1f1f1;
border: 1px solid white;
background-color: #000;

}

.overlay-text {
position: relative;
display: block;
top: -75px;
padding: 0px 10px 10px 10px;
width: 570px;
color: #333333;
font-size:1.2em;
font-weight:normal;
line-height:1.3em;
word-spacing:1px;
}

.overlay-text:hover {

}
.overlay-header {
	position: relative;
	display: block;
	top: -75px;
	padding: 5px 0 0 10px;
	font-size: 1.6em;
	color: #5788bf;
	font-weight: bold;
	
}
.overlay-background {
position: relative;
top: -85px;
height: 90px;
}
	
#showcase	{
			background: url('../../../../_assets/images/design/sliderbg.jpg') 235px 30px  no-repeat; /* manually centered because of I.E.6 */
			}	
	

#showcase a img {
border: 0;
}
#showcase a {
text-decoration: none;

}
.glidecontent  a {
 display: block;
 
}

/*
=============================================
END SLIDER
=============================================
*/


/*
=============================================
Wordpress Taming
=============================================
*/
#comment {
width: 300px;
}

/*
=============================================
CSS DROP DOWNS
=============================================
*/

.dropdown-horizontal	{	
						margin-top:10px;
						}
									
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
				 
				 color:#666666;
				 list-style: none;
				 margin: 0;
				 padding: 0;
				 
				}

ul.dropdown {
 position: relative;
 z-index: 597;

}

ul.dropdown li {
	line-height: 1.3em;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 601;
 cursor: default;
 
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 
}

ul.dropdown ul li {
 float: none;
 
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
 background-color: #fff;
}

ul.dropdown li:hover > ul {
 visibility: visible;

}
.whiteback li:hover {
		

}

.whiteback li a, ul.dropdown li b {
				background-color: #fff;
				height:16px;
				padding:3px;
				display:block;
				color:#666666 !important;
				border-top: 1px solid #dddddd;
				margin:0px;
				}
				
ul.dropdown li b {
					  background:#ffffff url('/_assets/images/design/dropdown-arrow.gif') top right no-repeat;
					  border: 0px solid #dddddd;
					}


.whiteback li a:hover	{
						background-color:#dddddd;
						color:#000000;
						 z-index: 599;
						}
						
/*
=============================================
CENTRE PAGES
=============================================
*/



						
#centrefacts	ul, #centrecourses ul, #centredirections ul, #traveltimes ul, .efslist {
																	list-style:none;
																	padding:10px 0px;	
																																		
																	}
				
#centrefacts	ul li, #centrecourses ul li, #centredirections ul li	{
																			font-size:1.1em;
																			display:block;
																			padding:2px 10px;
																			}
#traveltimes ul li {
	font-size: 1.1em;
	display: block;
	padding: 1px 10px;
}
																			

							
#centrecourses h4	{
					font-size:1.1em;
					margin:3px 10px 0px 10px;
					border-bottom:1px solid #ffffff;
					padding-bottom:2px;
					}
																			
#centreactivities, #centretwilight	{	
										display:inline;
										float:left;
										width:210px;
										}
		
#centreactivities ul, #centretwilight ul, #centrecourses ul	{	
												display:block;
												list-style:none;
												float:left;
												margin:10px 0px 10px 0px;
												
												}
						
#centreactivities ul li, #centretwilight ul li, #centrecourses ul li {
													font-size:0.9em;
													padding:1px 0px 1px 10px;
													display:block;
													float:left;
													width:90px;		
													
													}

#centreactivities ul li a, #centretwilight ul li a, #centrecourses ul li a	{
															font-weight:normal;
															}

#centrecourses ul	{
					margin:0px 0px 0px 0px;
					}

.hasbox ul	{
			list-style:none;
			padding:10px;
			font-size:0.9em;
			line-height:12pt;
			}

.centreaddress	{
				display:block;
				background-color:#4978ab;
				color:#ffffff;
				border-top:2px solid #ffffff;
				border-bottom:10px solid #ffffff;
				padding:10px;
				}
				
				
.mapillustration	{
					margin:10px 0px;
					}
				
.mapillustrationsmall	{
					margin:10px 0px 10px 0px;
					}
				
.leftsidephotos	{

					display:inline;
					float:left;
					width:210px;
					}
					
.leftsidephotos img		{
						margin-bottom:10px;
						}				
				
.quote div	{
		display:block;
		background:#8ec673/*f5811d*/ url('../../../../_assets/images/design/quote-1.png') top left no-repeat;
		margin-bottom:10px;
		}

.quote div p	{
			color:#ffffff;
			padding:20px;
			font-weight:bold;
			background: url('../../../../_assets/images/design/quote-2.png') bottom right no-repeat;
			}
			
.quote div p span	{
				font-size:0.9em;
				display:block;
				color:#000000;
				font-style:italic;
				}
				
/* slide toggle PLUGIN */

.msghead span	{
			display:block;
			background: url('../../../../_assets/images/design/slidetoggle/slidetoggle.png')  right  no-repeat;
			
			}

	
/*
=============================================
EFS Section
=============================================
*/



.efslist	{
			margin:0px 10px 10px 10px;		
			display:block;
			min-height:90px;
			}
			
.efslist li	{	
			list-style:none;
			
			font-weight:normal;
			padding:0px 0px 3px 0px;
			}
			
.efslist li a	{
				font-weight:normal;
				font-size:0.9em;
				}

.efslist.split	{
				
				padding-top:10px;
				margin-top:0px;
				}
			
.efslist.split li	{	
					display:block;
					width:190px;
					float:left;
					padding-right:10px;
					
					}	

.efsbox	{
		min-height:315px;
		}
		
.col4header h1	{
					position:relative; top:-4px;
					font-size:3.3em;
					font-family:'tahoma',arial, sans serif;
					font-weight:600;
					text-decoration:none;
					border-bottom:1px solid #cccccc;
					line-height:1em;
					padding-bottom:10px;
					}
		
#qanda {
		font-size:1.2em;
		line-height:1.3em;
		}
					
#qanda dt {
		font-weight: bold; 
		color: #000000;
		padding: 20px 10px 0px 10px;
}				

#qanda dd	{
			padding: 0px 30px;
			}
	
/*
=============================================
NEWS Section
=============================================
*/	
	
.date	{
		padding:10px 10px;
		}
				
/* LIGHTBOX PLUGIN */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}




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




/*

.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

*/


/* DROP DOWN MENUS */

ul.ddropdown {
 font-weight: bold;
}

	ul.ddropdown li {
	 
	}

	ul.ddropdown li.hover,
	ul.ddropdown li:hover {
	 
	 
	}

	ul.ddropdown a:link,
	ul.ddropdown a:visited	{ color: #000; }
	ul.ddropdown a:hover		{ color: #000; }
	ul.ddropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.ddropdown ul {
	 
	 
	}

		ul.ddropdown ul li {
		 font-weight: normal;
		 background-color: #222222;
		 opacity:.9;
		 
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.ddropdown *.dir {
 padding-right: 0px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.ddropdown-horizontal ul *.dir {
 padding-right: 0px;

}



ul.ddropdown,
ul.ddropdown li,
ul.ddropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.ddropdown {
 position: relative;
 z-index: 698;
 float: left;
}

ul.ddropdown li {
 float: left;
 line-height: 1.3em;
 zoom: 1;
}

ul.ddropdown li.hover,
ul.ddropdown li:hover {
 position: relative;
 z-index: 700;
 cursor: default;
}

ul.ddropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 699;
 width: 200px;
}

#navigation li ul li a	{
							
							border-right:0px solid #5e5e5e;
							border-top:1px solid #888888;
							text-align:left;
							}
							

							
							

ul.ddropdown ul li {


 float: none;
 width: 200px;
	

 }

ul.ddropdown ul ul {
 top: 0px;
 left: 100%;
}

ul.ddropdown li:hover > ul {
 visibility: visible;
}

/*
=============================================
KEY STAGE 2 & 3 boxes
=============================================
*/

.coursesindextitle	{
					margin-left:10px;
					}

#discoverytitle	{
					background: url('../../../../_assets/images/discovery/discovery-title.gif')  0px 5px no-repeat;
					height:35px;
					
					}
					
#discoverytitle span	{
						display:none;

						}
						
#threeplustitle	{
					background: url('../../../../_assets/images/3plus/3plus-title.gif')  0px 3px no-repeat;
					height:50px;
					
					}
					
#threeplustitle span	{
						display:none;

						}

	
.discoverybox, .threeplusbox	{
				min-height:300px;
				}
					
.discoverybox span img	{
					float:left;
					margin:10px 0px 20px 10px;
					}
					
.threeplusbox span img	{
					display:block;
					float:left;
					margin:10px 0px 1px 10px;
					}
					
.threeplusbox ul	{
					float:left;
					list-style:none;
					position:relative;
					top:-25px;
					left:50px;
					}
					
.threeplustitle	{
				margin-bottom:15px;
				}
				
/*
=============================================
INDEX PAGE
=============================================
*/
				
.indexbox	{
			height:300px;
			}
			
/*
=================================================================
boxes & maintext
=================================================================
*/	

.kzbox	{
		min-height:300px;
		}