/*
 *	Default:	#4cb8b1
 *	Orange:		#ff6537
 *	Purple:		#a25bbd
 *	Pink:		#be2364
 *	Yellow:		#f0d052
 *	Green:		#00a88e
 *	
 * new y = #dcc466
 * new b = #7ebedc;
 */

/* GENERAL TAGS */
body {
	font-family: Arial, Heletica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
	a {
		color: #4cb8b1;
		text-decoration: none;
	}
		a:hover {
			text-decoration: underline;
		}
	h1, h2, h3, h4 {
		color: #005b7f;
		font-family: 'arial black', arial, helvetica, sans-serif;
	}
	p, ul {
		margin-bottom: 1em;
	}

/* ORANGE */
/* 05-May-10 Add body#orange #main h4 to highlight headings on list pages */
.orange, body#orange #main h3, body#orange #main h4, #main.index ul li.orange p a, body#orange span.toggle { color: #ff6537; }
body#orange #left, body#orange div.right img, #main.index ul li.orange img, body#orange #main ul.list li ul  { border-color: #ff6537; }
/* PURPLE */
.purple, body#purple #main h3, #main.index ul li.purple p a, body#purple span.toggle { color: #a25bbd; }
body#purple #left, body#purple div.right img, #main.index ul li.purple img, body#purple #main ul.list li ul { border-color: #a25bbd; }
/* PINK */
.pink, body#pink #main h3, #main.index ul li.pink p a, body#pink span.toggle { color: #be2364; }
body#pink #left, body#pink div.right img, #main.index ul li.pink img, body#pink #main ul.list li ul { border-color: #be2364; }
/* YELLOW */
.yellow, body#yellow #main h3, #main.index ul li.yellow p a, body#yellow span.toggle { color: #f0d052; }
body#yellow #left, body#yellow div.right img, #main.index ul li.yellow img, body#yellow #main ul.list li ul { border-color: #f0d052; }
/* GREEN */
.green, body#green #main h3, #main.index ul li.green p a, body#green span.toggle { color: #00a88e; }
body#green #left, body#green div.right img, #main.index ul li.green img, body#green #main ul.list li ul { border-color: #00a88e; }

/* CONTAINERS */
/* 30-Apr-10 NE - Reduce padding-top from 50 to 20 */
#container {
	margin: 0 auto;
	padding-top: 20px;
	width: 960px;
}
	#header {
		margin-bottom: 8px;
	}
	#main {
		border: 1px solid #d2edeb;
		float: right;
		font-size: 1.1em;
		line-height: 1.4em;
		margin-bottom: 8px;
		min-height: 100px;
		padding: 24px 16px 80px;
		position: relative;
		width: 732px;
	}

/* HEADER */
h1 {
	float: left;
	height: 46px;
	padding-bottom: 16px;
	width: 306px;
}
	h1 span {
		display: none;
	}
#search {
	float: right;
}
	#search a {
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}
		#search a:hover {
			text-decoration: underline;
		}
	#search form {
		padding-top: 8px;
	}
		#search label {
			display: none;
		}
		#search #searchText {
			border: 1px solid #afddda;
			border-bottom-color: #eef8f7;
			border-right-color: #eef8f7;
			font-family: arial, helvetica, sans-serif;
			font-size: 10px;
			float: left;
			height: 10px;
			line-height: 10px;
			margin-right: 8px;
			padding: 7px 7px 6px;
			width: 142px;
		}
		#search #searchSubmit {
			border: none;
			background: #fff url(../img/button_search.png) top center no-repeat;
			color: #fff;
			cursor: pointer;
			float: left;
			height: 25px;
			width: 58px;
	
			font-size: 0;
			text-indent: -9999px;
		}
			#search #searchSubmit:hover, #search #searchSubmit:focus {
				background-position: bottom center;
			}

/* TOP NAVIGATION */
ul#nav {
	background: #005b7f;
	clear: both;
	height: 3.2em;
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 50;
}
	ul#nav a {
		text-decoration: none;
	}
	ul#nav  li {
		float: left;
		position: relative;
		z-index: 0;
	}
		ul#nav li a {
			color: #fff;
			font-family: 'arial black', arial, helvetica, sans-serif;
			font-size: 1.4em;
			line-height: 1.3em;
			float: left;
			margin-right: 4px;
			padding: 6px 16px 8px;
			position: relative;
			z-index: 0;
		}
		ul#nav li.default a, ul#nav li.default ul { color: #4cb8b1; }
		ul#nav li.orange a, ul#nav li.orange ul, body#orange #left { background: #ff6537; }
		ul#nav li.purple a, ul#nav li.purple ul, body#purple #left { background: #a25bbd; }
		ul#nav li.pink a, ul#nav li.pink ul, body#pink #left { background: #be2364; }
		ul#nav li.yellow a, ul#nav li.yellow ul, body#yellow #left { background: #f0d052; }
		ul#nav li.green a, ul#nav li.green ul, body#green #left { background: #00a88e; }
			ul#nav li a:hover { color: #005b7f; }
			ul#nav li.default a:hover, ul#nav li.default:hover a, ul#nav li.default ul { background: #4cb8b1; }
		ul#nav li ul {
			border: 4px solid #005b7f;
			display: none;
			left: 0px;
			margin: -4px 0 0 -4px;
			padding: 4px 16px 5px;
			position: absolute;
			top: 3.2em;
			width: 150px;
			z-index: 999;
		}
			ul#nav li ul li, ul#nav li ul li a {
				color: #fff;
				font-family: arial, helvetica, sans-serif;
				font-size: 1.1em;
				float: none;
				padding: 0;
			}
			ul#nav li ul li {
				border-bottom: 1px solid #005b7f;
				padding: 3px 0;
			}
				ul#nav li.purple ul li,
				ul#nav li.green ul li,
				ul#nav li.pink ul li {
					border-color: #fff;
				}
				ul#nav li ul li.last {
					border: none;
				}
				ul#nav li.purple ul li a,
				ul#nav li.green ul li a,
				ul#nav li.pink ul li a {
					color: #fff;
				}
					ul#nav li ul li a:hover {
						text-decoration: underline;
					}
		ul#nav li:hover {
			z-index: 10;
		}
			ul#nav li:hover ul {
				display: block;
			}
				ul#nav li:hover a {
					color: #005b7f;
					z-index: 1000;
				}


#sitemap li.default a{
	color: #4cb8b1;
}
#sitemap li.orange a{
	color: #ff6537;
}

#sitemap li.purple a{
	color: #a25bbd;
}
#sitemap li.pink a{
	color: #be2364;
}
#sitemap li.yellow a{
	color: #f0d052;
}
#sitemap li.green a{
	color: #00a88e;
}


/*
 *	Default:	#4cb8b1
 *	Orange:		#ff6537
 *	Purple:		#a25bbd
 *	Pink:		#be2364
 *	Yellow:		#f0d052
 *	Green:		#00a88e	
*/

/* LEFT NAV */
#left {
	background: #4cb8b1;
	border: 1px solid #4cb8b1;
	float: left;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 8px;
	padding: 24px 15px 15px;
	width: 152px;
}
	img#left {
		border-color: #d2edeb;
		padding: 0;
		width: 182px;
	}
	#left h2 {
		color: #fff;
		font-size: 1.6em;
		line-height: 1.1em;
		padding-bottom: 16px;
	}
		body#yellow #left h2, body#yellow #left a,
		body#orange #left h2, body#orange #left a,
		body#default #left h2, body#default #left a {
			color: #005b7f;
		}
	#left ul {
		padding-bottom: 36px;
	}
		#left ul li {
			border-bottom: 1px solid #fff;
			padding: 1px 0;
		}
			body#yellow #left ul li,
			body#orange #left ul li,
			body#default #left ul li {
				border-color: #005b7f;
			}
		#left ul li.last {
			border: none;
		}
			#left a {
				color: #fff;
				font-weight: normal;
				text-decoration: none;
			}
				#left a:hover {
					text-decoration: underline;
				}

/* #MAIN ELEMENTS */
#main h3 {
	color: #4cb8b1;
	font-size: 1.6em; 
	line-height: 1.1em;
	padding-bottom: 16px;
	width: 508px;
}
#main h4, #main h5 {
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 8px;
	width: 508px;
}
#main h5 {
	font-size: 1.3em;
	margin-bottom: 4px;
}
#main p, #main ul, #main ol {
	width: 508px;
}
#main ul, #main ol {
	margin-left: 15px;
	list-style-type: disc;
}
	#main ul ul {
		list-style-type: none;
		margin-left: 5;
	}
#main ol {
	list-style-type: decimal;
	margin-bottom: 1em;
}
div.right, #print {
	float: right;
	position: relative;
	/* Change width from 209px */
	width: 202px;
	z-index: 1;
}
	#print a {
		font-weight: bold;
	}
div.right {
	padding-bottom: 50px;
}
	div.right img {
		border: 1px solid #4cb8b1;
		clear: both;
		float: right;
		margin-bottom: 8px;
		/* 29 May 10 Nick Earle - Change width from 207px */
		width: 200px;
	}
		div.right img.whiteBorder,
		body#pink div.right img.whiteBorder,
		body#orange div.right img.whiteBorder,
		body#default div.right img.whiteBorder,
		body#purple div.right img.whiteBorder,
		body#yellow div.right img.whiteBorder,
		body#green div.right img.whiteBorder {
			border-color: #fff;
		}
	div.right p {
		clear: both;
		float: right;
		margin-bottom: 8px;
	}
#main #corner {
	bottom: 0;
	margin: 0 -1px -2px 0;
	position: absolute;
	right: 0;
}

/* INDEX ONLY */
#world {
	background: #fff url(../img/index_world.jpg) top left no-repeat;
	color: #fff;
	float: left;
	height: 280px;
	margin-bottom: 8px;
	padding: 24px 26px 0 513px;
	text-align: right;
	width: 189px;
}
	#world h2 {
		color: #fff;
		font-size: 3em;
		line-height: 1.1em;
		margin-bottom: 16px;
	}
	#world p {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	#world a#aboutus {
		background: url(../img/button_aboutus.png) top center no-repeat;
		float: right;
		height: 25px;
		width: 74px;
	}
		#world a#aboutus span {
			display: none;
		}
		#world a#aboutus:hover, #world a#aboutus:focus {
			background-position: bottom;
		}
#studentForm {
	background: #fff url(../img/studentForm_bottom.png) bottom left no-repeat;
	float: right;
	height: 187px;
	margin: -6px -3px 5px 0;
	padding-bottom: 22px;
	width: 227px;
}
	#studentForm h2 {
		background: #fff url(../img/studentForm_h2.png) top left no-repeat;
		height: 85px;
		width: 227px;
	}
		#studentForm h2 span {
			display: none;
		}
	#studentForm p {
		background: #fff url(../img/studentForm_right.png) top right no-repeat;
		height: 38px;
		margin: 0;
	}
		#studentForm p span {
			background: #fff url(../img/studentForm_p.png) top left no-repeat;
			float: left;
			height: 38px;
			text-indent: -99999px;
			width: 139px;
		}
		#studentForm p a {
			background: #fff url(../img/studentForm_register.png) top left no-repeat;
			float: left;
			height: 38px;
			text-indent: -99999px;
			width: 70px;
		}
		/* 05-May-10 Add Recover Link torecover lost UserID or Passwords */
		#studentForm p.recover a {
			background: #fff url(../img/studentForm_recover.png) top left no-repeat;
			float: left;
			height: 38px;
			text-indent: -99999px;
			width: 209px; 
		}
		
	#studentForm label {
		display: none;
	}
	#studentForm input.text {
		border: none;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		height: 11px;
		margin: 0;
		padding: 0;
	}
	#studentForm #loginID {
		background: #fff url(../img/studentForm_username.png) top left no-repeat;
		float: left;
		padding: 7px 0 7px 15px;
		width: 212px;
	}
	#studentForm div {
		background: #fff url(../img/studentForm_spacer.png) bottom left no-repeat;
		clear: both;
		float: left;
		height: 14px;
		width: 100%;
	}
	#studentForm #loginPassword {
		background: #fff url(../img/studentForm_password.png) top left no-repeat;
		float: left;
		padding: 7px 0 7px 15px;
		width: 147px;
	}
		#studentForm #loginPassword:focus, #studentForm #loginID:focus {
			background-position: bottom left;
		}
	#studentForm #studentLogin {
		background: #fff url(../img/studentForm_login.png) top left no-repeat;
		border: none;
		cursor: pointer;
		color: #fff;
		float: right;
		height: 25px;
		width: 65px;
		
		font-size: 0;
		text-indent: -9999px;
	}
		#studentForm #studentLogin:hover, #studentForm #studentLogin:focus {
			background-position: bottom left;
		}
#cipdTeaser {
	background: #005b7f url(../img/index_curve_bg.jpg) bottom left no-repeat;
	color: #fff;
	clear: right;
	float: right;
	height: 84px;
	margin-bottom: 8px;
	padding: 12px 16px 0 0;
	text-align: right;
	width: 208px;
}
	#cipdTeaser h2, #cipdTeaser a {
		color: #ff6537;
	}
	#cipdTeaser h2 {
		font-size: 1.7em;
		margin-bottom: 12px;
	}
	#cipdTeaser p {
		font-size: 1.1em;
		line-height: 1.2em;
		float: right;
		width: 140px;
	}
		#cipdTeaser p a {
			font-weight: bold;
		}
#left.index {
	background: #005b7f url(../img/index_left_bg.png) bottom left no-repeat;
	border-color: #005b7f;
	color: #fff;
	height: 360px;
}
	#left.index h2 {
		color: #fff;
		font-size: 2.4em;
		line-height: 1em;
		margin-top: -12px;
	}
	#left.index p {
		font-size: 1.1em;
	}
	#left.index #enter {
		background: url(../img/button_enter.png) top center no-repeat;
		float: left;
		height: 25px;
		width: 53px;
	}
		#left.index #enter span {
			display: none;
		}
		#left.index #enter:hover, #left.index #enter:focus {
			background-position: bottom;
		}
#main.index {
	padding-bottom: 0;
}
	#main.index ul {
		list-style-type: none;
		margin: 0;
		width: 100%;
	}
		#main.index ul li {
			color: #000;
			float: left;
			/* 17-May-10 Nick Earle - Increase height from 88 */
			height: 110px;
			/* 17-May-10 Nick Earle - Decrease margin from 16px 0 */
			margin: 8px 0;
			overflow: hidden;
			width: 50%;
		}
		#main.index ul li img {
			float: left;
			border: 4px solid #4cb8b1;
			height: 80px;
			margin-right: 8px;
			width: 72px;
		}
		#main.index ul li h3, #main.index ul li h4 {
			color: #000;
			float: left;
			font-family: arial, helvetica, sans-serif;
			line-height: 1.1em;
			margin: 0;
			padding-bottom: 4px;
			width: 210px;
		}
		#main.index ul li p {
			float: left;
			/* 17-May-10 Nick Earle - Increase width from 210 */
			width: 250px;
		}
			#main.index ul li p a {
				font-weight: bold;
			}

#main.nobottommargin {
	padding-bottom: 0;
}

#main.team {
	padding-bottom: 0;
}
	#main.team ul {
		list-style-type: none;
		margin: 0;
		width: 100%;
	}
		#main.team ul li {
			color: #000;
			float: left;
			width: 25%;
			height: 160px;
			margin: 8px 0;
			text-align:center;						
			overflow: hidden;
		}
		#main.team ul li img {
			display:block;
			margin-left:auto;
			margin-right:auto;
			
			border: 2px solid #4cb8b1;
			
			/* 28 May 10 - Nick Earle - Change Image Size to 100 x 100
			height: 80px;
			width: 72px;	*/
			height: 100px;
			width:  100px;
			
			
		}
		#main.team ul li h3, #main.team ul li h4 {
			color: #000;
			float: none;
			font-family: arial, helvetica, sans-serif;
			line-height: 1.1em;
			margin: 0;
			padding-top: 3px;
			padding-bottom: 2px;
			width: 100%;
			text-align:center;
		}
		#main.team ul li p {
			float: none;
			width: 100%;
		}
			#main.team ul li p a {
				font-weight: bold;
			}			
			
#news {
	border: 1px solid #d5eeec;
	clear: both;
	margin-bottom: 8px;
	overflow: auto;
	padding: 12px;
}
	#news h2 {
		font-size: 1.6em;
		float: left;
	}
	#news div.tickerContainer {
		font-size: 1.3em;
		float: right;
		height: 1.3em;
		line-height: 1.3em;
		overflow: hidden;
		text-transform: uppercase;
		width: 850px;
	}
		#news div.tickerContainer span {
			font-size: 0.7em;
		}
		#news div.tickerContainer a {
			font-weight: bold;
			margin-right: 15px;
			text-decoration: underline;
		}
			#news div.tickerContainer a:hover {
				color: #000;
			}
		
/* NEWS ONLY */
#leftContainer {
	float: left;
	width: 152px;
}
	#leftContainer #left, #leftContainer #left ul {
		padding-bottom: 0;
	}
	#leftContainer #newsArchive {
		border: 1px solid #d5eeec;
		float: left;
		font-size: 1.1em;
		line-height: 1.4em;
		margin-bottom: 8px;
		padding: 24px 15px 15px;
		width: 152px;
	}
		#leftContainer #newsArchive h3 {
			color: #4cb8b1;
			font-size: 1.6em;
			line-height: 1.4em;
			padding-bottom: 16px;
		}
		#leftContainer #newsArchive ul {
			font-size: 0.9em;
			line-height: 1.4em;
			margin: 0;
		}
			#leftContainer #newsArchive ul li {
				padding-bottom: 4px;
			}
			#leftContainer #newsArchive ul a {
				font-size: 1.1em;
				font-weight: bold;
				text-decoration: underline;
				text-transform: uppercase;
			}
				#leftContainer #newsArchive ul a:hover {
					color: #000;
				}
/* 25-May-10 Nick Earle	- Add div for News Items to enable Scolling */
#main #scroll_items {
	height: 450px;
	overflow: auto;
}	


/* Used for BradfieldNetwork  DOT means tha we are using a class, rather than an ID*/
div.scroll_items {
	height: 470px;
	overflow: auto;
}
				
div.news_item {
	border-bottom: 1px solid #4cb8b1;
	margin-bottom: 32px;
	padding-bottom: 6px;
}
div.news_item.last {
	border: none;
	margin: 0;
	padding: 0;
}
	div.news_item h4 span {
		font-size: 0.6em;
		font-weight: normal;
	}

/* BUSINESS AREA PAGES */
#globe {
	background: #fff url(../img/globe_default.png) top left no-repeat;
	color: #fff;
	float: left;
	height: 280px;
	/* width: 800px; */
	margin-bottom: 8px;
	padding: 24px 26px 0 513px;
	
	text-align: right;
}
	body#orange #globe { background-image: url(../img/globe_orange.png); }
	body#purple #globe { background-image: url(../img/globe_purple.png); }
	body#pink #globe { background-image: url(../img/globe_pink.png); }
	body#yellow #globe { background-image: url(../img/globe_yellow_old.png); }
	body#green #globe { background-image: url(../img/globe_green.png); }
	#globe h2 {
		color: #fff;
		font-size: 3em;
		line-height: 1.1em;
		margin-bottom: 16px;
	}
	#globe p {
		font-size: 1.3em;
		line-height: 1.3em;
	}

/* LISTS */
#main ul.list {
	list-style-type: none;
	margin-left: 0;
}
	#main ul.list li {
		line-height: 1.6em;
	}
		#main ul.list li h5 {
			font-weight: normal;
		}
			span.toggle {
				color: #4cb8b1;
				font-size: 0.8em;
			}
		#main ul.list li ul {
			border-left: 1px solid #4cb8b1;
			padding-left: 15px;
			width: 492px;
		}

/* BRADFIELD NETWORK */
#globe.network {
	background-image: url(../img/globe_network.png);
}
#main.network p, #main.network h3, #main.network h4, #main.network h5 {
	width: 400px;
}
#network {
	width: 300px;
}
	#network label {
		float: left;
		width: 170px;
	}
	#network input.text {
		border: 1px solid #afddda;
		border-bottom-color: #eef8f7;
		border-right-color: #eef8f7;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		float: left;
		height: 12px;
		line-height: 12px;
		margin: 2px 8px 4px 0;
		padding: 7px 7px 6px;
		width: 200px;
	}
	input#login {
		border: none;
		background: #fff url(../img/button_login.png) top center no-repeat;
		color: #fff;
		cursor: pointer;
		float: left;
		height: 25px;
		width: 49px;

		font-size: 0;
		text-indent: -9999px;
	}
		input#login:focus, input#login:hover, a#register:hover, a#register:focus {
			background-position: bottom left;
		}
	a#register {
		background: #fff url(../img/button_register.png) top center no-repeat;
		float: left;
		height: 25px;
		margin-top: 10px;
		width: 74px;
		
		font-size: 0;
		text-indent: -9999px;
	}
		
/* FOOTER */
#footer {
	background: #fff;
	border-top: 8px solid #005b7f;
	clear: both;
}
	#footer a {
		font-weight: bold;
	}
	#footer ul.nav {
		background: #fff url(../img/footer_logo.png) no-repeat left center;
		clear: both;
		float: left;
		font-size: 1.1em;
		margin-bottom: 0;
		overflow: auto;
		padding: 13px 0 15px 192px;
	}
		#footer ul.nav li {
			float: left;
			font-size: 1.1em;
			padding-right: 16px;
		}
			#footer ul.nav li a {
				background: #fff;
				float: left;
				margin: -2px -5px;
				padding: 2px 5px;
			}
				#footer ul.nav li a:hover {
					background: #4cb8b1;
					color: #fff;
					text-decoration: none;
				}
				#footer ul.nav li a.orange:hover { background: #ff6537; }
				#footer ul.nav li a.purple:hover { background: #a25bbd; }
				#footer ul.nav li a.pink:hover { background: #be2364; }
				#footer ul.nav li a.yellow:hover { background: #f0d052; }
				#footer ul.nav li a.green:hover { background: #00a88e; }
	/* 30-Apr-10 NE - Reduce padding-bottom from 40 to 10 */
	#footer div.bottom {
		background: #005b7f url(../img/footer_bg.png) repeat-x bottom;
		color: #fff;
		clear: both;
		font-size: 1.1em;
		line-height: 1.5em;
		padding: 12px 0 10px 192px;
	}
	
#EnquiryTable td{
	padding: 2px;
}

#VenueTable td{
	vertical-align: middle;
}