/***fluid width styles***/
/* Uncomment these to make successful delivery fluid 

#subnav {
	width: 100%!important;
}

#subnav ul {
	width:97.9% !important;
}

#subnav li {
	width: 24.9%!important;
}

#content {
	width:100%!important;
}

#wrapper {
	padding:14px!important;
}
*/


/*** Main styles ***/

#subnav, #content {
	margin-left: 0px!important;
}

#border-line, #main-banner-wrap {
	margin-left:0px!important;
}

.no-right-column #content #main {
	width: 74%!important;
}

#content {
	width:932px;
}

#banner-wrap {
	background: #082d5a url(cpd-banner-bg.jpg) no-repeat center top
}

#ancillary-brand img {
	margin: 28px 15px 0 0;
}

#subnav {
	margin: 0 0 0 13px;
	width:934px;
	height: 40px;
	line-height: 40px;
	background: url(delivery-subnav-left.png) bottom left no-repeat;
	float: left;
}

#subnav .left {
	width: 18px;
	height: 40px;
	float: left;
	background: url(delivery-subnav-bg.png) bottom left repeat-x;
}

#subnav .right {
	width: 18px;
	height: 40px;
	float: right;
	background: url(delivery-subnav-right.png) no-repeat bottom right;
}

#subnav ul {
	margin: 0 15px;
	padding: 0;
	height:40px;
	float: left;
	background: url(delivery-subnav-bg.png) bottom left repeat-x;
	/*width: 930px;*/
	width: 900px;
}

.tab {
		background: url(delivery-subnav-right.png) no-repeat bottom right;
		width: 100%;
		height: 40px;
		display: block;
}

#subnav li {
	float: left;
	list-style: none;
	/*width:228px;*/
	width: 225px;
}

#subnav a {
	color: #036;
	text-decoration: none;
	padding:0;
	text-align:center;
	display:block;
}

#subnav a:hover {
			text-decoration: underline;
}

#main-banner-wrap {
			background: url(banner-bground.gif) top left repeat-x;
			border-top: 1px solid #000;
			border-right: 1px solid #000;
			border-left: 1px solid #000;
			width: 932px;
			height: 204px;	
			float:left;
			/*margin-left: 14px;*/
}

#main-banner-wrap p {
					padding:30px 0 0 80px;
					/*width:30%;*/
					width: 350px;
					margin:0;
					float: left;
}

.left-banner {
			float: left;
		    width: 30%;
			
}

.graphic {
	width: 100%;
	height: 204px;	
	font-size: 450%;
}

.portal { background: #fff url(portal-graphic.jpg) left no-repeat; color: #999999;}
.programme { background: url(programme-graphic.jpg) right no-repeat; color: #003366;}
.project { background:url(project-graphic.jpg) no-repeat scroll left center #FFFFFF;; color: #666666;}
.gateway { background: url(gateway-graphic.jpg) right no-repeat; color: #006633;}
.training { background: url(training-graphic.jpg) right no-repeat; color: #953396;}

ul li.selected-programme a, ul li.selected-project a, ul li.selected-gateway a, ul li.selected-training a { 
	margin:0 0 0 -20px;
}

ul li.selected-programme { background: url(blue-tab-right.png) bottom right no-repeat; margin:0;}
ul li.selected-programme a { background:url(blue-tab-left.png) bottom left no-repeat; color: #fff!important; font-weight: bold; display: block;}
ul li.selected-project { background:url(grey-tab-right.png) bottom right no-repeat;}
ul li.selected-project a { background:url(grey-tab-left.png) bottom left no-repeat; color: #fff!important; font-weight: bold; display: block;}
ul li.selected-gateway { background:url(green-tab-right.png) bottom right no-repeat;}
ul li.selected-gateway a { background:url(green-tab-left.png) bottom left no-repeat; color: #fff!important; font-weight: bold; display: block;}
ul li.selected-training { background:url(purple-tab-right.png) bottom right no-repeat;}
ul li.selected-training a { background:url(purple-tab-left.png) bottom left no-repeat; color: #fff!important; font-weight: bold; display: block;}

#border-line {
				height: 8px;
				/*margin-left: 14px;*/
				width: 100%;
				float:left;
}

*html #border-line {
					height: 2px!important;
}

.border-portal { background-color: #999999;}
.border-programme { background-color: #083B6E;}
.border-project { background-color: #6F6F6E;}
.border-gateway { background-color: #086E3B;}
.border-training { background-color: #A13BA1;}


#left-main, #left { background: #fff; }

.pod {
	margin: 1em 1em 1em 1em!important;
}

#newsevents {
			margin: 1em;
			padding:0;
			float: left;
			width: 90%;
}

*html #newsevents {
			margin: 1em 0 0 0.5em;
}

#newsevents ul {
				list-style: none;
}

#newsevents h2 a {
				background: url(pod-head-bg.gif) repeat-x;
}

#news-events-pod, #news-events-pod ul, #news-events-pod ul li {
				float: left;
}

#news-events-pod {
				width: 100%;
}

#news-events-pod ul {
					margin: 0;
					padding:10px 0 0 10px;
}

*html #news-events-pod ul {
						margin-left: 18px;
}

#news-events-pod ul li {
						display: block;
						width: 100%;
						margin:0;
						padding:0;
						background:transparent url(white-arrow.png) no-repeat left 5px;
						behavior: url(iepngfix.htc);
}

#news-events-pod ul li a {
						padding: 0 0 0 15px;
						text-align: left;
}


*html #news-events-pod ul li a {
							margin-top: -5px;
}

#newsevents .border {
					display: block;
					float:left;
					width: 100%;
					margin:0;
					padding:0;
}

#newsevents a {
				padding: 0; 
				display: block;
				float: left;
				text-align:center;
				text-decoration: none;
}

#newsevents a:hover {
					text-decoration: underline;
					color: #000;
}

#news {
		display: none;
}

#events {
		display: none;
}

.news-tab {
	background: url(news-tab-bground-left.gif) top left no-repeat;
	cursor: pointer;
}

.events-tab {
	background: url(events-tab-bground-left.gif) top left no-repeat;
	cursor: pointer;
}

.news-tab, .events-tab {
						color: #000;
						font-weight: bold;
						width: 100%;
						height: 28px;
						display:inline;
						margin:0;
						padding:0;
}

#tab-wrap {
			float:left;
			margin:0;
			padding:0;
			width: 100%;
			height: 28px
}


#tab-wrap a {
			margin:0;
			padding:0;
}

#news-tab-right {
				width: 50%;
				height: 28px;
				background: url(news-tab-bground-right.gif) top right no-repeat;
				display:inline;
				float:left;
				margin:0;
				padding:0;
}

#events-tab-right {
				width: 50%;
				height: 28px;
				background: url(events-tab-bground-right.gif) top right no-repeat;
				display:inline;
				float:left;
				margin:0;
				padding:0;
}

*html #events-tab-right {
						width: 49.9%;
}

#newspod {
		display: block;
		background:url(news-tab-main-bground-right.gif) top right no-repeat;
		float:left;
		height: 150px;
		width: 100%;
}

#newspod-left {
				background:url(news-tab-main-bground-left.gif) top left no-repeat;
				float:left;
				width: 100%;
				height: 100%;
}

#eventsspod {
		display: block;
		background:url(events-tab-main-bground-right.gif) top right no-repeat;
		float:left;
		height: 150px;
		width: 100%;
}

#eventsspod-left {
	background:url(events-tab-main-bground-left.gif) top left no-repeat;
	float:left;
	width: 100%;
	height: 100%;
}

#eventsspod-left a {
	color: #fff;
}

#sidebar {
			width: 22.8%;
}


html>body #sidebar .pod { margin-top: 4%; float: left; width:90%; min-height: 300px;}

*html #sidebar .pod {
					height: 300px;
}

.pod h2, #sidebar h2 {
	margin: 0 15px 0 15px;
	padding: 0;
	line-height: 26px;
	background: url(pod-head-bg.gif) repeat-x!important;
	color: #fff!important;
	font-size: 100%;
	text-align: center!important;
}

.pod ul {
	margin: 0;
	padding: 1em 0 1em 2em;
}
.pod li {
	background: none !important;
	list-style-image: url(delivery-arrow.gif) !important;
	padding-left: 0 !important;
}
.pod .border {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(pod-gradient.gif) bottom right no-repeat;
}
.pod .pleft { padding: 1em; }
.pod a {
	line-height: 1.4em;
}
.clearing {
	clear: left;
}
.pod .tl {
	width: 100%;
	height: 26px;
	background: url(delivery-pod-left.gif) top left no-repeat;
}
.pod .tr {
	width: 100%;
	height: 26px;
	background: url(delivery-pod-right.gif) top right no-repeat;
}

#left .border form {
		padding:1em 0 5px 5px;
		margin: 0;
}

#left .border form select {
			width: 82%;
			margin: 0 3px 0 0;
			padding:0;
}

#left .border form input {
			margin:0;
			padding:0;
}

#news-events-switch {
					display: none;
					height:0;
					width:0;
}

#footer-icons {
				margin:0;
				padding:0;
				width: 100%;
				color: #003366;
}

#footer-icons td {
				margin:0;
				padding:0;
				width: 25%;
				text-align:center;
}

select  {
			width: 150px;
}

.programme-header {
	width: 100%;
	height: 55px;
	margin: 1em 0 1em 0;
	background: #036 url(programme-header-bg.jpg) repeat-x;
}
.programme-header .programme-left {
	float: left;
	width: 100%;
	height: 55px;
	background: url(programme-header-left.jpg) left no-repeat;
}
.programme-header .programme-right {
	float: right;
	width: 100%;
	height: 55px;
	background: url(programme-header-right.jpg) right no-repeat;
}
.programme h1 {
	margin: 0 20px 0 280px;
	padding: 0;
	color: #fff;
	line-height: 55px;
	font-size: 110%;
	background: #036 url(programme-header-bg.jpg) repeat-x;
	
}

#right-nav .pod h2 {
					border: none!important;
}

#right-nav .pod ul {
					margin: 0;
}

#right-nav .pod ul li {
					border: none!important;
					background: none;
}

#right-nav ul li.selected {
						font-weight: bold;
}

#left-nav .pod h2 a {
					line-height:26px;
					color: #fff!important;
					text-decoration: none;
}

#left-nav .pod h2 a:hover {
							text-decoration: underline;
}

#left-nav .pod h2 a:visited {
							color: #fff!important;
}

#left-nav .pod ul {
					margin: 0;
}

#left-nav .pod ul li {
					border-bottom: none!important;
					background: none;
}

#newsandevents-wrap {
					height: 150px;
					overflow: auto;
}

#home-nav-table h2 a {
					background:transparent url(white-arrow.png) no-repeat scroll left center;
					color:#FFFFFF !important;
					padding:0 0 0 15px;
					text-decoration:none;
					behavior: url(iepngfix.htc);
					width:100%;
}

.successful-delivery #breadcrumb{
					margin: 1em 10px 0 10px!important;
}

/* new for fixed width */

#left {
	float: left;
	width: 23%;
	margin-bottom:1em;
}

#content #main {
	padding: 0;
	width: 54%;
	/* CSS3 */
	-box-shadow: inset 0 0 0;
	-moz-box-shadow: inset 0 0 0;
	-webkit-box-shadow: inset 0 0 0;
}

#sidebar .pod .elink {
	display: none;
}

#sidebar {
	background: none;
	border: none;
}

#main h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 130% !important;
	padding:0!important;
	color: #fff!important;
}

#main h2 {
	border: 0;
}

.twocol #main {
	width: 74%;
}

*html #content #main h1 { margin-top: 0!important; }

table ul {
	padding-left:5px; 
}