@charset "utf-8";
@import url(banners-local.css);
@import url(featured-links.css);

/* Use this stylesheet for branch-specific CSS customisations */

#splashpod { /* background-color: #008a5e; */ background-color: #fff; background-repeat: no-repeat; position: relative; }
#splashpod img { height: auto; }
#splashpod #centenary-celebrations { background: url(../images/frontpage/banner.jpg) no-repeat; width: auto; height: 145px; }

.glider-controls {
	padding: 3px 5px;
	z-index: 2;
}

.glider-controls-wrapper {
	z-index: 1;
}

#choice_options .glider-controls {
	margin: 0 25px 4px 0;
}

.glider-page {
	padding: 0 4px;
	font-size: 12pt;
	text-decoration: none !important;
	color: #ccc;
	line-height: 8pt;
}

.glider-page:hover {
	color: #edabb2;
}

.glider-page.active, .glider-page.active:hover {
	color: #CE1126;
}

.glider-page:active, .glider-page:focus {
	outline: none;
}

.glider-prev, .glider-next {
	text-decoration: none !important;
}

.glider-arrow {
	color: #aaa;
	font-size: 10pt;
	line-height: 8pt;
}

.glider-nav-label {
	font-size: 1.2em;
}

.glider-prev .glider-nav-label {
	margin-left: 5px;
}

.glider-next .glider-nav-label {
	margin-right: 5px;
}

.glider-prev:hover .glider-arrow, .glider-next:hover .glider-arrow {
	color: #CE1126;
}

.glider-prev:hover .glider-nav-label, .glider-next:hover .glider-nav-label {
	text-decoration: underline;
}

.glider-prev {
	padding-right: 5px;
}

.glider-next {
	padding-left: 5px;
}

/* agriculture timeline */
#years img {
	padding: 0;
}

#mygallery {
	overflow: hidden;
}

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 680px; /*Width of Carousel Viewer itself*/
	height: 1300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 680px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

#content div.panel {
	background: none;
	border: none;
	margin: 0;
	position: absolute;
}

#content div.panel img {
	padding: 0;
}