/**********************************************************************************************
* Search this file for an equals sign (=) to jump between grouped classes                     *
*                                                                                             *
* Author: 		 : Duncan Brown, Harlequin Solutions                                          *
* Last modified  : 24.02.2010                                                                 *
* Version        : 1.0                                                                        *
* Browser(s)     : All (IE Win hacks/fixes are in separate stylesheets)                       *
*                                                                                             *
**********************************************************************************************/



/* Global Layout Settings
=============================================================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/* Font sizing in ems. If you want to change anything size-wise, just change this. */
	/* Refer to http://clagnut.com/blog/348/ for details. */
	/* http://riddle.pl/emcalc/ - Em Calculator */
	/* text-align: center; */
	background: #fff;
}




/* HTML Styles
=============================================================================================*/

	p {
		font-size: 0.94em;
		line-height: 1.45em;
		margin: 0 0 1.38em;
		color: #666;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0.5em;
		padding: 0;
		color: #000;
		/* letter-spacing: -1px; */	
		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	strong, b {
		font-weight: bold;
	}
			
	H1 {
		font-size: 1.38em;
	}	
	H2 {
		font-size: 1.38em;
	}
	H3 {
		font-size: 1.19em;
	}
	H4 {
		font-size: 1.13em;
	}	
	H5 {
		font-size: 1.07em;
	}
	H6 {
		font-size: 1.03em;
	}


	/* :link :visited :focus :hover :active */
	a:link {
		text-decoration: none;
		color: #e7432a;
		font-weight: bold;
		border-bottom: 1px solid #fff;
		background-color: transparent;
	}
	a:visited { 
		text-decoration: none;
		border-bottom: 1px solid #fff;
		/* text-decoration: line-through; */			
		color: #e68b15 /* #d8ee78 */;
		background: transparent;
		font-weight: bold;
	}		
	a:focus, a:hover, a:active { 
		text-decoration: none;
		/* background: transparent; */
		border-bottom: 1px solid #000;
		color: #000;
		font-weight: bold;
		}	

	ul {
		margin: 0 0 36px 0;
		font-size: 0.88em;
		line-height: 1.7em;
		}
		ul ul {
			margin: 0 0 0 -3px;
			font-size: 100%;
		}			
		ul li {
			padding: 0 0 0 24px;
			background: url(/includes/site-images/bullet.png) no-repeat 0 3px;
			color: #666;
		}
	ol {
		margin: 0 36px 20px;
		font-size: 0.88em;
		line-height: 1.6em;
		}
		ol ol {
			margin: 0 0 0 0;
			font-size: 100%;
		}			
		ol li {
			margin: 0 0 0 1.88em;
			list-style-type: decimal;
			color: #666;
		}
		
	img {
		border: none;
	}

	hr {
		height: 1px;
		margin: 20px 0;
		color: #c7ae42;
		background-color: #c7ae42;
		border: 0px;
	}
	
	address {
		margin: 0 0 1.5em;
		padding: 0 0 0 40px;
		color: #999;
		font-style: normal;
		border-left: 1px solid #d7d2d0;
	}
	
	acronym, abbr {
		border-bottom: 1px dashed #9c1948;
		cursor: pointer;
	}

	q { quotes: "\201C" "\201D" "\2018" "\2019"; }
	
	q:before { content: open-quote; }
	q:after  { content: close-quote; }
	
	q:before   { content: '\201C'; } /* Safari support */
	q:after    { content: '\201D'; }
	q q:before { content: '\2018'; }
	q q:after  { content: '\2019'; }

	blockquote * { quotes: none; }
	blockquote > *:before { content: '\201C'; }
	blockquote > *:after  { content: '\201D'; }
	blockquote q:before   { content: '\2018'; }
	blockquote q:after    { content: '\2019'; }
		
	
	blockquote {
		background: #f2f2f2 url("/includes/site-images/blockquote-bg.gif") top right no-repeat;
		margin: 0 0 20px;
		padding: 20px 92px 20px 40px;
		font-size: 1.2em;
		line-height: 1.4em;	
		border: 1px solid #fff;
		}
		blockquote p {
			margin: 0 !important;
			padding: 0 !important;
			color: #000;
		}
		
		
	/* CMS Cleanup
	==============================================*/
	
	font a,
	a font { /*Deal with link and FONT tag combos*/
		color: #e7432a !important; 
		font-weight: bold;
	}	
		
	font { /*To override any legacy code or pesky users that know some HTML*/
		font: 100% arial,sans-serif;
		color: #666;
		background-color: transparent !important;
		line-height: 1.45em;
	}
	li font {
		color: #666;
	}
	u {
		text-decoration: none;
	}
		


	/* Tables
	==============================================*/
	
	
	#Padding table {
		border-collapse: collapse;
		border: 2px solid #d8dce3;
		background: #fff;
		color: #000;
		margin: 0 0 1.38em;
		padding: 1px;
		}
		#Padding table caption {
			font-size: 1.15em;
			letter-spacing: -1px;
			text-align: left;	
			color: #4e4f4f;
			padding: 0 0 3px;
		}
		#Padding table tr {
			background: #fefefe;
		}
		/* This is the magic class for the 'zebra' row effect */
		#Padding table tr.rowTint {
			background: #f4f4f4;
		}
		#Padding table td,
		#Padding table th {
			/* border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; */
			border: 1px solid #f4f4f4;
			padding: 10px 6px;
			font-size: 0.88em;
			/* line-height: 1.1em; */
			/* font-size: 0.69em; */
			/*width: 20%;*/
			}
		#Padding table th {
			vertical-align: bottom;
			font-weight: bold;
			font-style: italic;
			color: #fff;
			background: #ccc /* url("/includes/site-images/child-main-heading-bg.gif") left bottom no-repeat */;
		}
		#Padding table td {
			vertical-align: top;
			background: #fefefe /* url("/includes/site-images/td-bg.gif") top left repeat-x */;
			}	
	
			#Padding table td p {
				font-size: 1.00em;
				/* line-height: 1em; */
				color: #4e4f4f;
				}	
			#Padding table td i {
				color: #63748e;
				}
			#Padding table td ul li {
					background: url(/includes/site-images/bullet-table.png) no-repeat 0 0;
				}




/* General Layout
=============================================================================================*/

.Hide { 
	position: absolute;
	left: 0px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.Wrapper {
	width: 100%;
	overflow: hidden;
}
.Container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	/* background: #fe5; */
}


/* Background Wrappers
=============================================================================================*/

#Site {
	background: #fff url("/includes/site-images/crest-bg-v2.gif") top right no-repeat;
	margin-bottom: 72px;
}




/* Hidden Access Keys
=============================================================================================*/

#AccessKeys {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	}
	#AccessKeys ul, 
	#AccessKeys li {
		/* list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0pt;
		padding: 0pt; */
		background-image: none;
	}
	#AccessKeys a {
		left: -40000px;
		overflow: hidden;
		position: absolute;
		width: 0pt;
	}
	#AccessKeys a:active, 
	#AccessKeys a:focus {
		background-color: #923500;
		border-left: 1px solid #fff;
		color: #fff;
		font-weight: bold;
		left: 0px;
		margin-left: 1px;
		padding: 4px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		top: 0px;
		width: 250px;
	}



/* Header
=============================================================================================*/
	
#Header {
	position: relative; /* Containing block - Give the included divs a starting point */
	width: 960px;
	height: 75px;
	overflow: hidden;
	margin: 0 auto;
	background: transparent;
	}
	
	#Logo {
		position: absolute; /* From containing block */
		top: 9px;
		left: 288px;	
		display: block;
		text-indent: -999999999px;
		width: 384px;
		height: 57px;
		overflow: hidden;
		background: transparent url("/includes/site-images/logo-v2.gif") no-repeat 0 0;
		}
		#Logo a {
			display: block;
			width: 100%;
			height: 100%;
			background: transparent url("/includes/site-images/logo-v2.gif") no-repeat 0 0;
			/* opacity: 0; */ /* Original fix for Safari to make text disappear, but this meant the hover state stopped working for non IE browers*/
			color: #fff; /* fix for Safari to make text disappear */
			font-size: 0em; /* fix for Safari to make text disappear */
		}
		#Logo a:hover, #Logo a:active, #Logo a:focus {
			background-position: 0px -57px;
		}


	/* Search
	=============================================================================================*/
			
	div#SearchBox {
		position: absolute; /* From containing block */
		top: 28px;
		right: 0px;
		height: 23px;
		width: 230px;
		padding: 1px 0 0;
		background: url(/includes/site-images/search-bg-ff.gif) no-repeat 0 1px;
		white-space: nowrap; /* DB: Prevents wrapping of individual elements within the DIV - namely for Safari */
		font-size: 0.75em;
		}
		input.SearchTextBox {
			vertical-align: middle;
			width: 168px;
			/* height: 1.44em; */
			margin-right: 4px;
			background: /* #ff0 */ transparent;
			text-indent: .3em;
			border: transparent solid 1px;
			font-size: 0.94em;
			color: #9e9895;
		}
		input.SearchTextBox:hover, input.SearchTextBox:active, input.SearchTextBox:focus {
			/* background: #bbbb6a; */
			color: #000;
			}

		div#SearchBox label {
			display:inline;
		}
		input.SearchButton {
			background: #000 url(/includes/site-images/search-button-bg.gif) no-repeat 50% 49%;
			text-indent: 999999px;
			border: transparent solid 1px;
			width: 53px;
			/* height: 1.74em; */
			vertical-align: middle;
			margin: 0;
			padding: 0;
			cursor: pointer; /* hand-shaped cursor */
		}
		input.SearchButton:hover, input.SearchButton:active, input.SearchButton:focus {
			background: #923500 url(/includes/site-images/search-button-bg-over.gif) no-repeat 50% 49%;
			}				
				
	
		/* Top Navigation
		=============================================================================================*/
		#TopNavigation {
			padding: 20px 0 6px;
			border-bottom: 1px solid #908f87;
			background: #e7e6d9 url("/includes/site-images/top-nav-bar.gif") top left no-repeat;
			font-family: "Times New Roman", Times, serif;
			}			
			#TopNavigation ul {
				float: left;
				/* text-align: right; */
				width: 100%;
				margin: 0;
				padding: 0 24px;
				}
				#TopNavigation ul li {
					display: inline;
					background-image: none;
					/* width: auto; */
					line-height: 0em;
					margin: 0;
					padding: 0 19px 6px 0;
					}
					#TopNavigation ul li a {
						/* display: block; */
						margin: 0;
						padding: 6px; /* for a larger hit spot */
						border-width: 0;
						font-size: 1em;
						font-weight: normal;
						color: #025d7e;
						background: transparent;
					}
					#TopNavigation ul li a:hover, 
					#TopNavigation ul li a:active, 
					#TopNavigation ul li a:focus {
						color: #000;
						background: #fff;
						/* border-bottom: 1px solid #000; */
					}
						
			

				
/* Homepage 
=============================================================================================*/
#MainImage {
	height: 240px;
	margin: 0 auto 36px;
	padding: 0;
	border-top: 1px solid #f7f7e9;
	background: #f7f7e9 url("/includes/site-images/header-default-image.jpg") top left no-repeat;
}
#NoMainImage {
	margin: 0 auto 36px;
	padding: 0;
}
#MainHomeContainer {
	margin: 0 auto 0;
	padding: 0;
	background: #fff url("/includes/site-images/home-cols-bg.gif") top left repeat-y;
}
	#MainHomeContainer a {
		color: #923500;
	}
	
			
	/* Contains Headmaster's Welcome
	==============================================*/

	div#HomeMainCol {
		float: left;
		width: 462px;
		overflow: hidden;
		margin-right: 36px;
		padding: 0 0 24px;
		/* padding: 24px; */
		background: url("/includes/site-images/home-message-bg-v2.gif") top left no-repeat;
		}			
		div#HomeMainCol h2 {
			/* float: left;*/
			width: 414px;
			display: block;
			margin: 0 0 10px /* 0.4em */;
			padding: 24px 24px 0;
			font-family: "Times New Roman", Times, serif;
			font-size: 1.13em;
			color: #4e4e4e;
			}
		#HomeMainCol p {
			margin: 0;
			padding: 0 24px 24px;
			font-size: 0.75em;
			line-height: 1.65em;
			color: #757575;
			}
		#HomeMainCol p.First {
			padding: 2px 24px 0;
			/*color: #ff0 !important;*/
		}
		/*#HomeMainCol > p:first-child { NO WORKY!!
			padding: 0 24px 0;
			color: #ff0 !important;
		} */

		ZZZ#HomeMainCol img {
			/* display: inline; */
			/* display: block; */
			float: left;
			border: 1px solid #e0ab8d;
			margin: 24px;
			padding: 0;
			/* width: 142px; */
			background: #f4f4f4;
		}
		#HomeMainCol img.IntroImage {
			background: #F4F4F4 none repeat scroll 0 0;
			border: 1px solid #E0AB8D;
			float: left;
			margin: 24px;
			padding: 0;
		}
									
				
			/* New Alert Area
			==============================================*/
			
			#HomeMainCol .NewsAlert {
				overflow: hidden;
				margin: 0;
				border-bottom: 24px solid #fff;
				background: #f4f4f4 url("/includes/site-images/news-alert-bg-v2.gif") top left no-repeat;
				}
				#HomeMainCol .NewsAlert .InnerAlert {
					overflow: hidden;
					margin: 5px 4px 4px;
					padding: 20px;
					border: 1px solid #dbc2b3;
				}			
				#HomeMainCol .NewsAlert .InnerAlert:hover {
					border: 1px solid #923500;
					}
				#HomeMainCol .NewsAlert .InnerAlert h2 {
					float: none;
					width: auto; /*full width 414px*/
					display: block;
					margin: 37px 0 0;
					padding: 0;
					font-size: 1.25em;
					color: #a43d02;
					text-align: center;
					}
				#HomeMainCol .NewsAlert .InnerAlert p {
					/* clear: both; */
					float: left;
					margin: 0;
					padding: 24px 0 0;
					background: transparent;
					width: auto;
					color: #222;
				}
		
		
	
	/* Right Column - Content Panels x3
	==============================================*/

	div#SecondaryCol {
		position: relative; /* Containing block - Give the included divs a starting point */
		float: left;
		width: 462px;
		overflow: hidden;
		/* background: #ccc; */
		min-height: 450px;
		}
		
		.ItemIntroduction {
			overflow: hidden;
			margin: 0;
			padding: 24px;
			border-bottom: 12px solid #fff;
		}
		.ItemIntroduction:hover {
			/* border: 1px solid #a7a99d; */
			background: #000;
			}
			#Panel01 {
				background: #f4f4f4 url("/includes/site-images/home-side-boxes-01-bg-v2.gif") top left no-repeat;
			}
			#Panel02 {
				background: #f4f4f4 url("/includes/site-images/home-side-boxes-02-bg-v2.gif") top left no-repeat;
			}
			#Panel03 {
				background: #f4f4f4 url("/includes/site-images/home-side-boxes-01-bg-v2.gif") top left no-repeat;
				border-bottom: 0px solid #fff;
			}
			.ItemIntroduction h2 {
				float: left;
				width: 246px; /*full width 414px*/
				display: block;
				margin: 0 0 0.4em;
				padding: 0;
				font-family: "Times New Roman", Times, serif;
				font-size: 1.13em;
				line-height: 1.13em;
				color: #4e4e4e;
				}
				#MainHomeContainer .ItemIntroduction h2 a {
					display: block;
					color: #4e4e4e;
					font-weight: normal;
					border-bottom: 1px solid transparent;
				}
				#MainHomeContainer .ItemIntroduction h2 a:hover {
					background-color: #9eb0be;
					border-bottom: 1px solid #4e4e4e;
			}		
			.ItemIntroduction p {
				/* clear: both; */
				float: left;
				margin: 0;
				padding: 0;
				background: transparent;
				width: 246px;
				font-size: 0.75em;
				line-height: 1.65em;
				color: #757575;
			}
			.ItemIntroduction img {
				/* display: inline; */
				/* display: block; */
				float: right;
				border: 1px solid #e0ab8d;
				margin: 0;
				padding: 0;
				/* width: 142px; */
				background: #f4f4f4;
			}
			





	/* Homepage Quick Links Columns
	==============================================*/			


	div#QuickLinksHeading {
		display: block;
		width: 92px;
		height: 60px;
		margin: 0 auto;
		overflow: hidden;
		background: #fff url("/includes/site-images/quick-links-heading.gif") 0 0 no-repeat;
		}

	#HomeQuickLinks {
		/* width: 774px; */
		overflow: hidden;
		/* margin: 0 auto 16px; */
		margin: 0 auto 24px;
		background: #fff url(/includes/site-images/quick-links-top-bg.gif) no-repeat top right;
		}		

		.Col {
			overflow: hidden;
			float: left;
			/* border-top: 1px solid #000; */
			/* background: #f00; */
		}
		.Regular {
			width: 296px;
		}
		.Margin {
			margin-right: 36px;
		}
		.Col h4 {
			border-bottom: 1px solid #f8e9f0;
			margin: 24px 0 0;
			padding: 8px 0 /* 5px */;
			font-family: "Times New Roman", Times, serif;
			font-size: 1.33em /* 1.13em */;
			font-weight: normal;
			/* letter-spacing: 1px; */
			color: #4e4e4e;		
			}	
		.Col h4.LinksHeader { /* For top menu titles only */
			margin: 24px 0 0;
			padding: 0 0 8px;
			}
			
			/* Links on headings removed */
			
			.Col h4 a,
			.Col h4 a:visited {
				/* padding: 8px 0 6px; */
				color: #4e4e4e;		
				background: transparent;
				border: 0px;
			}
			.Col h4 a:hover, 
			.Col h4 a:active, 
			.Col h4 a:focus {
				border: 0px;
				background: #f1f1f1 url(/includes/site-images/home_header_links_hover_bg.gif) no-repeat top right;
				color: #b93651;
			}
		.Col a,
		.Col a:visited {
			display: block;
			height: 1%; /* For IE6 full width hovers - stick in IE6 CSS???! */
			padding: 4px 0;
			border-bottom: 1px solid #e9f1f4;
			background: transparent;
			font-weight: normal;
			color: #923500;
		}	
		.Col h4 a {
			padding: 0 !important;
			/* background: #f00; */
		}
		.Col a {
			color: #923500;
		}
		.Col a:visited {
			color: #e68b15;
		}
		.Col a:hover, 
		.Col a:active, 
		.Col a:focus {
			background: #fff url(/includes/site-images/quick-link-hovers-v2.gif) no-repeat top left;
			border-bottom: 1px solid #eff7fa;
			color: #e68b15;
			font-weight: normal;
		}
		.Col ul {
			margin: 14px 24px 24px;
			padding: 0;
			line-height: 1.1em;
		}
		/* .Col ul li.LinksHeader {
			padding: 0 0 1px;
		} */	
			.Col ul li {
				background-image: none;
				padding: 0;
				font-size: 0.94em;
			}





/* Child Page Layout
=============================================================================================*/

#MainChildContainer {
	margin: 0 auto 36px;
	padding: 0;
	background: #fff url("/includes/site-images/child-cols-bg.gif") top left repeat-y;
}

			
	/* Tree
	==============================================*/

	/* See below */

			
	/* Content Columns
	==============================================*/

	div#ContentCol { /* Column with side bar for images */
		position: relative; /* Containing block - Give the included divs a starting point */
		float: left;
		width: 466px;
		overflow: hidden;
		background: #f4f4f4 url("/includes/site-images/child-content-bg-v2.gif") top left no-repeat;
		min-height: 450px;
		}
		
	div#ContentWide { /* Full width column */
		/* position: relative; */ /* Containing block - Give the included divs a starting point */
		float: left;
		width: 693px;
		overflow: hidden;
		background: #f4f4f4 url("/includes/site-images/child-content-bg-v2.gif") top left no-repeat;
		min-height: 450px;
		}
		
		div#ContentCol div#Padding {
			margin: 22px 0 36px 26px;
			padding: 0;
		}
		div#ContentWide div#Padding {
			margin: 22px 26px 36px;
			padding: 0;
		}
				
	h1#MainHeading {
		margin: 0 0 18px;
		padding: 0;
		font-size: 1.75em;
		letter-spacing: 0px;	
		color: #000;
		}	
		
			
	/* Image Column
	==============================================*/

	div#SideBar {
		position: relative; /* Containing block - Give the included divs a starting point */
		float: right;
		width: 225px;
		padding: 75px 0;
		overflow: hidden;
		background: /* #ccc */ url("/includes/site-images/img-col-bg.gif") top right no-repeat;
		min-height: 450px;
		}	
		div#SideBar img {
			margin: 0 26px 0;
			padding: 6px;
			background: #fff url("/includes/site-images/img-bg.png") top left no-repeat;
			}			
		div#SideBar p {
			width: 161px;
			margin: 0 26px 26px;
			padding: 6px;
			/* background: #fff url("/includes/site-images/img-bg.png") top left no-repeat; */ /* This can't be used until Jag only adds a P tag if the image caption contains content */
			line-height: 1.3em;
			color: #212121;
			font-size: 0.69em;
			}	


/* Child Page Content
=============================================================================================*/

.ContentHighlight	{
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 10px;
	border: #B7B7B7 solid 1px;
	background: #f6f6f6;
	color: #000;	
}
	
	
/* Forms
==============================================*/

	form {
	}
	
	.search_form {
		margin: 0;
		padding: 0;
		}

	fieldset {
		display: block;
		margin: 0 0 1.5em;
		padding: 1.65em;
		background: #fefefe url(/includes/site-images/td-bg.gif) top left repeat-x;
		color: inherit;
		/* border-left: 1px solid #d9dbdb;
		border-right: 1px solid #d9dbdb;
		border-bottom: 1px solid #d9dbdb; */
		border: 1px solid #f4f4f4;
		}
		
	legend {
		font-size: 1.20em;
		color: #211B6E;
		background: #fff /* url(../../Images_v1/legend_bg.gif) repeat-x bottom left */;
		padding: 0.35em 0.35em 0.3em;
		border: #b7b7b7 solid 1px;
		/* font-weight: bold; */
	}	
	label {
		/* font-weight: bold; */
		display: block;
		border: 1px solid #fff;
		margin: 0.2em 0;
		padding: 0.5em 0;
		font-size: 0.88em;
		cursor: pointer; /* hand-shaped cursor */
		}
		label:hover {
			border: 1px dotted #ccc;
			color: #8181FD;
		}		
	
	#Content input {
		width: 25em;
		padding: 2px;
		font-size: 100%;
		margin: 0 0 0.5em;
		text-indent: .5em;
		border: 1px solid #b7b7b7;
		/* background: url(/includes/site-images/search-bg-gradient.gif) no-repeat; */
		}
	
	.checkbox {
		padding: 2px;
		font-size: 100%;
		margin: 0 0 0.5em;
	}

	textarea {
		width: 25em;
		margin: 0 0 0.5em;
		padding: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		font-size: 100%;
		border: 1px solid #b7b7b7; 
	}
	
	select {
		margin: 0 0 0.5em;
		font-size: 100%;
	}

	#Content .SubmitButton {
		width: 5em !important;
		margin: 20px 0 !important;
		padding: 0 0 3px !important;
		height: 1.74em;
		background: #8181FD;
		border: 1px solid #000 !important;
		text-indent: 0 !important;
		vertical-align: middle;
		cursor: pointer; /* hand-shaped cursor */
		color: #fff;
		font-weight: bold;
		}

	#Content .SubmitButton:hover, #Content .SubmitButton:active, #Content .SubmitButton:focus {
		background: #000;
		border: 1px solid #fff !important;
	}


	/* Sliding Info Area for forms
	==============================================*/
	
	#SlidingMessagePanel {
		background: #fff;
		height: auto /* 200px */;
		display: none;
		padding: 10px;
		border: 3px solid #d8dce3;
		border-bottom-width: 0;
		}
		#SlidingMessagePanel h2 {
			color: #a43d02;
		}	
		#SlidingMessagePanel img {
			float: right;
			margin: 0 0 0 20px;
		}		
		#SlidingMessagePanel p {
			font-size: 0.81em;
		}
	.Slide {
		margin: 0;
		padding: 1px 0 0;
		border-top: 3px solid #d8dce3;
		}
		.btn-slide {
			float: right;
			background: transparent url(/includes/site-images/slide-arrow-bg-2.gif) no-repeat 0px -26px;
			width: 179px; /* BG is 179px - padding */
			height: 26px;
			/* overflow: hidden; */
			/* padding: 7px 0px 7px 15px; */
			margin: 0 0 25px;
			display: block;
			border-bottom: 0px solid #fff !important;
			text-indent: -99999999999999px;
			/* line-height: 0; */
			/* text-align: center;
			font-size: 0.75em;
			font-weight: normal !important; */
			color: #a43d02 !important;
		}
		.btn-slide:hover {
			background: transparent url(/includes/site-images/slide-arrow-hover-bg.gif) no-repeat 0px 0px;
			border-bottom: 0px solid #fff;
			color: #000 !important;
		}
		.active {
			color: #a43d02 !important;
			background-position: 0px 0px;
		}	


	/* Validation Message
	==============================================*/
	
	.ValidationMessage {	/* Validation messages */
		margin: 0 0 26px;
		padding: 13px;
		border: 1px solid #D8DCE3;
		background: #fff;
		}
		.ValidationMessage h2 {
			color: #790000;
		}	
		.ValidationMessage p {
			padding: 0;
			color: #687069;
		}
		.ValidationMessage p#ErrorText {
			margin: 0 0 10px;
			padding: 10px;
			border: 1px solid #D8DCE3;
			text-align: center;
			font-style: italic;
			/* font-weight: bold; */
			color: #fff;
			background: #d10000;
		}

		.NotValidated { 
			border: 2px solid #D10000;
			background: #fff;
			padding: 2px;
		}






/* Search Results + News Menus + Art Exhibitions etc
==============================================*/

div#Sort {
	margin: 0 0 20px;
	padding: 5px 0 5px;
	color: #4C4D62 !important;
	display: block;
	border-bottom: 2px solid #f4f4f4;
	font-size: 0.83em;
	clear: both;
	width: 100%;
	overflow: hidden;	
	background: #fff;
	}
	div#Sort a {
		padding: 3px 5px;
		color: #8181fd !important;
		border: 1px solid #ebebed;
		border-bottom: 0px solid #ebebed;
		background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
		line-height: 0;
		font-weight: normal;
		}

	.SortedBy { /* Selected option */
		background: #f4f4f4 !important;
		padding: 5px;
		text-decoration: underline !important;
	}

	.ResultItem {
		margin: 0 0 2em;
		border: 1px solid #ebebed;
		width: 100%;
		overflow: hidden;
		background: #fff;
		}
		.ResultItem:hover {
			border: 1px solid #cecece;
		}

	.ResultItem h2 {
		margin: 0;
		padding: 10px;
		font-size: 1.15em;	
		background: transparent;
		}
		.ResultItem h2 a {
			font-weight: normal;
			border-bottom: 1px solid transparent;
		}
		.ResultItem h2 a:hover {
			font-weight: normal;
			border-bottom: 1px solid #444495;
		}
	.ResultItem .DateAndRank {
		margin: 0 10px 10px;		
		padding: 3px;
		float: right;
		color: #b7b7b7;
		font-size: 0.75em;
		text-align: center;
		background: transparent;
	}
	
	.ResultItem p.Summary {
		margin: 0;
		padding: 0 0 10px 10px;
		font-size: 0.75em;
		background: #fefefe;
	}
	
	.ResultItem .PDF,
	.ResultItem .Word,
	.ResultItem .Excel,
	.ResultItem .Page,
	.ResultItem .Other {
		padding: 0 0 0 20px;
		display: block;
	}
	.ResultItem .PDF {
		background: transparent url(/includes/site-images/tools/pdf.gif) no-repeat 0 0;
	}
	.ResultItem .Word {
		background: transparent url(/includes/site-images/tools/word.gif) no-repeat 0 0;
	}
	.ResultItem .Excel {
		background: transparent url(/includes/site-images/tools/excel.gif) no-repeat 0 0;
	}
	.ResultItem .Page {
		background: transparent url(/includes/site-images/tools/page.gif) no-repeat 0 0;
	}
	.ResultItem .Other {
		background: transparent url(/includes/site-images/tools/other.gif) no-repeat 0 0;
	}

	.ResultItem .PDF:hover,
	.ResultItem .Word:hover,
	.ResultItem .Excel:hover,
	.ResultItem .Page:hover,
	.ResultItem .Other:hover {
		background-position: 2px 2px;
	}
			
.DidYouMean	{
	margin: 0 0 20px;
	padding: 10px;
	border: #ebebed solid 1px;
	background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
	color: #000;	
}


/* Art List Page
==============================================*/

	.Exhibition h2 {
		font-size: 1.15em;	
		}
	.Exhibition .DateAndRank {
		display: inline;
		margin: 0;		
		padding: 3px 5px;
		float: none;
		text-align: left;
	}
	.Exhibition img {
		float: right;
		margin: 10px;	
	}	
	.Exhibition p.Summary {
		margin: 0;
		padding: 0 10px 10px 10px;
		font-size: 0.75em;
		background: #fefefe;
	}


/* Art Slideshow
==============================================*/

	#fsDemo li {
		margin: 0;
		padding: 0;
		color: #0f0 !important;
		/* text-indent: 99999999px; */
		list-style-type: none;
	}	
	
/* Art Thumbnail Page
==============================================*/

div.Thumbnails {
	float: left;
	width: 190px;
	height: 190px;
	margin: 0 26px 26px 0;
	padding: 6px;
	overflow: hidden;
	text-align:center;
	/* padding: 6px; */
	/* background: #fff url("/includes/site-images/img-thumb-bg.png") top right no-repeat; */
}

	div#ThumbnailsContainer .ImageAligner {
		width: 184px;
		height: 184px;
		position: relative;
		top: 50%;
		left: 50%;
		margin: -120px 0 0 -160px;
		overflow: hidden;
		/* background: #c00 url("/includes/site-images/img-thumb-bg.png") top right no-repeat; */
	}

#ThumbnailsContainer {
	overflow: hidden;
	}
	#ThumbnailsContainer li {
		background-image: none;
		margin: 0;
		padding: 0;
	}

.List {
	float:left;
	list-style-image: none;
	list-style-position: outside;
	background-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.List ul {
		border-top: 1px solid #f2f2f2; /* Switching on this border actives the top padding further down the cascade - it also works visually by giving each box a slight lift  */
		margin: 0;
		padding: 6px 0 0 0;
		background: #fff url("/includes/site-images/img-thumb-bg.png") top right no-repeat;
	}
	.List ul:hover {
		background: #486690 url("none");
	}
	.ListItem { /* Thumb Container */
		float: left;
		/* margin-right: 26px; */
		/* margin-bottom: 26px; */
		width: 196px /* 200px */;
		border-right: 26px solid transparent;
		border-bottom: 26px solid transparent;
	}
	.Third {
		border-right: 0px solid #0f0;
	}
	.Thumbed { /* Thumb Container */
		float: left;
		width: 196px;
		}
		.ItemThumb { /* Thumb */
			height: 196px;
			width: 196px;
			background: transparent;
			}
			.ItemThumb a {
				border: 0px solid #fff;
				display: block;
				height: 184px;
				width: 184px;
				overflow: hidden;
				text-align: center;
				margin: 6px;
			}
			.ItemThumb a img { /* Hide the actual IMG and just show the background on the A HREF */
				display: none;
			}

				
/* Paginator
==============================================*/

div.PaginationContainer {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 10px;
	/* padding: 0.15em 0 0; */ /*For FF to show the top border of the selected page link*/
	/* background: #fff; */
	border-bottom: 1px solid #fff;
	font-size: 0.88em;
	}
div#Lower,
div#ListNews1_lsDataList_End {
	padding: 20px 0 0 !important;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f4f4f4;
	}	
	div.PaginationContainer p {
		float: left;
		margin: 0;
		padding: 2px 6px;
		color: #7f7f7f;
		white-space: nowrap;
		border: solid 1px #f7f8f9; 
		background: #f7f8f9;
	}
	
	.Paginator { 
		float: right;
		}
	div.PaginationContainer ul {
		margin: 0;
		padding: 0;
		}
		div.PaginationContainer li { 
			float:left; 
			margin: 0; 
			padding: 0; 
			list-style: none;
			background-image: none;
			font-size: 0.88em;
		}
	div.PaginationContainer a { 
		margin-left: 5px;
		border: solid 1px #8a97aa; 
		background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
	}

	div.PaginationContainer .PrevDisabled,
	div.PaginationContainer .Prev {
		margin-right: 0px;
	}
	div.PaginationContainer .NextDisabled,
	div.PaginationContainer .Next {
		margin-left: 5px;
	}
	div.PaginationContainer .PrevDisabled,
	div.PaginationContainer .NextDisabled {
		float: left; 
		display: block; 
		padding: 2px 6px;
		font-weight: bold; 
		color: #666; 
		border: solid 1px #fff;
	}
	div.PaginationContainer .PageSelected { 
		float: left; 
		display: block; 
		margin-left: 5px;
		padding: 2px 6px; 
		border: solid 1px #b99c21;
		background: #b99c21;
		text-decoration: none;
		color: #fff; 
		}
	div.PaginationContainer a:link, 
	div.PaginationContainer a:visited   { 
		display: block; 
		float: left; 
		padding: 2px 6px; 
		color: #444495; 
		}
	div.PaginationContainer a:hover { 
		border: solid 1px #025D7E;
		background: #025D7E;
		color: #fff;
		}	
		
	

/* Tree Menu
==============================================*/

div#ChildNavCol {
	float: left;
	width: 231px;
	overflow: hidden;
	margin-right: 36px;
	/* padding: 24px; */
	background: url("/includes/site-images/nav-col-bg-v2.gif") top left no-repeat;
	min-height: 621px;
	}

div#TreeBG {
	margin: 77px 0 24px; /* This DIV was introduced to solve some strange IE hover bugs that are dealt with in the IE stylesheets */
	}

	#ChildNavCol ul	{
		margin: 0 0 36px;
		padding: 0 6px 36px;
		border-top: #b6bec5 solid 1px;
		background: url("/includes/site-images/tree-bg.png") top left;
		}
		#ChildNavCol ul ul {
			margin: 0;
			padding: 0;
			border-top: #fff solid 0px;
			font-size: 1.00em;
			background-image: none;
		}
		#ChildNavCol ul li	{
			margin: 0;
			padding: 0;
			background-image: none;
			/* font-size: 0.88em; */
			/* line-height: 1.3; */
			/* background: #000066; */
			}
			#ChildNavCol ul li#Heading { /* Menu heading */
				padding: 0 0 3px;
				font-size: 1.00em;
				font-weight: bold;
				color: #a7a99e;
				}
			#ChildNavCol ul li a { /* All tree links */
				display: block;
				height: 1%; /* For IE6 full width hovers */
				padding: 7px 7px;
				border-bottom: #b6bec5 solid 1px;
				font-size: 0.94em;
				line-height: 1.2em;
				font-weight: normal;
			}
			#ChildNavCol ul li a:visited { /* All visited tree links */
			}
			#ChildNavCol ul li a:focus { /* All focused tree links */
				color: #bf4a02;	
			}
			#ChildNavCol ul li a:hover { /* All hovers inside the tree*/
				background: #000;
				color: #d5b121;
			}
			#ChildNavCol ul li a:active { /* All active links inside the tree - useful for keyboard navigation */
				color: #bf4a02;
			}
			#ChildNavCol ul li a.On { /* All highlights inside the tree */
				background: #f7f6f7;
				color: #000;
				font-weight: bold;
			}
			#ChildNavCol ul li a.On:hover { /* All highlights inside the tree */
				color: #bf4a02;
			}	
			#ChildNavCol ul li a { /*Level 0 links only - if different values aren't set for lower levels then these values are used */
				color: #923500;
				}
				#ChildNavCol ul li li a	{ /*Level 1 links only*/
					padding-left: 20px;
					color: #325f9a; /* 70% Light Green */
					/*font-size: 0.95em;*/
				}
				#ChildNavCol li li a.On	{
					background: transparent;
				}
				#ChildNavCol li li a:hover {
					background: #000;
					}
					#ChildNavCol li li li a { /*Level 2 links only*/
						padding-left: 40px;
						color: #5682c1; /* 70% Light Green */
					}
					#ChildNavCol li li li a.On	{
						background: transparent;
					}
					#ChildNavCol li li li a:hover {
						background: #000;
						}	
						#ChildNavCol li li li li a { /*Level 3 links only*/
							padding-left: 60px;
							color: #be4c06; /* 70% Light Green */
						}
						#ChildNavCol li li li li a.On	{
							background: transparent;
						}
						#ChildNavCol li li li li a:hover {
							background: #000;
						}
						
			#ChildNavCol ul li a.Return { /* For sections with separate menu structures - these 'divider' links return to previous sections */
				color: #c4835f;
			}						
						


/* Site Map
==============================================*/

#SiteMap { 
	margin: 0 0 1.5em;
	padding: 0;
	border-bottom: 1px solid #aabbc7;
	}
	#SiteMap ul	{  /*Override general UL styles above*/
		margin: 0 !important;
		padding: 0 !important;
		/* background: #fff; */
		}
		#SiteMap ul li	{ 
			
		}
		#SiteMap ul ul { 
			font-size: 1.0em;
			/* zoom: 1; */
		}
		#SiteMap ul ul ul { /*all other nested UL's here */
			margin: 0 0 0 20px !important;
		}
	#SiteMap ul li.Page, 
	#SiteMap ul li.Folder { 
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#SiteMap ul li.Page	{ 
		border-top: 1px solid #aabbc7;
		background: url(/includes/site-images/tools/page.gif) 3px 5px no-repeat;
		font-weight: normal;
	}
	#SiteMap ul li.Folder, 
	#SiteMap ul li.FolderRoot { 
		background: url(/includes/site-images/tools/folder.gif) 0px 5px no-repeat;
		border-top: 1px solid #aabbc7;
		font-weight: bold;
	}
	#SiteMap li a, 
	#SiteMap ul li.FolderRoot { 
		display: block; 
		line-height: 20px;
		padding: 5px 0 5px 24px !important;
		border: 0px solid #fff;
	}

	#SiteMap li a:visited {
		background-image: none;
	}
		

	#SiteMap li a:focus, 
	#SiteMap li a:active { 
		color: #000;
		}		
	#SiteMap ul li.FolderRoot { 
		border-top: none;
	}
	#SiteMap li.Page a:hover { 
		background: #aabbc7 url(/includes/site-images/tools/page.gif) 5px 5px no-repeat !important; 
	}
	#SiteMap li.Page a:focus, 
	#SiteMap li.Page a:active {
		background: #E7432A url(/includes/site-images/tools/page.gif) 5px 5px no-repeat !important; 
	}	
	#SiteMap li.Folder a:hover { 
		background: #aabbc7 url(/includes/site-images/tools/folder.gif) 2px 5px no-repeat;
	}
	#SiteMap li.Folder a:focus, 
	#SiteMap li.Folder a:active  { 
		background: #c7ae42 url(/includes/site-images/tools/folder.gif) 2px 5px no-repeat;
	}	


/* Site Map (.Net)
==============================================*/

#DotNetSiteMap {
	display: block;
	margin: 0 0 1.5em;
	padding: 0;
	border-bottom: 1px solid #aabbc7;
	}
	#DotNetSiteMap ul	{  /*Override general UL styles above*/
		margin: 0 !important;
		padding: 0 !important;
		}
		#DotNetSiteMap ul li { 
			
		}
		#DotNetSiteMap ul ul { 
			font-size: 1.0em;
		}
		#DotNetSiteMap ul ul { /*all other nested UL's here */
			margin: 0 0 0 24px !important;
		}
	#DotNetSiteMap ul li.AspNet-Menu-Leaf, 
	#DotNetSiteMap ul li.AspNet-Menu-WithChildren { 
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#DotNetSiteMap ul li.AspNet-Menu-Leaf	{ 
		border-top: 1px solid #AABBC7;
		background: transparent url(/includes/site-images/tools/page.gif) 3px 5px no-repeat;
		font-weight: normal;
	}
	#DotNetSiteMap ul li.AspNet-Menu-WithChildren, 
	#DotNetSiteMap ul li.AspNet-Menu-ChildSelected,
	#DotNetSiteMap ul li.AspNet-Menu-Leaf span.AspNet-Menu-NonLink { 
		background: url(/includes/site-images/tools/folder.gif) 0px 5px no-repeat;
		border-top: 1px solid #aabbc7;
		font-weight: bold;
	}
	#DotNetSiteMap li a, 
	#DotNetSiteMap li span, 
	#DotNetSiteMap ul li .AspNet-Menu-ChildSelected { 
		display: block; 
		line-height: 20px;
		padding: 5px 0 5px 24px !important;
		border: 0px solid #fff !important;
	}
	#DotNetSiteMap li a:focus, #DotNetSiteMap li a:hover, #DotNetSiteMap li a:active { 
		text-decoration: none;
		background-color: #000;
		border-bottom: 0px dotted #1e486f;
		color: #fff;
		}
	#DotNetSiteMap ul li .AspNet-Menu-ChildSelected { 
		border-top: 0px solid #000;
		color: #222;
	}
	#DotNetSiteMap li.AspNet-Menu-Leaf a:hover { 
		background: #aabbc7 url(/includes/site-images/tools/page.gif) 5px 5px no-repeat !important; 
	}
	#DotNetSiteMap li.AspNet-Menu-WithChildren a:hover { 
		background: #aabbc7 url(/includes/site-images/tools/folder.gif) 2px 5px no-repeat;
	}




/* Footer
=============================================================================================*/

div#Footer {
	/* position: relative; */
	overflow: hidden;
	margin: 0 auto 36px;
	padding: 16px 0;
	font-size: 0.86em;
	background: #9eb0be url(/includes/site-images/footer-bg-v2.gif) 0 0 no-repeat;
	}
	#Footer a:link,
	#Footer a:visited {
		border-width: 0;
		background-color: transparent;
		background-image: none;
		font-weight: normal;
		color: #fff;
		}
	#Footer a:hover,
	#Footer a:active, 
	#Footer a:focus {
		color: #000;
		background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
		border-bottom: 1px solid #000;
	}

	#Footer ul {
		/* float: right; */
		/* width: 912px; */
		margin: 0 24px 12px;
		/* border-bottom: 1em solid #000; */
		}
		#Footer ul li {
			display: inline;
			margin: 0 24px 0 0;
			padding: 0;
			background-image: none;
			color: #fff;
			}
			#Footer ul li span {
				font-weight: bold;
			}
	#Footer p {
		/* float: right; */
		width: 662px;
		margin: 0 24px 0;
		padding: 0;
		color: #fff;
		line-height: 1em;
		}
		#Footer p span {
			margin: 0 24px 0 0;
		}
		
		
ul#EndLinks {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0.81em;
	text-align: center;
	}
	ul#EndLinks li {
		display: inline;
		margin: 0;
		padding: 0 24px 0 0;
		background-image: none;
		}	
		ul#EndLinks li a {
			color: #025d7e;
			font-weight: normal;
		}	
		ul#EndLinks li a#BackToTop {
			color: #9eb0be;
		}