/* Newcastle Building Society */
/* See ie6.css for IE6 support */

	body {
		font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		background: #0d4872 url('../images/PageBG.png') top left repeat-x;
	}
	
	#Wrapper {
		background: #EDF7FF url('../images/ArtHeading.jpg') top left no-repeat;
		margin: 20px auto 20px auto;
		width: 730px;
		padding-top: 225px;
		border: 6px solid #fff;
	}
	
	h2 {
		font: 26px/26px Tahoma, Arial, Helvetica, sans-serif bold;
		margin: 15px 0 15px 0;
	}
	
	h3 {
		font: 18px/20px Tahoma, Arial, Helvetica, sans-serif bold;
		margin: 15px 0 15px 0;
	}
	
	h4 {
		font: 13px/13px Verdana, Arial, Helvetica, sans-serif bold;
		margin: 15px 0 0 0;
		font-weight: bold;
	}
	
	p {
		margin: 15px 0 15px 0;
	}
	
	img {
		border: 0px;
	}
	

	/*------------- Header----------- */
	#Header {
		position: relative;
		border-bottom: 3px solid #8fc748;
		background: url('../images/NavBG.png') repeat-x;
	}
	
	
	#Header h1 {
		margin: 0;
		padding: 5px 10px 5px 10px;
	}
	/*-------------End of Header----------- */

	
	
	/*------------- Navigation----------- */
	#SubNavigation {
		overflow: hidden;
		font: 12px Tahoma, Arial, Helvetica, sans-serif;
		position: absolute;
		left: 255px;
		top: 10px;
		width: 455px;
		color: #fff;
		text-align: right;
	}
	
	#SubNavigation ul {
		margin: 0;
		padding: 0;
	}
	
	#SubNavigation ul li {
		margin: 0 2px 0 2px;
		padding: 0;
		display: inline;
	}
	
	#SubNavigation ul li a, #SubNavigation ul li a:link, #SubNavigation ul li a:active, #SubNavigation ul li a:visited {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	#SubNavigation ul li a:hover {
		text-decoration: underline;
	}
	
	#MainNavigation {
		overflow: hidden;
		font: 16px Tahoma, Arial, Helvetica, sans-serif;
		position: absolute;
		left: 338px;
		top: 45px;
		margin-top: 0px;
	}
	
	#MainNavigation ul {
		margin: 0;
		padding: 0;
	}
	
	#MainNavigation ul li {
		margin: 0 2px 0 2px;
		padding: 0;
		float: left;
		list-style: none;
	}
	
	#MainNavigation ul li a, #MainNavigation ul li a:link, #MainNavigation ul li a:active, #MainNavigation ul li a:visited {
		display: block;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}
	
	#MainNavigation ul li a:hover {
		background: #b5dc81;
		color: #000;
	}
	
	#MainNavigation ul li.Selected a{
		background: #8fc748;
		color: #2d2d2d;
	}
	
	#PageSubNav {
		border-bottom: 3px solid #8fc748;
		background: #8fc748;
		overflow: hidden;
		font: 13px/15px Tahoma, Arial, Helvetica, sans-serif;
	}
	
	#PageSubNav ul {
		margin: 0;
		padding: 0;
	}
	
	#PageSubNav ul li {
		margin: 0 2px 0 2px;
		padding: 0;
		float: left;
		list-style: none;
	}
	
	#PageSubNav ul li a, #PageSubNav ul li a:link, #PageSubNav ul li a:active, #PageSubNav ul li a:visited {
		display: block;
		padding: 1px 10px 3px 10px;
		text-decoration: none;
		color: #2d2d2d;
		font-weight: bold;
	}
	
	#PageSubNav ul li a:hover {
		color: #616161;
	}
	
	#PageSubNav ul li.Selected a{
		color: #000;
		text-decoration: underline;
	}
	
	.tcfLink {
	}
	/*------------- End of Navigation----------- */
	
	
	
	/*------------- Content----------- */
	#Content {
		background: #edf7ff;
		padding: 5px 20px 15px 20px;
		color: #0D4872;
		overflow: hidden;
	}
	
	.fltImage {
		float: right;
		margin-left: 10px;
		background: #C7E2FA;
		border: 4px solid #c7e2fa;
		color: #000;
	}
	
	.fltImage p {
		font-size: 10px;
		padding: 0 5px 0 5px;
		line-height: 1em;
		margin: 10px 0 5px 0;
		width: 240px;
	}
	
	.smallText {
		font-size: 12px;
		font-weight: bold;
	}
	
	table.DataTable {
		border: 1px solid #0D4872;
		border-collapse: collapse;
		margin-bottom: 15px;
	}
	
	table.DataTable caption {
		font: 18px/20px Tahoma, Arial, Helvetica, sans-serif bold;
		margin: 0 0 15px 0;
		text-align: left;
	}
	
	table.DataTable th, table.DataTable td {
		border: 1px solid #0D4872;
		padding: 3px;
	}
	
	table.DataTable th {
		text-align: left;
	}
	
	table.DataTable th.Column1, table.DataTable th.Column2, table.DataTable th.Column3 {
		text-align: center;
	}
	
	table.DataTable th.Column1, table.DataTable th.Column2, table.DataTable th.Column3 {
		width: 230px;
	}
	
	table.DataTable td {
		text-align: center;
	}
	.AlignRight {
		text-align: right;
	}
	.FloatClear {
		clear: both;
		height: 0px;
		font-size: 0px;
	}
	a, a:link, a:active {
		color: #3d5a18;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	.ColumnWrapper .LeftColumn {
		float: left;	
	}
	.ColumnWrapper .RightColumn {
		float: right;
		text-align: right;
	}
	/*------------- End of Content----------- */
	
	/* */
	
	.LeftPanel {
		 float: left; 
		 width: 400px;
		 background: #EDF7FF;
	}
	
	/*------------- Right Panel ----------*/
	
	.RightPanel {
		float: right;
		width: 286px;
		position: relative;
		left: 20px;
		top: 5px;
	
	}
	.RightPanelBox {
		background: #C7E2FA url('../images/RightPanelBoxBG.png') -2px 0 no-repeat;
		color: #000;
		padding: 0 15px;
		border: 1px solid #edf7ff;
		margin-top: 15px;
		font-size: 0.885em;
	}
	.RightPanelBox h3 {
		margin: 10px 0 0 0;
		font-size: 1.4em;
		line-height: 1em;
	}
	
	/*------------- Footer----------- */
	#Footer {
		text-align: right;
		font-size: 11px;
		color: #fff;
		padding: 10px 20px 10px 20px;
		overflow: hidden;
		background: #0D4872;
	}
	
	#Footer p {
		margin: 0;
	}
	
	.footLogo {
		float: left;
	}
	
	#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	#Footer a:hover {
		text-decoration: underline;
	}
	/*------------- End of Footer----------- */
	
	
	
	/*------------- LightBox --------------*/
	#lightbox {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	
	#lightbox img {
		width: auto;
		height: auto;
	}
	
	#lightbox a img {
		border: none;
	}

	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	
	#imageContainer {
		padding: 10px;
	}

	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	
	#imageContainer>#hoverNav {
		left: 0;
	}
	
	#hoverNav a {
		outline: none;
	}

	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background-image: url(data:image/gif;base64,AAAA);
		/* Trick IE into showing hover */ display: block;
	}
	
	#prevLink {
		left: 0; 
		float: left;
	}
	
	#nextLink {
		right: 0;
		float: right;
	}
	
	#prevLink:hover, #prevLink:visited:hover {
		background: url(../images/prevlabel.gif) left 15% no-repeat;
	}

	#nextLink:hover, #nextLink:visited:hover {
		background: url(../images/nextlabel.gif) right 15% no-repeat;
	}

	#imageDataContainer { 
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
	}

	#imageData {
		padding:0 10px;
		color: #666;
	}

	#imageData #imageDetails {
		width: 80%;
		padding-bottom: 12px;
		float: left;
		text-align: left;
	}	
	
	#imageData #caption { 
		font-weight: bold;
	}
	
	#imageData #numberDisplay {
		display: block;
		clear: left;
		padding-bottom: 1.0em;
	}
	
	#imageData #bottomNavClose {
		width: 66px;
		float: right;
		padding-bottom: 0.7em;
		outline: none;
	}	 	

	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
	}
	/* ------------ End of LightBox -------------*/