html {
	background: #50B5C4 url('../images/bodyBackground.png') repeat-x top;
}

body {
	font: 62.5%/1.5 Helvetica, Verdana, sans-serif;	/* Makes 1em = 10px */
	/*background: #EFF9FE url('../images/headerWrapBackground.png') repeat-x top;*/
	background: transparent url('../images/bodyBackground.png') repeat-x top;
}

#container {
	position: relative;
}

#container .section {
	margin: 0 auto;
	width: 940px;
	min-width: 940px;
	max-width: 192em;
	position: relative;
}

/******************************************************************************
** Basic Formatting
*******************************************************************************/
p {
	font-size: 1.1em;
	color: #545454;
	margin: 0.5em 0;
}

span, dl, li {
	color: #545454;
}

h1, h2, h3, h4, h5, h6 {
	color: #024d84;
	margin: 0.5em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a , h6 a {
	color: #024d84;
}

h2,h3 {
	font-size: 1.8em;
	line-height: 1;
}

h2 span {
	font-size: 1em;
	font-weight: normal;
	color: #024d84;
}

h4 {
	font-size: 1.3em;
	line-height: 1;
}

h5 {
	font-size: 1.3em;
	line-height: 1;
	color: #545454;
}

a {
	text-decoration: none;
	color: #0c69a3;
}

a:hover {
	text-decoration: underline;
}

a.follow {
	font-weight: bold;
	font-size: 1.2em;
}

a.return {
	font-size: 1.1em;
	display: block;
	clear: left;
	line-height: 32px;
}

a.return.alt {
	float: left;
}

div#limelight a {
	text-decoration: underline;
}

p.info {
	font-style: italic;
	margin: 1.5em 0;
}
/******************************************************************************
** Header
*******************************************************************************/
	#header {
		background: url('../images/headerBackground.jpg') no-repeat top;
		height: 270px;
	}

	#header h1,
	#header h2 {
		margin: 0;
	}

	#header h1 a {
		display: block;
		width: 354px;
		height: 76px;
		background: url('../images/header.png') no-repeat 0 36px;
		padding: 35px 0 0 0;
		text-indent: -1000em;
		float: left;
	}

	#header h2 a {
		display: block;
		width: 354px;
		float: right;
		height: 76px;
		background: url('../images/header-ph.png') no-repeat 150px bottom;
		margin: 35px 0 0 0;
		text-indent: -1000em;
	}

	/******************************************************************************
	** Menu Classes
	*******************************************************************************/

	#header ul {
		clear: both;
		float: left;
		height: 44px;
		margin: 37px auto;
		width: 940px;
		background: url('../images/navItems.png') no-repeat 0 -44px;
		overflow: hidden;
	}

	#header ul li {
		float: left;
	}

	#header ul li a {
		float: left;
		display: block;
		width: 104px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		background: url('../images/navItems.png') no-repeat;
		text-indent: -1000em;
	}

	#header ul li a.home {
		width: 85px;
	}
	#header ul li a.home:hover,
	#header ul li.selected a.home {
		background-position: 0 -44px;
	}

	#header ul li a.our-story {
		width: 101px;
		background-position: -85px 0;
	}
	#header ul li a.our-story:hover,
	#header ul li.selected a.our-story {
		background-position: -85px -44px;
	}

	#header ul li a.grief-services {
		width: 133px;
		background-position: -186px 0;
	}
	#header ul li a.grief-services:hover,
	#header ul li.selected a.grief-services {
		background-position: -186px -44px;
	}

	#header ul li a.holiday-house {
		width: 129px;
		background-position: -319px 0;
	}
	#header ul li a.holiday-house:hover,
	#header ul li.selected a.holiday-house {
		background-position: -319px -44px;
	}

	#header ul li a.events {
		width: 73px;
		background-position: -448px 0;
	}
	#header ul li a.events:hover,
	#header ul li.selected a.events {
		background-position: -448px -44px;
	}

	#header ul li a.courses {
		width: 85px;
		background-position: -521px 0;
	}
	#header ul li a.courses:hover,
	#header ul li.selected a.courses {
		background-position: -521px -44px;
	}

	#header ul li a.our-supporters {
		width: 140px;
		background-position: -606px 0;
	}
	#header ul li a.our-supporters:hover,
	#header ul li.selected a.our-supporters {
		background-position: -606px -44px;
	}

	#header ul li a.brisbane {
		width: 90px;
		background-position: -746px 0;
	}
	#header ul li a.brisbane:hover,
	#header ul li.selected a.brisbane {
		background-position: -746px -44px;
	}

	#header ul li a.contact {
		width: 104px;
		background-position: -836px 0;
	}
	#header ul li a.contact:hover,
	#header ul li.selected a.contact {
		background-position: -836px -44px;
	}

/******************************************************************************
** Content
*******************************************************************************/
	div.column,
	div.ctaBox {
		float: left;
		display: inline;
		position: relative;
	}

	#ie.v8 div.ctaBox,
	#ie.v8 .home  #limelight {
		margin: 0 0 10px 0;
	}

	div#contentWrap {
		position: relative;
	}

	div#backgroundWrap {
		float: left;
		background: url('../images/bodyBottomBackground.png') repeat-x center bottom;
		width: 100%;
		padding-bottom: 20px;
	}

	div#content {
		width: 640px;
	}

	div#aside {
		width: 300px;
	}

	div#content, div#aside {
		position: relative;
		margin: -55px 0 0 0;
	}

	div.gutter {
		padding: 20px 15px 20px 0;
	}

	div#aside .gutter {
		padding: 20px 0 20px 15px;
	}

	div.ctaBox,
	div#events {
		background: rgba(255,255,255,0.4);
	}

	div.ctaBox div.content {
		border: 2px solid #FFF;
		border-bottom: none;
	}

	div.boxFooter {
		background: #03BDF1;
	}

	div.boxFooter a {
		height: 2em;
		line-height: 2;
		margin: 0 0 0 15px;
		font-size: 1.2em;
	}

	div.content h2,
	div.content p {
		width: 60%;
	}

	/*
	**	altFocus / Donations **
	*/

	div#altFocus, div#donation {
		width: 302px;
	}
	div#altFocus div.content,
	div#donation div.content {
		height: 17.5em;
	}

	div#altFocus {
		float: left;
	}

		div#altFocus img {
			float: right;
			height: 175px;
			width: 140px;
		}

		div#altFocus .content a:hover {
			text-decoration: none;
		}

		div#altFocus .content a {
			padding: 15px 0;
			display: block;
		}

		div#altFocus p {
			color: #024D84;
			position: absolute;
			top: 15px;
			left: 15px;
			font-size: 2.4em;
			font-weight: bold;
			width: 44%;
			margin: 0;
		}

	div#donation {
		float: right;
	}
		div#donation h2 {
			font-size: 3.2em;
			margin: 15px 15px 10px;
		}

		div#donation p {
			margin: 5px 15px 6px 15px; /* Weird IE6 Bug with margin-bottom any less/more than 15px */
		}

		div#donation img {
			position: absolute;
			bottom: 0;
			right: 2px;
		}

		div#donation a#spanThis {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			text-indent: -1000em;
			height: 201px;
			width: 303px;
		}

	/*
	**	News Ticker			 **
	*/
	div#news-ticker div.content {
		border: 2px solid #FFF;
		background: url('../images/graphics.png') no-repeat 0 -335px;
		float: left;
		width: 620px;
		height: 47px;
		overflow: hidden;
		display: inline;
	}

	div#news-ticker h3 {
		float: left;
		margin: 0 20px 0 85px;
		display: inline;
		line-height: 47px
	}

	div#news-ticker ul {
		float: left;
		width: 459px;
		line-height: 47px;
		margin-top: 1px;
	}

	div#news-ticker ul li h5 {
		display: inline;
		margin: 0 20px 0 0;
	}

	div#news-ticker ul li h5 a {
		color: #545454
	}

	div#news-ticker a.follow {
	/*	float: right;
		margin: -57px 15px 0 0; */
	}

	/*
	**	Limelight 			 **
	*/
	div#limelight {
		clear: left;
		width: 624px;
		margin: 2em 0;
		font-size: 1.1em;
	}

	div#limelight div.content h2,
	div#limelight div.content p {
		width: auto;
	}

	div#limelight .content {
		border: 2px solid #FFF;
		float: left;
		width: 590px;
		padding: 0 15px 2em 15px;
	}

	#limelight h3 *,
	#limelight h3 a {
		text-decoration: none;
		color: #024d84;
	}

	#limelight h3 a:hover {
		text-decoration: underline;
	}

	div.imageRiver {
		float: right;
		width: 39%;
	}
		div.buffer {
			margin-top: 45px;
		}

	div.imageRiver img {
		display: block;
		margin: 0 15px 2em 0;
		border: 2px solid #FFF;
	}

	div.paddedImage img {
		margin-top: 50px;
	}

	div.contentRiver {
		float: left;
		width: 55%;
		font-size: 1em
	}

	dl.inline,
	dl.widelist,
	dl.contact {
		width: 100%;
		font-size: 1.1em;
		margin: 0 0 .5em 0;
	}

	dl.contact {
		float: left;
		margin: 0.5em 0;
	}

	dl.inline,
	dl.inline dt,
	dl.widelist,
	dl.widelist dt,
	dl.widelist dd {
		float: left;
		display: inline;
		overflow: hidden;
	}

	dl.inline dt,
	dl.widelist dt {
		clear: left;
		font-weight: bold;
		margin: 0 15px 0 0;
	}

	dl.inline dd ul li,
	dl.contact dd,
	dl.contact dt {
		float: left;
		margin: 0 5px 0 0;
	}

	dl.contact dt {
		font-weight: bold;
	}

	dl.widelist dt,
	dl.widelist dd {
		margin: 0 0 1em 0;
		border: 2px solid #FFF;
		font-size: .95em;
	}

	dl.widelist dt {
		width: 100px;
		border-right: none;
		background: #FFF;
	}

	dl.widelist dd {
		width: 450px;
		padding: 0 15px;
		border-left: none;
		background: url('../images/ddShadow.png') repeat-x left bottom;
	}

	div.contentPool {
		clear: left;
	}

	div.contentPool ul li {
		font-size: 1.1em;
		margin-left: 1.5em;
		list-style-type: disc;
	}

	div.riverBank {
		padding: 1em 15px 1em 0;
		margin: 0 0 1em;
		clear: both;
		width: 100%;
	}

	div.riverBank.alt {
		padding: 1em 0 1em 0;
	}
	.alt {
		float: right;
		text-align: right;
	}

	ul.related,
	ul.inline,
	ul.vertical-padded {
		float: right;
		display: inline;
		margin: .5em 15px .5em 0;
	}

	ul.inline {
		float: none;
	}

	ul.vertical-padded {
		float: none;
		display: block;
	}

	div.contentPool ul.vertical-padded li {
		margin: 1em 0;
		background: url('../images/ddShadow.png') repeat-x left bottom;
		padding: 15px;
		border: 2px solid #FFF;
		list-style: none;
		font-size: 1em;
	}

	ul.related li,
	ul.inline li {
		display: inline;
		margin: 0 0 0 15px;
	}

	ul.inline li {
		margin: 0 15px 0 0;
	}

	ul.inline li.seperator {
		margin: 0 5px 0 -10px;
	}

	ul.hint-nav {
		margin: .5em 0;
	}

	ul.hint-nav li {
		margin: 0 0 0 15px;
		list-style-type: disc;
		color: #545454;
	}

	ul.events,
	ul.news {
		display: block;
		width: 505px
	}

	ul.related.news {
		width: 100%;
	}

	ul.related li {
		float: right;
	}
	ul.related li.posted {
		float: left;
	}

	ul.grid {
		margin: 1em 0 1em 0;
		display: inline;
		float: left;
		width: 100%;
	}

	ul.grid li.item {
		width: 50%;
		float: left;
		margin: 1em 0;
	}

	ul.grid li.item:nth-child(2n + 1) {
		clear: left;
	}

	.contact ul.grid li.item {
		margin: 0 0 1em;
	}

	ul.grid li.img,
	ul.grid div.listFooter {
		padding: 5px 15px;
	}

	ul.grid div.listFooter {
		border: 2px solid #FFF;
		background: rgba(255,255,255,.4) url('../images/ddShadow.png') repeat-x left bottom;
	}

	ul.imageHeaders li.item div.listFooter {
		border-top: none;
		padding: 0 10px 10px;
		margin-right: 10px;
	}

	.contact ul.imageHeaders li.item div.listFooter {
		border-top: 2px solid #FFF;
	}

	ul.imageHeaders li.item div.listFooter h3 {
		font-size: 1.15em;
		margin: 0 0 .5em 0;
		padding: 10px 0 0 0;
	}

	div#limelight li.item div.listFooter h3 a {
		text-decoration: none;
		color: #024d84;
	}

	ul.imageHeaders img {
		background: #03BDF1;
		display: block;
		border: 2px solid #FFF;
		border-bottom: none;
	}

	ul.grid div.listFooter strong {
		display: block;
		line-height: 1.5;
		margin: 0 5px 0 0;
	}

	ul.grid div.listFooter strong.inline {
		display: inline;
	}

	ul.grid li ul.tags {
		display: inline;
	}

	ul.grid li ul.tags li {
		display: inline;
		width: auto;
	}

	ul.grid li ul.tags li a {
		padding: 0 2px;
	}

	ul.grid li.item ul.inline a {
		font-size: 1.05em
	}

	div.boxFooter a {
		color: #FFF;
	}

	/******************************************************************************
	** RSS Hint
	*******************************************************************************/
	div.rssHint {
		position: absolute;
		right: 23px;
		top: 22px;
		background: url('../images/icons.png') no-repeat right -119px;
		height: 20px;
		padding-right: 25px;
		line-height: 1.7;
	}

	/******************************************************************************
	** Aside
	*******************************************************************************/
	div#aside div#donation,
	div#aside div#altFocus,
	div#aside div#infoSection,
	div#events,
	div#promo {
		width: 100%;
		margin: 1em 0;
		float: left;
	}

	.newsletter div#events {
		margin: 0;
	}

	div#aside div.ctaBox {
		margin: 0 0 1em 0;
	}

	div#infoSection .content h2,
	div#infoSection .content p {
		width: auto;
	}

	div#infoSection div.content {
		border: 2px solid #FFF;
		padding: 0 15px 1em 15px;
	}

		div#promo .content {
			padding: 0 0 0 13px;
			height: 90px;
		}

		div#promo .content p {
			width: auto;
			padding: 0 80px 0 0;
		}

		div#promo img {
			position: absolute;
			bottom: 0;
			right: 0;
		}

		div#promo {
			position: relative;
			overflow: hidden;
			clear: left;
			height: 116px;
			margin-top: 0;
		}
			#promo .slide {
				position: absolute;
				display: none;
				top: 0;
				left: 0;
				width: 285px;
			}

			#promo .current {
				display: block;
			}
	div#events {
		clear: left;
	}
	div#events h2 {
		background: #03BDF1 url('../images/icons.png') no-repeat 96% -110px;;
		color: #FFF;
		padding: 10px 15px;
		font-size: 2em;
		margin: 0;
	}

	div#events h2 a {
		color: #FFF;
		display: block;
	}

	dl.eventCalendar {
		float: left;
		background: #F5FCFE;
		width: 281px;
		border: 2px solid #FFF;
		overflow: hidden;
	}

	div#limelight dl.eventCalendar {
		display: inline;
		width: 580px
	}

	dl.eventCalendar dt,
	dl.eventCalendar dd {
		background:  url('../images/shadow.png') repeat-x left bottom;
		height:72px;
	}

	dl.eventCalendar dt {
		float: left;
		clear: left;
		padding: 0 15px;
	}
		dl.eventCalendar dt span {
			font-size: 3em;
			font-weight: bold;
			display: block;
			line-height: 1.4;
		}

		dl.eventCalendar dt p {
			text-align: center;
			font-size: 1.5em;
			margin: -6px 0 0 0;
			padding: 0;
		}

		div#limelight dl.eventCalendar dt {
			width: 40px
		}

	dl.eventCalendar dd {
		float: left;
		display: block;
		line-height:1;
		width: 215px;
	}

		div#limelight dl.eventCalendar dd {
			width: 509px
		}

		dl.eventCalendar h4 {
			margin-bottom: 0;
		}

		div#limelight dl.eventCalendar h4 {
			font-size: 1.7em;
		}

		dl.eventCalendar dd a {
			text-decoration: underline;
		}

		dl.eventCalendar dd p,
		dl.eventCalendar dd ul.related .link a {
			background: url('../images/icons.png') no-repeat right top;
			line-height: 20px;
			display: block;
			margin: 0 5px 0 0;
		}

		dl.eventCalendar dd ul.related .link a {
			text-indent: -1000em;
			width: 20px;
			height: 20px;
		}

		dl.eventCalendar dd ul.related .link {
			margin: 0 0 0 5px;
			top: -5px;
			position: relative;
		}

		dl.eventCalendar dd p a {
			text-decoration: none;
			color: #545454;
			display: block;
			overflow: hidden;
			padding: 0 20px 0 0;
		}

		dl.eventCalendar dd ul.related {
			margin: 0 17px 0 0;
		}

	address {
		clear: both;
		display: block;
		font-style: normal;
	}

	div.listFooter address p {
		padding: 0;
		margin: 0;
	}

	/*
	**	Breadcrumbs		**
	*/
	div#breadcrumbs {
		background: #034e85;
		height: 3.1em;
		clear: both;
	}

	div.breadcrumbs ul {
		width: 940px;
		margin: 0 auto;
		display: block;
		line-height: 3em;
	}

	div.breadcrumbs ul li {
		color: #bbd8e5;
		font-weight: bold;
		display: inline;
		padding: 0 5px 0 0;
	}

	div.breadcrumbs a {
		color: #bbd8e5;
		font-weight: bold;
		font-size: 1.1em;
	}

	div.breadcrumbs a:hover {
		color: #FFF;
	}

	div.breadcrumbs a.top {
		text-align: right;
		margin: -2em auto;
		width: 940px;
		display: block;
	}

	/******************************************************************************
	** Corners oh Joy
	*******************************************************************************/
	div.lower .boxFooter {
		margin: 0;
		padding: 0 0 0 7px;
		background: url('../images/ctaBottom.png') bottom left no-repeat;
	}

	div.lower .boxFooter a,
	div.lower .boxFooter div {
		display: block;
		padding: 0 7px 0 0;
		background: url('../images/ctaBottomR.png') bottom right no-repeat;
		margin: 0;
	}

	div.lower .boxFooter div {
		line-height: 2;
		height: 2.4em;
	}

	/******************************************************************************
	** Button Style
	*******************************************************************************/

	a.button {
		background: url('../images/button.png') no-repeat bottom left;
		height: 32px;
		line-height: 32px;
		width: 100px;
		cursor: pointer;
		clear: left;
		display: inline-block;
		margin: 0 0 1em;
	}

	div#limelight div.content a.button {
		text-decoration: none;
	}

	a.button.medium {
		width: 135px;
	}

	a.button.large {
		width: 250px;
	}

	a.button span {
		background: url('../images/buttonR.png') no-repeat bottom right;
		margin: 0 8px 0 8px;
		display: block;
		text-indent: -8px;
		text-align: center;
		color: #FFF;
		font-size: 1.2em;
		cursor: pointer;
	}

	a.button:hover span {
		text-decoration: underline;
	}

/******************************************************************************
**	Footer
*******************************************************************************/
#footerWrap {
	border-top: 1px solid #0A7AAA;
	background: #50B5C4 url('../images/footerWrapBackground.png') repeat-x center top;
	z-index: -1;
	width: 100%;
	clear: both;
}

#footer {
	clear: both;
	color: #bbd8e5;
	padding: 0 0 2em 18px;
	background: transparent url('../images/footerBackground.png') no-repeat right top;
}

#footer hr {
	clear: both;
	border: 1px solid #50B5C4;
}

#footerWrap #footer.section {
	width: 960px;
}

#footer h5,
#footer h5 a,
#footer a {
	color: #bbd8e5;
}

#footer ul {
	margin: .5em 0 1.5em 0;
}

#footer div.column {
	float: left;
	margin: 2.5em 2.5em 2.5em 0;
	width: 140px;
}

#footer div.column.wide {
	width: 220px;
}

#footer div.column.static {
	margin-right: 0;
}

#footer div.column.static ul {
	margin: .5em 0 0 0;
}

#footer div ul li.selected a {
	font-weight: bold;
}

#footer #hopewell {
	display: block;
	width: 170px;
	height: 200px;
	text-indent: -1000em;
	margin: 5px 0 0 0px;
	position: absolute;
	right: 0;
	top: 65px;
}

/******************************************************************************
** Pagination
*******************************************************************************/
ul.pagination {
	display: block;
	text-align: center;
    margin: 2em 0 2em 0;
	clear: both;
}

ul.pagination li {
    list-style-type: none;
    display: inline;
}

ul.pagination li a {
    padding: 2px 5px;
    margin-right: 3px;
	color: #024d84;
}

ul.pagination li span {
    float: left;
    margin-right: 4px;
}

ul.pagination li span.first {
    margin-right: 4px;
}

ul.pagination li a.page:hover {
    text-decoration: none;
    color: #000;
}

ul.pagination li.selected a.page {
	background: #024D83;
	color: #FFF;
}

ul.pagination li.disabled a {
    color: #ddd;
    cursor: default;
}

/*--------------------------------------------------------------------
	Fix HolidaysForAGoodCause
--------------------------------------------------------------------*/
	#searchForm * {
		vertical-align: bottom;
	}