#slides {
	position:relative;
	}
#slides .slides_container {
	width:656px;
	overflow:hidden;
	Xdisplay:none;
	}
#slides .slides_container div {
	width:656px;
	height:306px;
	display:block;
	}
#slides .slides_container div .description, #slides .pagination li.current {
	background-color:#468BEF; 	// H153 S180 V239, originally #6090ef H156 S153 V239, then #469BEF H149 (standard hue but too green here) S180 V239
	}
.site-intranet #slides .slides_container div .description, .site-intranet #slides .pagination li.current {
	background-color:#7C1321; // standard intranet red is #931728
	}
#slides .slides_container div .description {
	bottom:2.20em;
	padding:0 1em 1em 1em;
	height:auto;
	width:auto;
	position:absolute;
	z-index:801;
	/* Rounded Corners */
	-moz-border-radius: 0px 6px 0px 0px;
	-webkit-border-radius: 0px 6px 0px 0px;
	border-radius: 0px 6px 0px 0px;
	}

#slides .pagination {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	z-index:800;
	}
#slides .pagination li {
	height:1.45em;
	float: left;
	margin: 0 1px 0 0;
	list-style: none;
	padding:0.4em 0;
	background-color:#666;
	}
#slides .pagination li a {
	text-decoration:none;
	color:#fff;
	font-size:1.2em;
	padding:0.4em 0.7em;
	}
#slides h2, #slides h2 a {color:#fff;font-size:1.23em;}
#slides .description {color:#fff;}
#slides .description a {color:#fff;}

#slides .pagination li {
	padding:0;
	height:12px;
	width:12px;
	padding:8px;
	overflow: hidden;
	}
#slides .pagination li a {
	height:12px;
	display: block;
	width: 12px;
	height: 0px;
	padding-top: 22px;
	background-image: url(images/pagination-white.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	}
#slides .pagination li.current a {
	background-position:0 -22px;
	}
	
#slides .slides_container>div {display:none;}
#slides .slides_container>div:first-child {display:block;}

/* for devices up to 684px wide */
@media only screen and (max-width: 684px) {
		#slides, #slides .slides_container, #slides .slides_control, #slides .slides_container>div {width:100% !important;}
	}