body
{
	margin: 0;
	padding: 0;
	background: url(/images/lizard_bg.gif) no-repeat;
	background-position: -73px 140px;
	height: 100%;
	font-size: 100%;
	line-height: 1em;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
}

h2
{
	font-size: 0.8em;
	color: #4e88ae;
}

h2.no-btm
{
	margin-bottom: 0;
	padding-bottom: 0;
}

p
{
	color: #666666;
	font-size: 0.8em;
	clear: both;
	padding-bottom: 5px;
	width: 100%;
}

img
{
	border: 0px;
}

a
{
	color: #74cbde;
	text-decoration: none;
	font-size: 1em;
}

	a:hover
	{
		text-decoration: underline;
	}

ul
{
	color: #666666;
	padding-left: 15px;
	font-size: 0.8em;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
}

	ul li
	{
		padding-bottom: 3px;
	}
	
.no-top-margin
{
	margin-top: 0;
	padding-top: 0! important;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#wrapper
{
	margin-left: 69px;
	margin-top: 0;
	width: 948px;
}

	div#wrapper div#header
	{
		margin: 0;
	}
	
		div#wrapper div#header div#top-nav
		{
		
		margin: 0;
		}
		
			div#wrapper div#header div#top-nav ul
			{
				float: left;
				padding: 0;
				margin: 0;
				width: 948px;
				background: #2b85ba;
				font-size: 1em;
			}
			
				div#wrapper div#header div#top-nav ul li
				{
					float: left;
					margin: 0;
					padding: 0;
					border-right: 1px solid #ffffff;
					display: inline;
					background: #83bad8;
					font-size: 0.75em;
					font-weight: bold;
				}
			
				div#wrapper div#header div#top-nav ul li a
				{
					padding: 4px 26px 4px 24px;
					display: block;
				}
					
					div#wrapper div#header div#top-nav ul li.last
					{
						border: 0;
					}
					
					div#wrapper div#header div#top-nav ul li a:hover
					{
						text-decoration: underline;
					}
					
					div#wrapper div#header div#top-nav ul li.hi a
					{
						background: #2B85BA;
					}
					
					div#wrapper div#header div#top-nav ul li a
					{
						font-size: 1em;
						color: #ffffff;
					}
				
		div#wrapper div#header div#logo-bar
		{
			float: left;
			width: 948px;
		}
		
			div#wrapper div#header div#logo-bar img
			{
				float: left;
			}

			#trinity-house
			{
				margin-top: 1px;
			}
			
			#national-lottery
			{
				float: left;
				padding-left: 15px;
			}
				
			#heritage-centre
			{
				float: left;
				padding-left: 18px;
				margin-left: 11px;
				margin-top: 16px;
				border-left: 1px solid #495098;
			}
			
			div#logos-left
			{
				float: right;
				width: 305px;
				margin-left: 27px;
				margin-top: 2px;
				background: #d6d6d6;
				width: 286px;
			}
			
			div#wrapper div#header div#logo-bar div#search-box
			{
				float: right;
				width: 303px;
			}
			
			
				div#wrapper div#header div#logo-bar div#search-box div#search
				{
					float: left;
					font-size: 0.7em;
					padding: 17px 0 0 26px;
					color: #737373;
				}
				
					div#wrapper div#header div#logo-bar div#search-box div#search  label
					{
						float: left;
						margin-top: 1px;
					}
				
					div#wrapper div#header div#logo-bar div#search-box div#search input#search-input
					{
						float: left;
						font-size: 0.8em;
						margin-left: 8px;
						border: 1px solid #b3b3b3;
					}
					
					div#wrapper div#header div#logo-bar div#search-box div#search input#search-image
					{
						float: left;
						padding-left: 3px;
						margin-top: 3px;
					}
					
			div#wrapper div#nav-small
			{
				float: left;
				margin-left: 10px;
			}
			
				div#wrapper div#nav-small ul
				{
					float: left;
					margin: 14px 0 0 23px;
					padding: 0 0 9px 0;
				}
			
					div#wrapper div#nav-small ul li
					{
						display: inline;
					}
						
						div#wrapper div#nav-small ul li a
						{
							float: left;
							color: #869ea2;
							border: #869ea2 solid;
							border-width: 0 1px 0 0;
							font-size: 0.7em;
							padding: 0 7px 0 7px;
							line-height: 11px;
						}
					
						div#wrapper div#nav-small ul li.first a
						{
							padding: 0 7px 0 0;
						}
						
						div#wrapper div#nav-small ul li.last a
						{
							border: 0;
						}
						
						div#wrapper div#nav-small ul li.hi a
						{
							color: #376b9d;
						}
		
		div#wrapper div#header div#top-images
		{
			float: left;
		}
		
			div#wrapper div#header div#top-images div#image-main
			{
				float: left;
			}
			
			div#wrapper div#header div#top-images div#images-center
			{
				float: left;
				margin-left: 5px;
			}
			
			div#wrapper div#header div#top-images div#image-right
			{
				float: right;
			}
			
	div#wrapper div#main
	{
		float: left;

		width: 948px;
	}
	
		div#wrapper div#main div#content
		{
			float: left;
			width: 948px;
		}
		
			div#wrapper div#main div#content div#left
			{
				width: 599px;
				float: left;
				border-left: 1px dashed #d3d3d3;
				padding: 0px;
			}
			
				div#wrapper div#main div#content div#left h2
				{
					margin-bottom: 5px;
					margin-left: 13px;
				}
				
				div#wrapper div#main div#content div#left p
				{
					margin: 0;
					padding: 0 0 17px 15px;
				}
				
					div#wrapper div#main div#content div#left p.no-top-margin
					{
					}
					
			div#wrapper div#main div#content div#leftcontent
			{
				width: 630px;
				padding: 0 0 0 0;
				float: left;
				border-left: 1px dashed #d3d3d3;
			}

			div#wrapper div#main div#content div#leftcontent div#contentwide
			{
				float: right;
				padding: 20px 10px 0 10px;
				border-right: 1px dashed #d3d3d3;
			}
			
				div#wrapper div#main div#content div#leftcontent  div#contentwide h2
				{
					font-size: 0.8em;
					color: #4e88ae;
				}

				div#wrapper div#main div#content div#leftcontent  div#contentwide h5
				{
					float: left;
					margin: 10px 0;
					width: 100%;
				}
				
				div#wrapper div#main div#content div#leftcontent  div#contentwide p
				{
					margin: 5px 0 5px 0;
					width: 100%;
					float: left;
				}
				
				div#wrapper div#main div#content div#leftcontent  div#contentwide img
				{
					display: inline;
					padding: 0;
					margin: 0;
				}
					
			div#wrapper div#main div#content div#leftcontent  div#contentmiddle
			{
				float: right;
				width: 390px;
				padding: 20px 0 0 0;
				border-right: 1px dashed #d3d3d3;
			}
			
				div#wrapper div#main div#content div#leftcontent  div#contentmiddle h2
				{
					font-size: 0.8em;
					color: #4e88ae;
				}
				
				div#wrapper div#main div#content div#leftcontent  div#contentmiddle p
				{
					margin-right: 5px;
					float: left;
				}
				
				div#wrapper div#main div#content div#leftcontent  div#contentmiddle img
				{
					display: inline;
					padding: 0;
					margin: 0;
				}
			
			div#wrapper div#main div#content div#leftcontent  div#leftmenu
			{
				margin: 1px 0 2px 3px;
				padding-bottom: 210px;
				float: left;
				background: url(/images/transparency_bg.png);
				width: 220px;
			}
				
				div#wrapper div#main div#content div#leftcontent div#leftmenu ul
				{
					padding: 0;
					margin: 30px 0 0 0;
					list-style: none;
				}
			
					div#wrapper div#main div#content div#leftcontent div#leftmenu li
					{
						border-bottom: 1px solid #D9D9D9;
						display: block;
					}
						
						div#wrapper div#main div#content div#leftcontent  div#leftmenu a
						{
							font-size: 0.9em;
							color: #000000;
							margin: 5px 0 3px 10px;
							padding: 0 0 0 15px;
							display: block;
						}
						
						div#wrapper div#main div#content div#leftcontent div#leftmenu ul#projectupdate-leftnav a
						{
							padding: 0 0 0 15px;
						}
					
							div#wrapper div#main div#content div#leftcontent div#leftmenu li.active a
							{
								color: #80CBDE;
							}	
							
							div#wrapper div#main div#content div#leftcontent div#leftmenu li a:hover, 
							div#wrapper div#main div#content div#leftcontent div#leftmenu li.active a 
							{
								background: transparent url(/images/leftmenu.jpg) no-repeat scroll left;
								text-decoration: none;
							}
				
				div#wrapper div#main div#plan-your-visit
				{
					float: left;
					background: url(/images/project_bg.gif) no-repeat;
					background-position: 0px 41px;
					width: 948px;
					padding-top: 41px;
					padding-left: 15px;
					margin-top: 20px;
				}
				
					div#wrapper div#main div#plan-your-visit div#plan-your-visit-left
					{
						width: 400px;
						float: left;
						padding-top: 12px;
					}
				
					div#wrapper div#main div#plan-your-visit h1
					{
						font-size: 1.2em;
						color: #f0f804;
						margin: 10px 0 3px 15px;
					}

						div#wrapper div#main div#plan-your-visit h1 a
						{
							font-size: 1.2em;
							color: #f0f804;
							margin: 0 0 10px 0;
							text-decoration: none;
							float: left;
						}

							div#wrapper div#main div#plan-your-visit h1 a:hover
							{
								text-decoration: underline;
							}
					
					div#wrapper div#main div#plan-your-visit strong
					{
						color: #ffffff;
						margin-top: 0;
					}
					
					div#wrapper div#main div#plan-your-visit p
					{
						padding: 0 0 0 15px;
						margin-top: 0;
						font-size: 0.75em;
						margin-bottom: 3px;
						color: #FFFFFF;
						border: 0;
					}
					
					div#wrapper div#main div#plan-your-visit a
					{
						color: #559282;
					}					
					
					div#wrapper div#main div#plan-your-visit div#plan-your-visit-image
					{
						float: left;
						margin-top: 10px;
						padding-left: 15px;
						padding-bottom: 7px;
					}
					
					div#wrapper div#main div#plan-your-visit div#location
					{
						margin-left: 24px;

						padding: 0px 0px 10px 0px;
						float: left;
						width: 313px;
						background: url(/images/location_bg.gif) no-repeat;
						background-position: 0px 0px;
						border-left: 1px solid #f5fa45;
					}
					
						div#wrapper div#main div#plan-your-visit div#location  a
						{
							padding: 0 0 0 12px;
							margin: 0;
							float: left
						}
						
						div#wrapper div#main div#plan-your-visit div#location img
						{
							clear: none;
							margin-top: -40px;
						}
						
					div#wrapper div#main div#info
					{
						float: left;
						margin-left: 23px;
						padding: 10px 0 15px 15px;
						border-left: 1px dashed #d3d3d3;
						width: 295px;
					}
				
						div#wrapper div#main  div#info a
						{
							color: #74cbde;
						}
						
				div#wrapper div#main div#holiday
				{
					float: left;
					padding-left: 14px;
					width: 599px;
					margin-top: 10px;
				}
				
					div#wrapper div#main div#holiday div#holiday-text
					{
						float: left;
						margin-top: 0px;
						width: 400px;
					}
				
					div#wrapper div#main div#holiday div#holiday-text p
					{
						color: #2f2f2f;
						font-size: 0.7em;
						float: left;
						border: 0;
					}
					
					div#wrapper div#main div#holiday div#holiday-text a
					{
						font-size: 1em;
					}
					
				div#wrapper div#main div#holiday-image
				{
					float: right;
					margin-top: 0px;
					margin-right: 0;
					margin-left: 0;
				}
				
			div#wrapper div#content div#right
			{
				float: right;
				width: 313px;
				clear: none;
				margin: 0;
			}	
			
				div#right h2
				{
					float: left;
					color: #4E88AE;
					margin-bottom: 5px;
					margin-top: 20px;
				}
				
				div#right p
				{
					float: left;
					font-size: 0.7em;
					margin-bottom: 0;
					border-left: 1px dashed #d3d3d3;
				}
				
					div#right div#how-find
					{
						float: left;
					}
					
					div#right div#how-find h2
					{
						float: left;
						padding-left: 15px;
						margin-top: 0;
						padding-top: 10px;
					}
					div#right div#how-find p
					{
						float: left;
						padding-left: 15px;
						margin-top: 0;
						padding-top: 11px;
					}
					
						div#right div#how-find p.no-top-margin
						{
							clear: both;
						}
				
								
		div#wrapper div#content div#rightcontent
			{
				padding: 15px 0 0 0;
				float: right;
				width: 300px;
				margin-top: 0;
				display: inline;
			}
			
				div#rightcontent p
				{
					float: left;
					font-size: 0.7em;
					margin-bottom: 0;
					border-left: 1px dashed #d3d3d3;
				}

				div#rightcontent img
				{
					float: right;
					margin-bottom: 15px;
				}
					
				div#footer
				{
					float: left;
					background: url(/images/footer_bg.gif) no-repeat;
					width: 948px;
					padding: 0 0 30px 18px;
					margin-top: 5px;
				}
				
					div#footer p
					{
						margin-top: 7px;
						color: #518db1;
						font-size: 0.6em;
					}
					
					div#footer a
					{
						color: #518db1;
						font-size: 1em;
					}
					
				div#contentmiddle p
				{
					width: 100%;
					margin: 5px 0 5px 0;
				}

				div#contentwide table
				{
					float: left;
					width: 100%;
					padding: 0 30px 0 0;
					margin-bottom: 10px;
				}

				div#contentwide table th
				{
					font-size: 0.8em;
					text-align: left;
					background: #a5c3ce;
					color: #ffffff;
					padding: 1px 1px 1px 1px;
				}
				
				div#contentwide table.horizontal th
				{
					font-size: 0.8em;
					text-align: left;
					background: #a5c3ce;
					padding: 1px 15px 1px 2px;
				}

				div#contentwide table td.header
				{
					text-align: left;
					background: #a5c3ce;
					color: #FFFFFF;
					font-weight: bold;
				}
				
				div#contentwide table td
				{
					font-size: 0.8em;
					text-align: left;
					padding: 3px 15px 3px 8px;
					background: #d5e2e8;
					color: #567e8d;
					border: 1px solid #FFFFFF;
				}
				
				div#contentwide table#opening-times
				{
					margin-bottom: 10px;
				}
				
				div#contentmiddle table
				{
					float: left;
				}

				div#contentmiddle table th
				{
					font-size: 0.8em;
					text-align: left;
					background: #a5c3ce;
					color: #ffffff;
					padding: 1px 1px 1px 1px;
				}
				
				div#contentmiddle table.horizontal th
				{
					font-size: 0.8em;
					text-align: left;
					background: #a5c3ce;
					padding: 1px 15px 1px 2px;
				}
				
				div#contentmiddle table td
				{
					font-size: 0.8em;
					text-align: left;
					padding-left: 2px;
					padding-right: 15px;
					background: #d5e2e8;
					color: #567e8d;
				}
				
				div#contentmiddle table#opening-times
				{
					margin-bottom: 10px;
				}
				
	div.search-row
	{
		float: left;
	}

		div.search-row h2
		{
			margin: 8px 0 0 0;
		}
		
		div.search-row p
		{
			margin: 5px 0 5px 0;
			padding: 0;
		}

			div.search-row a
			{
				font-size: 0.8em;
			}




.lightbox-images
{
}
	
	.lightbox-images .the-image
	{
		float: left;
		width: 150px;
		padding: 0 10px 10px 0;
	}
	
	.lightbox-images .first-image
	{
		clear: left;
	}