@charset "UTF-8";
@import url("reset.css");
@import url("type.css");
@import url("typography.css");

body {
	text-align: center;
	background: #014c45;
	}

.wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;
	}

/* HEADER / MENUS */

.wrap-menu {
	background-color: #8dbb3f;
	color: #fff;
	height: 2.0265em; /*(33px)*/
	overflow: hidden;
	}
	.wrap-menu ul {
		position: absolute;
		right: 19px;
		top: 0;
		line-height: 2.0265em; /*(33px)*/
		}
	.wrap-menu li {
		float: left;
		font-size: 0.8125em; /* 13px */
		}
	.wrap-menu li a {
		padding: 0 .5em;
		color: #fff;
		display: block;
		}
	.wrap-menu li a:focus,
	.wrap-menu li a:hover,
	.wrap-menu li a:active {
		background-color: #4e8910;
		}
	.wrap-menu li.current a,
	.wrap-menu li.current a:focus,
	.wrap-menu li.current a:hover,
	.wrap-menu li.current a:active,
	.wrap-menu li.section a,
	.wrap-menu li.section a:focus,
	.wrap-menu li.section a:hover,
	.wrap-menu li.section a:active {
		color: #376407;
		font-weight: bold;
		background-color: transparent;
		}

.wrap-citymenu {
	background-color: #a02279;
	color: #fff;
	height: 55px;
	/* overflow: hidden; */
	border-style: solid;
	border-width: 1px 0;
	border-color: #831c63 transparent #b9c0a8 transparent;
	}
	#logo {
		position: absolute;
		left: -129px;
		top: -34px;
		z-index: 10;
		padding: 117px 130px 0 154px;
		background: transparent url(../images/logo.png) no-repeat left top;
		}
	#logo a {
		display: block;
		width: 215px;
		height: 306px;
		overflow: hidden;
		}
	#logo a img {
		display: block;
		margin: -117px 0 0 -154px;
		}
	.wrap-citymenu ul {
		position: absolute;
		right: 13px;
		top: 0;
		}
	.wrap-citymenu ul li {
		font-size: 1.0625em; /*(17px)*/
		float: left;
		}
	.wrap-citymenu ul li a {
		display: block;
		text-align: center;
		height: 55px;
		line-height: 53px;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		color: #fff;
		}
	.wrap-citymenu ul li a:focus,
	.wrap-citymenu ul li a:hover,
	.wrap-citymenu ul li a:active {
		background-color: #68064a;
		color: #fff
		}
	.wrap-citymenu ul li a span {
		display: block;
		text-align: center;
		height: 55px;
		width: 120px;
		position: absolute;
		left: 0;
		top: 0;
		background: transparent none no-repeat left top;
		cursor: pointer;
		}
	.wrap-citymenu ul li.section a,
	.wrap-citymenu ul li.section a:focus,
	.wrap-citymenu ul li.section a:hover,
	.wrap-citymenu ul li.section a:active,
	.wrap-citymenu ul li.current a,
	.wrap-citymenu ul li.current a:focus,
	.wrap-citymenu ul li.current a:hover,
	.wrap-citymenu ul li.current a:active {
		background-color: #fff;
		color: #68064a;
		}
	.wrap-citymenu ul li.section a span,
	.wrap-citymenu ul li.section a:focus span,
	.wrap-citymenu ul li.section a:hover span,
	.wrap-citymenu ul li.section a:active span,
	.wrap-citymenu ul li.current a span,
	.wrap-citymenu ul li.current a:focus span,
	.wrap-citymenu ul li.current a:hover span,
	.wrap-citymenu ul li.current a:active span {
		background-position: left -110px;
		}
	.wrap-citymenu ul li a:focus span,
	.wrap-citymenu ul li a:hover span,
	.wrap-citymenu ul li a:active span {
		background-position: left -55px;
		}
	.wrap-citymenu ul li.city-adelaide a,
	.wrap-citymenu ul li.city-adelaide a span {
		background-image: url(../images/citymenu-adelaide.png);
		width: 91px;
		}
	.wrap-citymenu ul li.city-brisbane a,
	.wrap-citymenu ul li.city-brisbane a span {
		background-image: url(../images/citymenu-brisbane.png);
		width: 90px;
		}
	.wrap-citymenu ul li.city-melbourne a,
	.wrap-citymenu ul li.city-melbourne a span {
		background-image: url(../images/citymenu-melbourne.png);
		width: 109px;
		}
	.wrap-citymenu ul li.city-perth a,
	.wrap-citymenu ul li.city-perth a span {
		background-image: url(../images/citymenu-perth.png);
		width: 65px;
		}
	.wrap-citymenu ul li.city-sydney a,
	.wrap-citymenu ul li.city-sydney a span {
		background-image: url(../images/citymenu-sydney.png);
		width: 78px;
		}

/* MAIN */

.wrap-main {
	background: #f6e9f2 url(../images/top-bg-fill.jpg) repeat-x center top;
	color: #000;
	min-width: 960px;
	}
	.wrap-main2 {
		background: transparent url(../images/top-bg.jpg) no-repeat center top;
		}
	.wrap-main .wrapper {
		padding: 27px 0 34px 0;
		}
	#side-col {
		float: left;
		margin: 0 0 0 10px;
		padding: 320px 0 0 0;
		width: 300px;
		}
	#main {
		/* min-height: 300px; */
		margin: 0 10px 0 330px;
		background-color: #ffffff;
		position: relative;
		left: 0;
		top: 0;
		z-index: 15;
		border-top: 1px solid #e4eccf;/*Enforce margin of first element*/
		}
	.sub-menu {
		height: 2.3125em; /*(37px)*/
		line-height: 2.3125em; /*(37px)*/
		background-color: #28baac;
		padding: 0 25px;
		border-bottom: 1px solid #07a596;
		}
		.sub-menu li {
			padding: 0 0 7px 0;
			float: left;
			font-size: 1em; /*16px*/
			}
		.sub-menu li.current {
			background: transparent url(../images/sub-menu-current.png) no-repeat center bottom;
			}
		.sub-menu li a {
			background-color: #28baac;
			display: block;
			color: #11665e;
			padding: 0 .5em;
			}
		.sub-menu li.current a,
		.sub-menu li a:focus,
		.sub-menu li a:hover,
		.sub-menu li a:active {
			color: #ffffff;
			}
		.sub2 .sub-menu li {
			padding: 6px 0 0 0;
			position: relative;
			left: 0;
			top: -6px;
			}
		.sub2 .sub-menu li.current {
			background: transparent url(../images/sub-menu-current-b.png) no-repeat center top;
			}
	div.featureimg {
		height:230px;
		overflow: hidden;
		background-position: center center;
		}
	.content {
		min-height: 355px;
		padding: 0 30px 25px 30px;
		}
		div.post-expo-notes {
			background: #feefdd;
			color: #cc6600;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 15px 20px 1px 20px;
			margin-top: 1.5em;
			}
		div.action-buttons a {
			float: left;
			border: none;
			margin-right: 10px;
			}

/* FOOTER */
		
.wrap-footer {
	border-top: 7px solid #28baac;
	}
	.wrap-footer .wrapper {
		background: transparent url(../library/footer-bg.png) repeat-x left top;
		}
	#footer {
		padding: 25px 0;
		}
	#footer p {
		width: 215px;
		margin: 0 0 0 25px;
		float: left;
		color: #fff;
		}
	#footer p {
		width: 295px;
		margin: 0 0 0 25px;
		float: left;
		color: #fff;
		}
	#footer a {
		color: #aaede7;
		border-bottom: 1px solid #006c64;
		}
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color: #ccffff;
		}
/* Misc. */
.hide {
	display: none;
	}


/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

/* CMS integration */

#SilverStripeNavigator {
	z-index: 1000;
	}