/* General default styles */
* {
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
}

a {
	text-decoration: none;
	/* color: #036; */
	color: #550044;
	font-weight: bold;
}
a.notLink:hover {
	text-decoration: none;
}

a:hover {
	 text-decoration: underline; 
	 cursor:hand;
}

a img {
	border: 0;
}

a.GraphicVersionLink
{
	display:none
}

div.clear {
	clear: both;
	width: 100%;
	background-color: #fff;
}

fieldset {
	border:solid 0 transparent;
}

body {
	text-align: center;
	font-size: 0.8em;
	color: #333;
	background-color: #fff;
}

/* WBC Console styles */

div#header td.console
{
	width:100%;
}

.wbcSwitch a
{
	c/olor:#ffffff;
	font-weight:600;
	font-size: 100%;
}

.wbcConsoleDiv
{
	width:300px;
	border: 1px solid #ffffff; 
}

.wbcStatusDiv
{
	color:#666;
	font-weight:bold;
	background-color: #e3f0f4;
	margin: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
}

.wbcStatus
{
	color:Red;
}

.wbcActionsDiv
{
	background-color: #ffffff;
	margin: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
}

.wbcLeftColumn
{
	background: url(/images/layout/dotted_border_vertical.gif) right repeat-y;
}

.wbcRightColumn
{
	padding:0px 0px 0px 5px;
}

/* Main layout styles */ 
div#wrapper {
	width: 760px;
	margin: auto;
	text-align: left;
	margin-top: 20px;
	
	
}
div#headerNew {
	background: #fff;
	float: left;
	pad/ding: 12px;
	width: 760px;
	overflow:visible;
	margin-bottom: 5px;
}

div#header {
	background: #036 url(/images/headerBackground.jpg) top center no-repeat;
	overflow: hidden;
	float: left;
	padding: 12px;
	width: 736px;

	margin-bottom: 5px;
}

	div.printHeader
	{
		display:none;
	}

	div#header h1 {
		float: left;
	}
	div#header div#right {
		float: right;
		width: 250px;
		text-align: right;
	}
	div#header div#right.loggedIn {
		text-align: left;
	}
	
	/* Top search form new */
	div#headerNew div#rightNew div#searchFormNew 
	{
		margin-right: 13px;
		margin-top: 10px;
	}
	
	div#headerNew div#rightNew div#searchFormNew .text 
	{
		width: 116px;
	}
	
	div#headerNew div#rightNew div#searchFormNew label 
	{
		color: #fff;
		margin-right: 10px;
		vertical-align: top;
		font-size: 100%;
		font-weight: 600;
	}
	
	div#headerNew div#rightNew div#searchFormNew .submit 
	{
		text-transform: lowercase;
		border: 0;
		margin-left: 5px;
		font-size: 85%;
		color: #fff;
		font-weight: bold;
		width:50px;
		height: auto;
		cursor: pointer;
		cursor: hand;
		background: url(/images/layout/searchButton.gif) no-repeat;
	}
	

	
	/* End */
	
	
		/* Top search form */
		div#header div#right div#searchForm {
			margin-right: 13px;
			margin-top: 80px;
		}
			div#header div#right div#searchForm .text {
				width: 116px;
			}
			div#header div#right div#searchForm label {
				color: #fff;
				margin-right: 10px;
				vertical-align: top;
				font-size: 100%;
				font-weight: 600;
			}
			div#header div#right div#searchForm .submit {
				text-transform: lowercase;
				border: 0;
				margin-left: 5px;
				font-size: 85%;
				color: #fff;
				font-weight: bold;
				width:50px;
				height: auto;
				cursor: pointer;
				cursor: hand;
				background: url(/images/layout/searchButton.gif) no-repeat;
			}
	 	div#header div#right.loggedIn form#searchForm {
	 		float: left;
			margin-right: 0;
			margin-top: 0;
			clear: none;  
			width: 230px;
			margin-bottom: 40px;	
	 	}
	div#header div#right div#logInfoWrapper {
		color: #fff;
		clear: both;
	} 
	/* FIE Mac incorrectly inherited clear */
		* html>body div#header div#right div#logInfoWrapper 
		{
		  clear: none;
		}
		div#header div#right div#logInfoWrapper ul#view {
			clear: none;
			float: left;	
			margin-right: 60px;
			width: 100px;
			list-style-type: none;
			text-align: right;
		}
			div#header div#right div#logInfoWrapper ul#view li {
				border-bottom: 1px solid #036;
				padding-left: 30px;
			}
			div#header div#right div#logInfoWrapper ul#view li.last {
				border-bottom: 0;
			}
			div#header div#right div#logInfoWrapper ul#view li.public {
				background: url(/images/layout/public.gif) left no-repeat;
			}
			div#header div#right div#logInfoWrapper ul#view li.partner {
				background: url(/images/layout/partner.gif) left no-repeat;
			}
			div#header div#right div#logInfoWrapper ul#view li.staff {
				background: url(/images/layout/staff.gif) left no-repeat;
			}
		div#header div#right div#logInfoWrapper div#logInfo {
			float: left;
			clear: none;
			width: 150px;
			text-align: left;
		}
			div#header div#right div#logInfoWrapper div#logInfo p.large {
				font-size: 110%;
				margin-bottom: 5px;
			}
			div#header div#right div#logInfoWrapper div#logInfo p#name {
				font-weight: bold;
			}
div#mainWrapper {
	background: url(/images/layout/contentBG.gif) top left repeat-y;
}
*html div#mainWrapper {
	padding-top: 5px;
}
div#mainWrapper.home {
	background-image: none;
}	
	
	/* Left hand column - contains sub nav */
	div#mainWrapper div#subNav {
		width: 160px;
		float: left;
	}
		div#mainWrapper div#subNav img {
			display: block;
	}
	div#mainWrapper div#main {
		padding: 0 20px; 
		width: 414px; 
		w\idth: 394px; 
		float: left;
		clear: none;

		/* tentative: if any extra-wide text without white spaces would force this div under left navigation,
			either force-wrap (works in MSIE only) or scroll horizontally */
		word-wrap: break-word;
		/*overflow: auto;  leave in both word wrap and overflow */
	}
	/* For IE Mac columns */
	* html>body div#mainWrapper div#main 
	{
	  width: 387px;
	  padding: 0 10px;
	}

	div#mainWrapper div#main.large {
		width: 579px;
		padding-right: 0;
	}	
		/* Main content area headings */
		div#mainWrapper div#main h1 {
			color:#E64495;
			font-size:140%;	
			margin: 10px 0;
		}
		div#mainWrapper div#main h2 {
			color: #000;
			font-size: 100%;
			margin-bottom: 5px;
			clear: left;
		}
		div#mainWrapper div#main h2.large {
			font-size: 130%;
			padding-bottom: 5px;
		}
		div#mainWrapper div#main h2.medium {
			font-size: 120%;
			color: #666; 
			padding-bottom: 5px;
		}
		div#mainWrapper div#main h2.mediumBlue {
			font-weight: 600;
			font-size: 120%;
		}
		div#mainWrapper div#main h3 {
			color: #036;
			font-size: 100%;
			margin-bottom: 5px;
			clear: left;
			font-weight: bold;
		}

		div#mainWrapper div#main ul.imageList li h3 
		{
			color: #036;
			font-size: 110%;	
			margin-bottom: 5px;
		}
	
		/* Main content area paragraph and div styles */
		div#mainWrapper div#main p {
			margin-bottom: 15px;	
			clear: both;
		}
		div#mainWrapper div#main address {
			margin-bottom: 15px;	
			clear: both;
		}
		div#mainWrapper div#main p.intro {
			font-weight: bold;
		}	
		div#mainWrapper div#main p.left {
			float: left;
		}
		div#mainWrapper div#main p.right {
	  	   text-align: right;
	   }
		div#mainWrapper div#main div#introBox {
			font-size: 110%;
			padding: 10px;
			margin-bottom: 10px;
			width: 390px;
			w\idth: 370px;
		}
		
		div#mainWrapper div#main div.blue {
			background-color: #0A83DF;
			color: #fff;
		}
		div#mainWrapper div#main div.green {
			background-color: #00A387;	
			color: #fff;
		}
		div#mainWrapper div#main div.red {
			background-color: #F13235;	
			color: #fff;
		}
		div#mainWrapper div#main div.orange {
			background-color: #DF6804;	
			color: #fff;
		}
		div#mainWrapper div#main div.pink {
			background-color: #D21B7A;	
			color: #fff;
		}
		div#mainWrapper div#main div.grey {
			background-color: #5C838D;	
			color: #fff;
		}
		   div#mainWrapper div#main div#introBox a {
				color: #fff;
			} 
		div#mainWrapper p#homeIntro {
			height: 0;
			color: #fff;
			float: left;
			padding-top: 90px;
			overflow: hidden;
			width: 559px;
			background: url(/images/layout/homeMainText.jpg) top center no-repeat;
			margin-bottom: 19px;
			margin-top: 14px;
		}	
		div#mainWrapper div#main .borderBottom { 
			padding-bottom: 10px;
			margin-bottom: 10px;
			background: url(/images/layout/dotted_border_horizontal.gif) repeat-x bottom;
		}
		div#mainWrapper div#main img#sectionImageMain {
			display: block;
		}

		/* Main content area posting navigation table */
		div#mainWrapper div#main td.BlankLine 
		{
			width:10px;
			height:20px;
		}
		
		div#mainWrapper div#main td.SmallSpace 
		{
			width:20px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.LargeSpace 
		{
			width:150px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.PagerTopExtraSpace 
		{
			width:108px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.PagerTopExtraSpaceNoRightNav 
		{
			width:63px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.LinkSpace 
		{
			width:41px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.PagerInfo 
		{
			text-decoration: none;
			color: #550044;
			font-weight: bold;
		}
		
		div#mainWrapper div#main td.PagerInfoSpace 
		{
			width:65px;
			height:10px;	
		}
		
		div#mainWrapper div#main td.PagerInfoSpaceNoRightNav 
		{
			width:20px;
			height:10px;	
		}
		
		/* Main content area general list */
		div#mainWrapper div#main ol {
			list-style-position: inside;
		}
		div#mainWrapper div#main ul {
			list-style-position: inside;
			
		}
		div#mainWrapper div#main ul.noBullet {
			list-style-type: none;
		}
			div#mainWrapper div#main ul li {
				margin-bottom: 10px;
			
			}
				
			div#mainWrapper div#main ul li a {
				color: #550044;
			}
		div#mainWrapper div#main div#pageMainText img
			{
				padding-right: 8px;
				padding-left: 5px;
				
				padding-bottom: 0px;
				padding-top: 3px;
			}
		
		div#mainWrapper div#main div#pageMainText ul li
		{
			list-style-position: outside;
			margin-bottom: 10px;
		    list-style-type: disc;
			margin-left:30px;			
		}
		div#mainWrapper div#main div#pageMainText ol li
		{
			list-style-position: outside;
			margin-bottom: 10px;
		    list-style-type: decimal;
			margin-left:30px;			
		}
		div#mainWrapper div#main div#pageMainText ul li a
		{
			color: #550044;			
		}
     
	  /* Main content custom links */
	  div#mainWrapper div#main a.rightLink {
	  	 	margin-left: 30px;
			font-size: 90%;
	  }
	  div#mainWrapper div#main a.download {
		  display: block;
		  /* background: #6785a4 url(/images/layout/acrobatIcon.gif) right no-repeat; */
		   background: #6785a4;
		  color: #fff;
		  font-weight: bold;
		  font-size: 110%;
		  padding: 7px 20px 7px 5px;
	  }
	div#mainWrapper div#main div.download {
		  display: block;
		  /* background: #6785a4 url(/images/layout/acrobatIcon.gif) right no-repeat; */
		  background: #6785a4; 
		  color: #fff;
		  font-weight: bold;
		  font-size: 110%;
		  padding: 7px 20px 7px 5px;
	  }

	/* Main content area forms styles */
	div#mainWrapper div#main form {
		margin-bottom: 10px;
	}	
		div#mainWrapper div#main form fieldset {
			clear: none;
			margin-bottom: 10px;
		}	
		div#mainWrapper div#main form#searchLibrary fieldset.clear {
			clear: both;
		}
		div#mainWrapper div#main form fieldset.large {
			margin-bottom: 10px;
		}
		div#mainWrapper div#main form fieldset.narrow {
			width: 45%;
			display: inline;
			clear: none;	
		}
		div#mainWrapper div#main form fieldset.right {
			float: right;
		}
		div#mainWrapper div#main form fieldset.left {
			float: left;
		}
		div#mainWrapper div#main form#searchLibrary div#floatContainer {
			width: 100%;
		}
		div#mainWrapper div#main form#searchPartners fieldset.narrow {
			width: 50%;
			clear: none;
		}
			div#mainWrapper div#main form fieldset label {
				color: #036;
				font-size: 100%;
				display: block;
				clear: none;
				margin-bottom: 7px;
				font-weight: bold;
			}
			div#mainWrapper div#main form fieldset .radio {
				margin-right: 2px;
				float: left;
				padding: 0;
				vertical-align: top;
			}
			div#mainWrapper div#main form fieldset label.small {
				color: #666;
				font-size: 90%;
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 2px;
				font-weight: normal;
			}
			div#mainWrapper div#main form fieldset .text {
				width: 250px;
				margin-bottom: 10px;
			}
			div#mainWrapper div#main form fieldset .checkbox {
				float: left;
			}
			div#mainWrapper div#main form fieldset .select {
				width: 177px;
				margin-right: 20px;
			} 
			div#mainWrapper div#main form#searchPartners fieldset .select {
				width: 150px;
				margin-right: 0px;
			}
			div#mainWrapper div#main form#searchLibrary select#searchResource {
				
			}
			div#mainWrapper div#main form fieldset .nomargin {
				margin-right: 0;
			}  
			div#mainWrapper div#main form#searchLibrary fieldset .submit {
				float: right;
				color: #036;
				font-size: 100%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
				/* DS */
				border: 1px solid #036;
				margin-bottom: 5px;
				width: 55px;
				cursor: pointer;
				cursor: hand;
				/* DS */
			}
			div#mainWrapper div#main form#searchPartners fieldset .submit {
				color: #036;
				font-size: 130%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
			}
		   div#mainWrapper div#main div#searchFOI fieldset {
				clear: left;
			}
			div#mainWrapper div#main div#searchFOI fieldset label {
				width: 150px;
				float: left;
				font-size: 110%;
			}
			div#mainWrapper div#main div#searchFOI fieldset .select {
				float: left;
				width: 185px;
				margin-bottom: 5px;
			} 	 
			div#mainWrapper div#main div#searchFOI fieldset .text {
				width: 111px;
				float: left;
			}
			div#mainWrapper div#main div#searchFOI fieldset .smallWrapper {
				float: left;
				width: 230px;
				padding-bottom: 3px;
			}
			div#mainWrapper div#main div#searchFOI fieldset .small {
				width: 30px;
				margin-right: 7px;
				padding-bottom: 1px;
			}
			div#mainWrapper div#main div#searchFOI fieldset .submit {
				/* ORIGINAL
				color: #036;
				font-size: 110%;
				font-weight: bold;
				border: 0;
				background: #fff url(/images/layout/submitArrow.gif) left no-repeat;
				padding-left: 10px;
				margin-left: 10px; */
				
				color: #036;
				font-size: 100%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
				border: 1px solid #036;
				margin-bottom: 5px;
				width: 55px;
				cursor: pointer;
				cursor: hand;
				margin-left: 10px;
				float: right;
			}

/* Forms using the DIV tag instead of the FORM tag. These were created as the form tag
    wraps all of the HTML code (for .NET) */

/* Main content area forms styles using DIV*/
	div#mainWrapper div#main div#divForm {
		margin-bottom: 10px;
	}	
		div#mainWrapper div#main div#divForm fieldset {
			clear: none;
			margin-bottom: 10px;
		}	
		div#mainWrapper div#main div#divForm div#searchLibrary fieldset.clear {
			clear: both;
		}
		div#mainWrapper div#main div#divForm fieldset.large {
			margin-bottom: 10px;
		}
		div#mainWrapper div#main div#divForm fieldset.narrow {
			width: 45%;
			display: inline;
			clear: none;	
		}
		div#mainWrapper div#main div#divForm fieldset.right {
			float: right;
		}
		div#mainWrapper div#main div#divForm fieldset.left {
			float: left;
		}
		div#mainWrapper div#main div#divForm div#searchLibrary div#floatContainer {
			width: 100%;
		}
		div#mainWrapper div#main div#divForm div#searchPartners fieldset.narrow {
			width: 50%;
			clear: none;
		}
			div#mainWrapper div#main div#divForm fieldset label {
				color: #036;
				font-size: 100%;
				display: block;
				clear: none;
				margin-bottom: 7px;
				font-weight: bold;
			}
			div#mainWrapper div#main div#divForm fieldset .radio {
				margin-right: 2px;
				float: left;
				padding: 0;
				vertical-align: top;
			}

			div#mainWrapper div#main div#divForm fieldset .small {
				color: #666;
				font-size: 90%;
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 2px;
				font-weight: normal;
			}

			div#mainWrapper div#main div#divForm fieldset label.small {
				color: #666;
				font-size: 90%;
				display: inline;
				float: left;
				margin-right: 20px;
				margin-top: 2px;
				font-weight: normal;
			}
			div#mainWrapper div#main div#divForm fieldset .text {
				width: 250px;
				margin-bottom: 10px;
			}
			div#mainWrapper div#main div#divForm fieldset .checkbox {
				float: left;
			}
			div#mainWrapper div#main div#divForm fieldset .select {
				width: 177px;
				margin-right: 20px;
			} 
			div#mainWrapper div#main div#divForm div#searchPartners fieldset .select {
				width: 150px;
				margin-right: 0px;
			}
			div#mainWrapper div#main div#divForm div#searchLibrary select#searchResource {
				
			}
			div#mainWrapper div#main div#divForm fieldset .nomargin {
				margin-right: 0;
			}  
			div#mainWrapper div#main div#divForm div#searchLibrary fieldset .submit {
				/* ORIGINAL
				float: right;
				color: #036;
				font-size: 130%;
				font-weight: bold;
				border: 0;
				background-color: #fff; */
				
				float: right;
				color: #036;
				font-size: 100%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
				border: 1px solid #036;
				margin-bottom: 5px;
				width: 55px;
				cursor: pointer;
				cursor: hand;
			}
			div#mainWrapper div#main div#divForm div#searchPartners fieldset .submit {
				color: #036;
				font-size: 130%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
			}
		   div#mainWrapper div#main div#divForm div#searchFOI fieldset {
				clear: left;
			}
			div#mainWrapper div#main div#divForm div#searchFOI fieldset label {
				width: 150px;
				float: left;
				font-size: 110%;
			}
			div#mainWrapper div#main div#divForm div#searchFOI fieldset .select {
				float: left;
				width: 185px;
				margin-bottom: 5px;
			} 	 
			div#mainWrapper div#main div#divForm div#searchFOI fieldset .text {
				width: 111px;
				float: left;
			}
			div#mainWrapper div#main div#divForm div#searchFOI fieldset #smallWrapper {
				float: left;
				width: 130px;
				padding-bottom: 3px;
			}
			div#mainWrapper div#main div#divForm div#searchFOI fieldset .small {
				width: 30px;
				margin-right: 7px;
				padding-bottom: 1px;
			}
			div#mainWrapper div#main div#divForm div#searchFOI fieldset .submit {
				/*
				color: #036;
				font-size: 110%;
				font-weight: bold;
				border: 0;
				background: #fff url(/images/layout/submitArrow.gif) left no-repeat;
				padding-left: 10px;
				margin-left: 10px;
				
				*/
				
				color: #036;
				font-size: 100%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
				border: 1px solid #036;
				margin-bottom: 5px;
				width: 55px;
				cursor: pointer;
				cursor: hand;
				margin-left: 10px;
			}
			
/* End of the form with DV styles */


	/* List with small image as on sport page */
	div#mainWrapper div#main ul.imageList {
		list-style-type: none;
		margin-bottom: 15px;
	}
		div#mainWrapper div#main ul.imageList li {
			height: 1%;
			position: relative;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 70px;
			background: url(/images/layout/dotted_border_horizontal.gif) top repeat-x;
		}
			div#mainWrapper div#main ul.imageList li img {
				position: absolute;
				top: 10px;
				left: 0px;
				padding-bottom: 10px;
			}
			div#mainWrapper div#main ul.imageList li h3 
			{
				color: #036;
				font-size: 110%;	
				margin-bottom: 5px;
			}
				div#mainWrapper div#main ul.imageList li h3 a {
					color: #550044;
					text-decoration: none;
				}
				
				div#mainWrapper div#main ul.imageList li a h3 {
					color: #550044;
					text-decoration: none;
				}
				
				div#mainWrapper div#main ul.imageList li h3 a:hover {
					text-decoration: underline;
				}
				
				div#mainWrapper div#main ul.imageList li a:hover h3 {
					text-decoration: underline;
				}

/* List with small image and alternate background colours as on press page */
		div#mainWrapper div#main ul.imageListAlternatePress {
			list-style-type: none;
			margin-bottom: 15px;
		}

			div#mainWrapper div#main ul.imageListAlternatePress li
{
	padding-right: 10px;
	padding-left: 75px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	height: 100%;
}
		div#mainWrapper div#main ul.imageListAlternatePress li.even a 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternatePress li.even a.selected 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternatePress li.odd a 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternatePress li.odd a.selected
		{
			color:#550044;
		}
		@media screen and (min-height: 0px){
		/* SH: use the proper min-height for browsers that understand it */
		/* This still only works as expected for Opera */
			div#mainWrapper div#main ul.imageListAlternatePress li.even {
				position: relative;
				padding: 10px;
				min-height: 70px;
				height: auto;
				padding-left: 75px;
				
			}
			div#mainWrapper div#main ul.imageListAlternatePress li.odd {
				position: relative;
				padding: 10px;
				min-height: 70px;
				height: auto;
				padding-left: 75px;
				
			}
		} 

			div#mainWrapper div#main ul.imageListAlternatePress li.odd {
				background-color: #eef1f5;
				
				
			}
				div#mainWrapper div#main ul.imageListAlternatePress li img {
					position:absolute;
					top: 10px;
					left: 10px;
				}
				div#mainWrapper div#main ul.imageListAlternatePress li h2 {
					color: #036;
					margin-bottom: 5px;
					clear: none;
					width: 200px; /*  in order not to overlap with the date */
				}
				div#mainWrapper div#main ul.imageListAlternatePress li h2 a {
					font-size: 100%;
					color: #036;
				}
				div#mainWrapper div#main ul.imageListAlternatePress li p.date {
					position: absolute;
					top: 10px;
					right: 10px;
					clear: none;
				}


		

	/* List with small image and alternate background colours as on non press pages */
		div#mainWrapper div#main ul.imageListAlternate {
			list-style-type: none;
			margin-bottom: 15px;
		}

			div#mainWrapper div#main ul.imageListAlternate li
{
	padding-right: 10px;
	padding-left: 75px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	height: 100%;
}
		div#mainWrapper div#main ul.imageListAlternate li.even a 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternate li.even a.selected 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternate li.odd a 
		{
			color:#550044;
		}
		div#mainWrapper div#main ul.imageListAlternate li.odd a.selected
		{
			color:#550044;
		}
		@media screen and (min-height: 0px){
		/* SH: use the proper min-height for browsers that understand it */
		/* This still only works as expected for Opera */
			div#mainWrapper div#main ul.imageListAlternate li.even {
				position: relative;
				padding: 10px;
				min-height: 70px;
				height: auto;
				padding-left: 75px;
			}
			div#mainWrapper div#main ul.imageListAlternate li.odd {
				position: relative;
				padding: 10px;
				min-height: 70px;
				height: auto;
				padding-left: 75px;
			}
		} 

			div#mainWrapper div#main ul.imageListAlternate li.odd {
				background-color: #eef1f5;
			}
				div#mainWrapper div#main ul.imageListAlternate li img {
					position:absolute;
					top: 10px;
					left: 10px;
				}
				div#mainWrapper div#main ul.imageListAlternate li h2 {
					color: #036;
					margin-bottom: 5px;
					clear: none;
					   width: 400px; /* in order not to overlap with the date */
				}
				div#mainWrapper div#main ul.imageListAlternate li h2 a {
					font-size: 100%;
					color: #036;
				}
				div#mainWrapper div#main ul.imageListAlternate li p.date {
					position: absolute;
					top: 10px;
					right: 10px;
					clear: none;
				}
				
	/* List of subjects as on policy page */
	div#mainWrapper div#main ul.subjects {
		list-style-type: none;
		float: left;
		width: 580px;
		margin-bottom: 10px;
		padding-bottom: 10px;	
		background: url(/images/layout/dotted_border_horizontal.gif) bottom repeat-x;
		height:auto;
	}
	
		div#mainWrapper div#main ul.last {
		background-image: none;
	}
	div#mainWrapper div#main ul.subjects li
{
	padding-right: 7px;
	background: url(/images/layout/dotted_border_vertical.gif) repeat-y right 50%;
	float: left;
	width: 132px;
	margin-right: 7px;
	height: auto;
}
		div#mainWrapper div#main ul.subjects li.last {
			margin-right: 0;	 
		}
			div#mainWrapper div#main ul.subjects li img 
			{
			
			}
			div#mainWrapper div#main ul.subjects li h2 a {
				font-size: 100%;
				color: #036;
				
			}
			div#mainWrapper div#main ul.subjects li a {
				margin-bottom: 7px;
				display: block;
				font-size: 90%;
			}
			div#mainWrapper div#main ul.subjects li a h2 {
				color:#550044;
			}
	/* Search results styles */
   div#mainWrapper div#main ul#sortedBy {
  		list-style-type: none;
		float: left;
	}
		div#mainWrapper div#main ul#sortedBy li {
			display: inline;
			font-size: 90%;
		}
			div#mainWrapper div#main ul#sortedBy li a {
				margin-right: 20px;
				color: #333;
				
			}
			div#mainWrapper div#main ul#sortedBy li a.selected {
				font-weight: bold;
				color: #000;
				text-decoration: none;
			}
	div#mainWrapper div#main ul.pagingResults {
		float: right;
		list-style-type: none;
		width: 100%;
		background-color: #eef1f5;
	}
		div#mainWrapper div#main ul.pagingResults li {
			float: left;
			margin-right: 10px;
			font-size: 100%;
		
		}
			div#mainWrapper div#main ul.pagingResults li a {
				text-decoration: none;
				color: #550044;
				
			}
			div#mainWrapper div#main ul.pagingResults li a.selected {
				text-decoration: underline;
			}	
	div#mainWrapper div#main ul#searchResults {
		clear: both;
		list-style-type: none; 
		padding-top: 20px;
	}
		div#mainWrapper div#main ul#searchResults li {
			background: url(/images/layout/dotted_border_horizontal.gif) bottom repeat-x;
			padding-bottom: 10px;
			padding-top: 10px;
			/* UAT 16-OCT-2006: all text flush left, no indenting */
			list-style: none outside;
		}
			div#mainWrapper div#main ul#searchResults li ul {
				list-style: none;
			}
				div#mainWrapper div#main ul#searchResults li ul li {
					background-image: none;
					display: inline;
					font-size: 90%;
					border-right: 1px solid #666;
					padding: 0 5px 0 5px;
				}
				/* to make the ul appear flush left */
				div#mainWrapper div#main ul#searchResults li ul li.first {
					padding: 0 5px 0 0px;
				}
				div#mainWrapper div#main ul#searchResults li ul li.last {
					border-right: 0;
				}
				div#mainWrapper div#main ul#searchResults li h2  {
					color: #036;
					margin-bottom: 10px;
				}

	/* Vacancies list styles */
	div#mainWrapper div#main ul.vacancies {
		clear: both;
		list-style-type: none;
		padding-bottom: 30px;
		
		
		
	}
		div#mainWrapper div#main ul.vacancies li
{
	background: url(/images/layout/dotted_border_horizontal.gif) repeat-x 50% bottom;
	float: left;
	padding-bottom: 10px;
	width: 100%;
	padding-top: 10px;
}
		div#mainWrapper div#main ul.vacancies li.last {
			background-image: none;
		}
			div#mainWrapper div#main ul.vacancies li a {
				color: #036;
			}
			div#mainWrapper div#main ul.vacancies li h3 {
				font-size: 110%;
				margin-bottom: 5px;
			}
				div#mainWrapper div#main ul.vacancies li h3 a {
					color: #036;
				}
				
			div#mainWrapper div#main ul.vacancies li p.left,
			div#mainWrapper div#main ul.vacancies li p.right {
				display: inline;
				clear: none;
				margin-bottom: 5px;
			}
			div#mainWrapper div#main ul.vacancies li p.left {
				float: left;
			}
			div#mainWrapper div#main ul.vacancies li p.right {
				float: right;
			}
			div#mainWrapper div#main ul.vacancies li p.location {
				color: #036;
				font-weight: bold;
			}
			div#mainWrapper div#main ul.vacancies li p.close {
				font-size: 90%;
			}

	/* Vacancy details page */
	div#mainWrapper div#main ul#vacancyDetails {
		list-style-type: none;
		list-style-position: outside;
		background-color: #eef1f5;
		width: 370px;
		padding: 10px;
		margin-bottom: 20px;
	}
		div#mainWrapper div#main ul#vacancyDetails li {
			color: #036;
			/* S.Heitmeyer 14-AUG-2006
			   Based on amended spec for RFC1154/3, see Nikki Miller's email of 14-AUG-2006,
			   abandon font enlargement */
			/* font-size: 120%; */
		}
		div#mainWrapper div#main ul#vacancyDetails li .bold {
			font-weight: bold;
		}
			
	/* Section boxes on about us page */		
	div#mainWrapper div#aboutSectionsWrapper {
		
   }
		div#mainWrapper div#aboutSectionsWrapper ul {
			float: left;
			list-style-type: none;
		}
		@media screen and (min-width: 0px){
		/* Opera  7+  - to fix box spacing problem */
			div#mainWrapper div#aboutSectionsWrapper ul { float:none; }
		}
		div#mainWrapper div#aboutSectionsWrapper ul#aboutSectionsTop {
			background: url(/images/layout/aboutBoxTopBg.gif) repeat-y;
		}	
		div#mainWrapper div#aboutSectionsWrapper ul#aboutSectionsCenter {
			margin-top: 11px;
			background: url(/images/layout/aboutBoxCenterBg.gif) repeat-y;
		}	
		div#mainWrapper div#aboutSectionsWrapper ul#aboutSectionsBottom {
			margin-top: 11px;
			background: url(/images/layout/aboutBoxBottomBg.gif) repeat-y;
		}
			div#mainWrapper div#aboutSectionsWrapper ul li {
				float: left;
				width: 190px;
				w\idth: 180px;
				margin-right: 5px;
				ma\rgin-right: 11px;
				padding: 7px 5px 0 5px;
				color: #fff;	
				font-size: 90%;
				padding-bottom: 3px;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li a
			{
				color:White;
			}
			/* For IE Mac columns */
				* html>body div#mainWrapper div#aboutSectionsWrapper ul li
				{
				  width: 177px;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.orange {
				background-color:#DF6804;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.red {
				background-color:#F13235;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.green {
				background-color:#00A387;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.grey {
				background-color:#5C838D;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.pink {
				background-color:#D21B7A;
			}
			div#mainWrapper div#aboutSectionsWrapper ul li.blue {
				background-color:#0A83DF;
			}
			
			div#mainWrapper div#aboutSectionsWrapper ul li.right {
				margin-right: 0;
			}
				div#mainWrapper div#aboutSectionsWrapper ul li img {
					margin-bottom: 5px;

					float: left;
					margin-right: 5px;
				}
				div#mainWrapper div#aboutSectionsWrapper ul li h3 {
					font-size: 125%;
					color: #fff;
					margin-bottom: 12px;
				}
					div#mainWrapper div#aboutSectionsWrapper ul li h3 a {
						color: #fff;
					}

	/* Section boxes on home page */
   div#mainWrapper div#homeSectionsWrapper {
		float: left;
		width: 468px;
	}
		
		
		
	/* Right hand side box on home page */
   div#mainWrapper div#homeNewsBox {
		float: left;
		/* New Homepage design change */
		backg/round-color: #e3f0f4;
		/* End */
		width: 268px;
		padding: 7px 12px;
			}
	*html div#mainWrapper div#homeNewsBox {
		width: 248px;
		wi/dth: 268px;
	}
		div#mainWrapper div#homeNewsBox h2 {
			color: #036;
			margin-bottom: 4px;
			font-size: 140%;
		}

		/* News list on home page */
		div#mainWrapper div#homeNewsBox ul#news {
			list-style-type: none;
			color: #666;
			/* New Homepage design change */
			bord/er-bottom: 1px solid #fff;
			/* End */
			margin-bottom: 10px;
			overflow: hidden;
		}
		
		/* New Homepage design change */
		div#mainWrapper div#homeNewsBox ul#news li 
		{
			border-bottom: 1px dashed #CCCCCC; 
			padding-bottom: 10px; 
			padding-top: 10px;
			list-style:none;
		
		}
		div#mainWrapper div#homeNewsBox ul#news ul
		{
			border-bottom: none; 
		}
		
		/* End */
		
		div#mainWrapper div#homeNewsBox ul#news li.more  
		{
			text-align: right;
			border-top: none;
		}
		
		div#mainWrapper div#homeNewsBox ul#news li a {
					color: #550044;
					font-weight: bold;
				}
				

		/* Features list on home page */		
		div#mainWrapper div#homeNewsBox ul#features {
			list-style-type: none;
			color: #036;
			clear: right;
		}
		div#mainWrapper div#homeNewsBox ul#features a {
			color: #550044;
			text-decoration: none;
		}
		div#mainWrapper div#homeNewsBox ul#features a:hover {
			text-decoration: underline; 
		}
			div#mainWrapper div#homeNewsBox ul#features a img {
				border: 0;
			}
			div#mainWrapper div#homeNewsBox ul#features li {
				width: 128px;
				float: left;
				font-size: 80%;
				margin-bottom: 7px;
			}
				div#mainWrapper div#homeNewsBox ul#features li img {
					float: left;
					margin-right: 5px;
				}

		/* Features list on home page as table */		
		div#mainWrapper div#homeNewsBox table#features td.spacerRow
		{
			background: url(/images/layout/dotted_border_horizontal.gif) bottom repeat-x;
		}
		
/* New home page layout */
div#mainWrapper div#HomepageSectionsWrapper
{
	float: left;
	width: 468px;
		
}

table.homepageGrid
{
	width: 468px;
}

table.homepageGrid td 
{
	width:220px;
	
	vertical-align: top;
	border: solid 6px white;
	font-family: Arial;
	font-size: small;
	color: White;
	padding-bottom: 3px;
}

table.homepageGrid td a
{
	color: White;
	text-decoration: none;
	font-weight: lighter;
}

table.homepageGrid td a:hover
{
	color: White;
	text-decoration: underline;
}

table.homepageGrid td a img
{
	border: none;
}

table.homepageGrid td ul
{
	list-style: none outside;
	padding: 1px 10px 1px 0px;
	margin-left: 10px;
	margin-right: 3px
}

table.homepageGrid td ul li 
{
	bor/der-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px 0px 7px 0px;
}

table.homepageGrid td ul li.last 
{
	bor/der-top: 1px dotted #CCCCCC;
	bor/der-bottom: 1px dotted #CCCCCC;
	border-bottom: none;
	padding: 2px 0px 7px 0px;
}

table.homepageGrid td ul > li:first-child
{
	border-top: none;
}

/* backgrounds of the individual grid elements */
table.homepageGrid #CultureCell
{
	background-color: #DF6804;
}

table.homepageGrid #MediaCell
{
	background-color: #F13235;
}

table.homepageGrid #SportCell 
{
	background-color: #00A387;
}

table.homepageGrid #TourismCell
{
	background-color: #5C838D;
}

table.homepageGrid #OlympicsCell
{
	background-color: #0A83DF;
}

table.homepageGrid #CreativeCell
{
	background-color: #D21B7A;
}
		
/* End */
		

	/* Right hand side column on contents pages */
	div#mainWrapper div#extras {
		width: 159px;
		padding: 2px;
		border: 1px solid #e3f0f4; 
		float: left;
		clear: none;
		font-size: 90%;
		color: #036;
		margin: 0;
		word-wrap: break-word;
		/*overflow: auto;  leave in both word wrap and overflow */
	}
		div#mainWrapper div#extras ul {
			list-style-type: none;
		}
			div#mainWrapper div#extras ul li {
				margin-bottom: 5px;
			}

		/* ++ sh 21/06/06 fix for ArchiveNavigation control in Opera */
		div#mainWrapper div#extras ul.navArchive {
			list-style-type: disc;
		}
			div#mainWrapper div#extras ul.navArchive ul {
					list-style-type: circle;
			}
		/* -- sh 21/06/06 fix for ArchiveNavigation control in Opera */

      div#mainWrapper div#extras h2 {
			margin-bottom: 10px;
			margin-top: 12px;
			color: #036;
			font-size: 110%;
			font-weight: bold;
			padding: 8px 8px 5px 2px;
			clear: both;
			background-color: #e3f0f4;
		}
		div#mainWrapper div#extras h2.top {
			margin-top: 0;
		}
		div#mainWrapper div#extras h3 {
			font-size:90%;
			margin-bottom: 7px;
		}
		div#mainWrapper div#extras p {
			margin-bottom: 12px;
		}
	div#mainWrapper div#extras a.more {
		text-align: right;
		display: block;
	}
		div#mainWrapper div#extras a.large {
			font-size: 120%;
			margin-top: 10px;
      }
		/* Right hand side image list */
		div#mainWrapper div#extras ul.imgListRight {
			list-style-type: none;
		}
			div#mainWrapper div#extras ul.imgListRight li {
				float: left;
 				width: 159px;
 				margin-bottom: 7px;
				padding-bottom: 7px;
				background: url(/images/layout/dotted_border_horizontal.gif) bottom repeat-x;
			}
			div#mainWrapper div#extras ul.imgListRight li.last {
				background-image: none;
			}
				div#mainWrapper div#extras ul.imgListRight li img {
					float: left;
					margin-right: 5px;
				}
				div#mainWrapper div#extras ul.imgListRight li a {
					text-decoration: none;
				}
				div#mainWrapper div#extras ul.imgListRight li a:hover {
					text-decoration: underline;
				}
				
		/* Right hand side image list as table (for "websites of interest")*/
			div#mainWrapper div#extras table.imgListRight tr {
				float: left;
 				width: 159px;
 				margin-bottom: 7px;
				/* border-bottom: 1px dotted; */
				background: url(/images/layout/dotted_border_horizontal.gif) bottom repeat-x;
			}
			div#mainWrapper div#extras table.imgListRight tr td {
				padding-bottom: 7px;
			}
			div#mainWrapper div#extras table.imgListRight tr td.col1 {
				width: 45px;
			}

			div#mainWrapper div#extras table.imgListRight tr.last {
				background-image: none;
			}
				div#mainWrapper div#extras table.imgListRight img {
					float: left;
					margin-right: 5px;
				}
				div#mainWrapper div#extras table.imgListRight a {
					text-decoration: none;
				}
				div#mainWrapper div#extras table.imgListRight a:hover {
					text-decoration: underline;
				}
				
		/* Right hand side list in box */
		div#mainWrapper div#extras ul.boxList {
			list-style-type: none;
			border: 2px solid #eef1f5;
			border-top: 1px solid #eef1f5;
			padding: 3px;
			font-size: 110%;
			
		}
			div#mainWrapper div#extras ul.boxList li {
				padding: 5px;
				background-color: #e3f0f4;
				margin-bottom: 2px;
				
			}
			div#mainWrapper div#extras ul.boxList li.white {
			background: #fff url(/images/layout/acrobatIconWhite.gif) right no-repeat; 
			}
				div#mainWrapper div#extras ul.boxList li a 
				{
				
				}
		/* Right hand side alphabet search list */
		div#mainWrapper div#extras ul.searchPartnersAlpha {
			list-style-type: none;
			background: #e3f0f4;
			text-align: center;
			padding: 3px;
			margin-bottom: 3px;
			
		}
			div#mainWrapper div#extras ul.searchPartnersAlpha li {
				display: inline;
			}
			   div#mainWrapper div#extras ul.searchPartnersAlpha li a {
					text-decoration: none;
					font-size: 90%;	
					padding: 0 2px;
					border: 1px solid #e3f0f4;
				}	
				div#mainWrapper div#extras ul.searchPartnersAlpha li a.selected,
				div#mainWrapper div#extras ul.searchPartnersAlpha li a:hover {
					background-color: #fff;	 
					border: 1px solid #b2c1d1;
				}
				
		/* Right hand side download documents list list */
		div#mainWrapper div#extras ul.downloadDoc {
			list-style-type: none;
			margin-bottom: 3px;
		}
			div#mainWrapper div#extras ul.downloadDoc li {
				margin-bottom: 7px;
			}
				
				div#mainWrapper div#extras ul.downloadDoc li a.docDetails {
					display: block;
					padding-right: 30px;
					background: url(/images/layout/acrobatIconWhite.gif) right no-repeat;
				}
				div#mainWrapper div#extras ul.downloadDoc li h3 a {
					font-size: 110%;
				}
div.clear img {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.footerIcon {
	clear: both;
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	vertical-align: bottom;
}

.footerIcon img {
	margin-top: 20px;
	margin-right: 5px;
}

.paddingRightCell
{
	padding-right:10px;
	vertical-align:top;
}

.submissionForm 
{
	width:100%;
}

.submissionForm td
{
	padding:2px;
	vertical-align:top;
}
	
.formResults
{
	width:100%;
}

.formResults td
{
	padding:2px;
	vertical-align:top;
}

.submitButton 
{
	/* ORIGINAL 
	color: #036;
	font-size: 130%;
	font-weight: bold;
	border: 0;
	background-color: #fff;*/
	
		color: #036;
				font-size: 100%;
				font-weight: bold;
				border: 0;
				background-color: #fff;
				border: 1px solid #036;
				margin-bottom: 5px;
				width:auto;
				cursor: pointer;
				cursor: hand;
				margin-left: 10px;
				
}

.screenReader
{
	display:none;
}

.textarea
{
	font-size:100%;
	width:100%;	
}

.textbox
{
	width:100%;	
}

	/* Start Formating for the What We do Table Grid */
		div#mainWrapper div#main table.WhatWeDo_tb
			{
				background: url(/images/layout/dotted_border_horizontal.gif);	
				background-repeat: repeat-x;
				background-position: 50% 100%;
				
				margin-bottom: 3px;
				padding-bottom: 3px;
				height: 100%;
				
			}
		div#mainWrapper div#main td.WhatWeDo
			{
				padding-right: 3px;
				padding-left: 0px;
				
				background: url(/images/layout/dotted_border_vertical.gif);	
				background-repeat: repeat-y;
				background-position: 100% 50%;
				padding-bottom: 3px;
				margin-right: 3px;
				height: 100%;
			}
		div#mainWrapper div#main td.WhatWeDo_last
			{
				padding-right: 3px;
				padding-left: 0px;
				
				padding-bottom: 3px;
				margin-right: 3px;
				height:100%;
				
			}
		div#mainWrapper div#main td.WhatWeDo img
			{
				padding-right: 0px;
				padding-left: 0px;
				padding-bottom: 0px;
				padding-top: 0px;
			}
		div#mainWrapper div#main td.WhatWeDo h2 
			{
				font-size: 95%;
				color: #036;
				margin-bottom: 5px;
				clear: none;	
			}
		
		div#mainWrapper div#main td.WhatWeDo a h2
			{
				color:#550044;
			}
		/* End Formating for the What We do Table Grid */
		
		div#mainWrapper p.homeIntro
		{
			display:none;
		}