/**********************************
Begin homepage Slider styles
***********************************/
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%;  overflow: hidden; display:none;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 531px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 329px;
			height: 271px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 531px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper h3 {
			font-size:1.8em;
			font-weight:bold;
			color:#fff;
			margin:6px 0 0 16px;
		}
		
		.stripViewer .panelContainer .panel .wrapper p {
			font-size:1.3em;
			color:#fff;
			font-weight:bold;
			margin:6px 0 0 16px;
		}
		
		.stripViewer .panelContainer .panel .wrapper p.copyRight {
			font-size:1.2em;
			color:#fff;
			font-weight:bold;
			position:absolute;
			right:0;
			bottom:60px;
			background:#000;
			filter:alpha(opacity=70);
			opacity: 0.7;
			padding:2px 6px 2px 10px;
		}
		
		.blueBg { /* This is the div to hold your nav (the UL generated at run time) */
			position:absolute;
			left:0;
			bottom:0;
			height:60px;
			width:531px;
			background:#6699CC;
			filter:alpha(opacity=80);
			opacity: 0.8;
			z-index:1;
		}
		
		.stripNav { /* The auto-generated set of links */
			position:absolute;
			right:0;
			bottom:0;
			height:60px;
			width:200px !important;
			z-index:30;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			float:right;
			width:152px;
			margin:22px 13px 0 0;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			display: block;
			width:12px;
			_width:14px;
			height:12px;
			margin:0 5px 0 0;
			text-indent:-9009px;
			border:1px solid #B9D0E2;
			background:#6699CC;
			filter:alpha(opacity=80);
			opacity: 0.8;
		}
		
		
		.stripNav li a:hover {
			background: #B9D0E2;
		}
		
		.stripNav li a.current {
			background: #B9D0E2;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(http://webarchive.nationalarchives.gov.uk/20110118095356/http://www.cabe.org.uk/sites/all/themes/cabe/css/images/arrow-left.gif) no-repeat center;
		}
		
		.stripNavR {
			background: url(http://webarchive.nationalarchives.gov.uk/20110118095356/http://www.cabe.org.uk/sites/all/themes/cabe/css/images/arrow-right.gif) no-repeat center;
		}
/**********************************
End Slider styles
***********************************/

.home #homepageContent {
	clear:both;
	float:left;
	display:block;
	width:100%;
	text-align:left;
	margin:32px 0 40px 0;
	margin:20px 0 40px 0;
	_margin:20px 0 70px 0;
}
.home .section {
	float:left;
	clear:left;
	width:100%;
}
.home span a.rss {
	text-indent:-9009px;
	width:20px;
	height:19px;
	display:block;
	background:url(http://webarchive.nationalarchives.gov.uk/20110118095356/http://www.cabe.org.uk/sites/all/themes/cabe/images/feed-icon_orange-16px.png) 4px 1px no-repeat;
}
body.home #page div.pinkBox h1,
body.home #page div.pinkBox h2,
body.home #page div.pinkBox h3,
body.home #page div.pinkBox h4,
body.home #page div.pinkBox h5,
body.home #page div.pinkBox h6 {
	font-size:1.6em;
	color:#444;
}
.home #page div.imageFeature p {
	opacity:1 !important;
}
.home #page div.pinkBox {
	padding-top:14px;
	margin:0 0 18px !important;
}
.pinkBox p {
    font-size:1.4em;
    line-height:20px !important;
    margin:9px 0 5px;
}
.pinkBox p a {
    font-weight:bold;
}
.home #news {
	background:#fff;
}
	.home h3.title {
		font-size:1.6em;
		font-weight:bold;
		color:#444;
		float:left;
		clear:left;
	}
		.home h3.title a {
			font-weight:bold;
			float:left;
                        color:#03c;
		}
	.home #homepageContent div#news.leftBox {
		margin:0;
		/*border:1px solid #d9d9d9;*/
		width:361px;		
	}
	.home #news h3.title {
		margin:0;
	}
		.home span.rss {
			float:right;
			display:block !important;
		}
		.home p.readMore {
			float:left;
			clear:both;
			margin:0 0 10px;
			width:100%;
		}
			.home p.readMore a {
				display:block;
				font-size:1em;
				color:#6699cc;
				color:#0033cc;
			}
			.home .leftBox p.readMore a {
				font-size:1.3em;
			}
		.home #news ul, .home #publications ul, .home #publications {
			float:left;
			clear:both;
			width:100%;
			display:block;
		}
		.home .homeboxFeature {
			display:block;
			clear:both;
		}
			.home #news ul.miniStory {
				margin:14px 0 0;
			}
			.home #news ul.miniStory li {
				float:left;
				clear:both;
				width:100%;
				margin:0 0 18px;
			}
				.home #news ul.miniStory li h3 {
					float:left;
					width:205px;
					margin:0 0 10px 0;
					font-size:1.7em;
				}
					.home #news ul.miniStory li h3 a {
						font-weight:bold;
						color:#6699CC;
						color:#0033cc;
						display:block;
					}
				.home #news ul.miniStory li p{
					float:left;
					clear:left;
					font-size:1.3em;
					line-height:1.23em;
					width:200px;
					color:#444;
				}
				.home #news ul.miniStory li img{
					float:right;
				}
			.home #news .headlines li, .home #publications ul li {
				float:left;
				clear:both;
				width:100%;
				padding:5px 0;
			}
				.home #news .headlines li.last, .home #publications ul li.last {
					float:left;
					clear:both;
					width:100%;
					background:none;
					padding:5px 0;
				}
				.home #news .headlines li a, .home #publications ul li a {
					font-size:1.3em;
					color:#0033cc;
					display:block;
					font-weight:bold;
				}
.home #homepageContent div.leftBox {
	width:361px;
	float:left;
	padding:14px 20px 10px 20px;
	margin:0 0 18px 0;
}
.home #homepageContent div#wysiwyg.leftBox {
	min-height:305px;
	min-height:247px;
	background:#7CA7CF;
	color:#fff;
}
	.home #homepageContent div#wysiwyg.leftBox h1 {
		font-weight:bold;
		font-size:3.5em;
	}
	.home #homepageContent div#wysiwyg.leftBox h2 {
		font-size:1.8em; 
		margin:22px 5px 0 0;
	}
	.home #homepageContent div#wysiwyg.leftBox li {
		font-size:1.4em;
		margin:5px 0;
	}
	.home #homepageContent div#wysiwyg.leftBox a {
		color:#fff;
	}
.home #homepageContent div.rightBox {
	width:531px;
	float:right;
	margin:0 0 18px 0;
}
	.home #homepageContent div.rightBox div.leftSide {
		float:left;
		width:223px;
		background:#fff;
		padding:14px 17px;
	}
		.home #homepageContent div.rightBox #designReviewed {
			padding:0 0 20px 0;
			margin:0 0 15px 0;
			clear:both;
		}
		.home #homepageContent div.rightBox div.leftSide h3.title {
			margin:0 0 14px 0;
			_margin-bottom:0 !important;
		}
		.home #homepageContent div.rightBox div.leftSide div.imageFeature {
			_margin-top:0 !important;
		}
		.home #homepageContent div.rightBox div.leftSide p {
			font-size:1.3em;
			line-height:;
			/*margin:8px 0 0 0;*/
			color:#444;
		}
		.home #homepageContent div.rightBox div.leftSide ul {
			margin:5px 0 0 0;
			width:223px;
		}
	.home #homepageContent div.rightBox div.rightSide {
		float:right;
		width:257px;
		border:none;
		padding:0;
	}
.home #homepageContent div#imageSlider.rightBox {
	min-height:329px;
	min-height:271px;
	background:#7CA7CF;
	color:#fff;
}

.landing .jsboxes {
	position:absolute;
	left:0px;
	top:-1px;
	_top:0px;
	z-index:100;
	width:231px;
	_width:216px;
	height:auto;
	margin:0px;
	padding:0px;
	display:none;
	background:#000;
	opacity:0.8;
	color:#fff;
	cursor:pointer;
}
.home .headlines ul {
	margin-bottom:15px;
}