/* CSS Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! 
:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End CSS Reset */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #333;
	background-color: #fff;
	text-align: center;
}

#wrapper {
	width: 930px;
	height: 550px;
	margin: 16px auto 0 auto;
	position: relative;
	top: 0;
	left: 0;
	background: transparent url(../images/main-bg.png) center center no-repeat;
}

a:link, a:visited {
	color: #121c87;
	text-decoration: none;
}
a:hover, a:active {
	color: #101743;
	text-decoration: underline;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
p {
	margin-bottom: 1.2em;
}
ul {
 	list-style: disc;
	margin-bottom: 1.2em;
}
ul li {
	margin-left: 1.3em;
}

/* Navigation */
#navigation {
	list-style: none;
	width: 930px;
	height: 56px;
	position: relative;
	top: 0;
	left: 0;
}
#navigation li {
	margin: 0;
}
#navigation li.home,
#navigation li.about-us,
#navigation li.people,
#navigation li.whats-happening,
#navigation li.new-here,
#navigation li.contact {
	position: absolute;
	bottom: 0;
	display: block;
	overflow: hidden;
}
#navigation li.home {
	left: 51px;
	height: 27px;
}
#navigation li.about-us {
	left: 164px;
	height: 31px;
}
#navigation li.people {
	left: 321px;
	height: 30px;
}
#navigation li.whats-happening {
	left: 442px;
	height: 30px;
}
#navigation li.new-here {
	left: 649px;
	height: 30px;
}
#navigation li.contact {
	left: 790px;
	height: 29px;
}
/* EO Navigation */

h1 {
	width: 888px;
	height: 40px;
	position: absolute;
	z-index: 100;
	top: 86px;
	left: 20px;
	text-align: center;
	color: #58595b;
	font-weight: normal;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0.8em;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

/* Pages */
#page-welcome,
#page-about-animation,
#page-about-info {
	width: 849px;
	height: 338px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	left: 40px;
	background: transparent url(../images/page-welcome-bg.png) center center no-repeat;
}
#page-about-animation {
	background: transparent;
}
#page-about-animation p.no-flash {
	text-align: center;
	margin-top: 150px;
}
#page-about-info {
	background: transparent url(../images/about-page-2-bg.png) center center no-repeat;
}
#about-page-2-introduction {
	position: absolute;
	top: 15px;
	left: 21px;
}
#about-page-2-main-image {
	position: absolute;
	top: 12px;
	left: 224px;
}
#about-page-2-small-image-1 {
	position: absolute;
	top: 13px;
	right: 13px;
}
#about-page-2-small-image-2 {
	position: absolute;
	top: 174px;
	right: 13px;
}
#about-page-2-main-text {
	position: absolute;
	width: 220px;
	height: 315px;
	top: 11px;
	left: 420px;
	text-align: left;
	color: #121c87;
	font-size: 12px;
	line-height: 1.1em;
}
#about-page-2-main-image-caption,
#about-page-2-small-image-1-caption,
#about-page-2-small-image-2-caption {
	font-size: 14px;
	width: 180px;
	text-align: center;
	color: #121c87;
	position: absolute;
}
#about-page-2-main-image-caption {
	top: 296px;
	left: 224px;
}
#about-page-2-small-image-1-caption {
	top: 130px;
	right: 13px;
}
#about-page-2-small-image-2-caption {
	top: 296px;
	right: 13px;
}

#page-people {
	overflow: hidden;
	position: absolute;
	top: 120px;
	background: transparent url(../images/page-people-bg.png) center center no-repeat;
	left: 1px;
	width: 928px;
	height: 338px;
}
#page-content {
	width: 849px;
	height: 338px;
	position: absolute;
	top: 120px;
	left: 40px;
	overflow: auto;
	text-align: left;
	color: #58595b;
}
#page-content-inner {
	margin: 10px;
	overflow: hidden;
}
#page-content-inner h3 {
/* 	color: #6884b0; */
/* 	color: #0096ff; */
	font-size: 14px;
}
#page-content-inner a:link, #page-content-inner a:visited,
h1 a:link, h1 a:visited {
	font-weight: bold;
	color: #0096ff;
}
#page-content-inner a:hover, #page-content-inner a:active,
h1 a:hover, h1 a:active {
	font-weight: bold;
	color: #0096ff;
}

#page-find-us,
#page-contact {
	overflow: hidden;
	position: absolute;
	top: 120px;
	left: 40px;
	width: 849px;
	height: 338px;
	text-align: left;
	background: transparent url(../images/page-bg.png) center center no-repeat;
	font-size: 13px;
	color: #58595b;
}

a.page-welcome-whats-happening {
	display: block;
	position: absolute;
	top: 191px;
	left: 666px;
	z-index: 100;
	width: 116px;
	height: 100px;
}
a#page-welcome-global-compassion,
a#page-welcome-coc {
	display: block;
	position: absolute;
	right: 1px;
	top: 133px;
	z-index: 300;
}
a#page-welcome-coc {
	top: 225px;
}
/*
a.page-welcome-latest-news-item {
	display: block;
	position: absolute;
	top: 68px;
	left: 409px;
	z-index: 1;
	width: 280px;
	height: 191px;
}
*/
#page-welcome ul#latest-news-items {
	position: absolute;
	top: 68px;
	left: 409px;
	z-index: 1;
	width: 280px;
	height: 191px;
	overflow: hidden;
	list-style: none;
}
ul#latest-news-items li {
	width: 280px;
	height: 191px;
	margin: 0;
	padding: 0;
}

p#page-find-us-contact-details {
	position: absolute;
	top: 43px;
	left: 99px;
	color: #121c87;
}

img#page-find-us-how {
	position: absolute;
	top: 142px;
	left: 297px;
}
div#page-find-us-by-car-by-train-by-air {
	position: absolute;
	top: 176px;
	left: 300px;
	width: 500px;
	font-size: 12px;
}
div#page-find-us-by-car-by-train-by-air p {
	margin-bottom: 0.6em;
}
img#page-find-us-map {
	position: absolute;
	top: 124px;
	left: 78px;
}
a#page-find-us-email {
	position: absolute;
	overflow: hidden;
	width: 175px;
	height: 135px;
	display: block;
	top: 30px;
	left: 578px;
}

a#page-contact-find-us {
	position: absolute;
	overflow: hidden;
	width: 187px;
	height: 147px;
	display: block;
	top: 28px;
	left: 570px;
}
#page-contact label.page-contact-name {
	width: 100px;
	text-align: right;
	position: absolute;
	top: 36px;
	left: 94px;
}
#page-contact input#name {
	width: 150px;
	position: absolute;
	right: 494px;
	top: 36px;
}
#page-contact label.page-contact-email {
	width: 100px;
	text-align: right;
	position: absolute;
	top: 70px;
	left: 94px;
}
#page-contact input#email {
	width: 150px;
	position: absolute;
	right: 494px;
	top: 70px;
}
#page-contact label.page-contact-message {
	width: 100px;
	text-align: right;
	position: absolute;
	left: 94px;
	top: 104px;
}
#page-contact textarea#message {
	width: 329px;
	height: 100px;
	position: absolute;
	right: 319px;
	top: 106px;
}

#page-contact p.checkboxes {
	position: absolute;
	top: 210px;
	left: 194px;
	width: 500px;
}
#page-contact p.checkboxes input {
	margin: 0 2em 0 0.6em;
}

#page-contact input#page-contact-send-mail {
	width: 125px;
	height: 25px;
	position: absolute;
	right: 319px;
	bottom: 48px;
}
#page-contact p#page-contact-thanks {
	position: absolute;
	width: 461px;
	top: 145px;
	right: 320px;
	text-align: right;
}
#page-contact a#page-contact-write-another-email {
	position: absolute;
	overflow: hidden;
	width: 177px;
	height: 31px;
	display: block;
	right: 79px;
	bottom: 59px;
}

/* EO Pages */

/* People */
#page-people ul.people {
	list-style: none;
	width: 902px;
	height: 280px;
	position: absolute;
	overflow: hidden;
	top: 16px;
	left: 13px;
}
#page-people ul.people li {
	margin: 0;
	width: 157px;
	height: 268px;
	position: absolute;
	top: 6px;
	overflow: hidden;
	text-align: left;
	color: #121c87;
	line-height: 15px;
	font-size: 12px;
}
#page-people ul.people li#person-1 {
	left: 6px;
}
#page-people ul.people li#person-2 {
	left: 190px;
}
#page-people ul.people li#person-3 {
	left: 374px;
}
#page-people ul.people li#person-4 {
	left: 556px;
}
#page-people ul.people li#person-5 {
	left: 739px;
}

#page-people ul.people li h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 2px 10px 2px;
}
#page-people ul.people li p {
	margin: 0 2px 10px 2px;
}
#page-people ul.people li img.person-photo {
	width: 155px;
	height: 107px;
	display: block;
	overflow: hidden;
	border: 1px solid #58595b;
	margin-bottom: 12px;
}

#page-people ul.pagination,
#page-happening ul.pagination {
	width: 822px;
	position: absolute;
	left: 46px;
	top: 308px;
	overflow: hidden;
	color: #121c87;
}
#page-happening ul.pagination {
	width: 590px;
	left: 171px;
	top: 383px;
}
#page-people ul.pagination li,
#page-happening ul.pagination li {
	float: left;
	position: relative;
	display: inline;
	margin: 0 0 0 10px;
}
#page-people ul.pagination li.active,
#page-people ul.pagination li.next,
#page-people ul.pagination li.previous,
#page-happening ul.pagination li.active,
#page-happening ul.pagination li.next,
#page-happening ul.pagination li.previous,
ul.pagination-min li.active,
ul.pagination-min li.next,
ul.pagination-min li.previous {
	font-size: 20px;
}
#page-people ul.pagination li.next,
#page-people ul.pagination li.previous,
#page-happening ul.pagination li.next,
#page-happening ul.pagination li.previous,
ul.pagination-min li.next,
ul.pagination-min li.previous {
	float: right;
	margin: 0;
}
#page-people ul.pagination li.next,
#page-happening ul.pagination li.next {
	margin-left: 30px;
}

ul.pagination-min {
	width: 100px;
	color: #121c87;
}
ul.pagination-min li {
	position: relative;
	display: inline;
	margin: 0 0 0 10px;
}
ul.pagination-min li.next {
	margin-left: 20px;
}


	
/* EO People */

#page-happening {
	width: 888px;
	height: 455px;
	overflow: hidden;
	position: absolute;
	top: 73px;
	left: 20px;
	background: transparent url(../images/page-happening-bg.png) top left no-repeat;
}
.page-happening-inner {
	width: 638px;
	height: 303px;
	overflow: auto;
	position: absolute;
	top: 85px;
	left: 183px;
}

#ministrations {
	width: 888px;
	height: 455px;
	overflow: hidden;
	position: absolute;
	top: 73px;
	left: 20px;
	background: transparent url(../images/page-happening-bg.png) top left no-repeat;
}

#ministrations-iframe {
	width: 600px;
	height: 300px;
	overflow: auto;
	position: absolute;
	top: 85px;
	left: 200px;
}


#happening-gallery-hub-photos,
#happening-videos-hub-videos {
	position: absolute;
	right: 75px;
	top: 84px;
}
#happening-gallery-hub-photos {
	right: 70px;
}
div#happening-gallery-frame,
div#happening-video-frame {
	width: 517px;
	height: 289px;
	overflow: hidden;
	position: absolute;
	top: 84px;
	left: 182px;
	background: transparent url(../images/page-happening-gallery-frame.png) center center no-repeat;
}
div#happening-gallery-photo,
div#happening-video {
	width: 505px;
	height: 276px;
	overflow: hidden;
	text-align: left;
	position: absolute;
	left: 6px;
	top: 6px;
}
div#happening-gallery-photo img {
	display: inline;
	width: 505px;
	height: 276px;
}
p#happening-gallery-photo-caption,
p#happening-gallery-archive,
p#happening-video-caption,
p#happening-video-archive {
	color: #0096ff;
	position: absolute;
	right: 68px;
	top: 233px;
	width: 107px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
p#happening-gallery-photo-caption,
p#happening-video-caption {
	color: #58595b;
	top: 115px;
}
p#happening-gallery-archive a:link,
p#happening-gallery-archive a:visited,
p#happening-gallery-archive a:hover,
p#happening-gallery-archive a:active,
p#happening-video-archive a:link,
p#happening-video-archive a:visited,
p#happening-video-archive a:hover,
p#happening-video-archive a:active {
	color: #0096ff;
	text-decoration: underline;
}

a#page-happening-gallery-click-here-for-videos-image,
a#page-happening-videos-click-here-for-photos-image {
	position: absolute;
	right: 55px;
	top: 270px;
}

/* Polaroids */
ul#polaroids {
	position: absolute;
	top: 47px;
	right: 19px;
	z-index: 1;
	width: 321px;
	height: 389px;
	overflow: hidden;
	list-style: none;
}
ul#polaroids li {
	width: 321px;
	height: 389px;
	margin: 0;
	padding: 0;
}
div#this-month-text {
	position: absolute;
	top: 84px;
	left: 180px;
	width: 407px;
	height: 309px;
	z-index: 2;
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
	color: #58595b;
}
div#this-month-text h2 {
	font-size: 14px;
	line-height: 1.4em;
}

/* Kids */
#happening-kids-gallery-main-text {
	position: absolute;
	width: 370px;
	top: 87px;
	left: 388px;
	font-size: 12px;
	text-align: left;
	line-height: 13px;
}
#happening-kids-gallery-main-text h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}
#happening-kids-gallery-left {
	position: absolute;
	top: 80px;
	left: 178px;
}
div#happening-kids-gallery-frame {
	width: 389px;
	height: 212px;
	overflow: hidden;
	position: absolute;
	top: 217px;
	left: 378px;
	background: transparent url(../images/page-kids-gallery-frame.gif) center center no-repeat;
}
div#happening-kids-gallery-frame img {
	position: absolute;
	top: 8px;
	left: 9px;
	width: 371px;
	height: 196px;
}
div.happening-kids-gallery ul.pagination-min {
	position: absolute;
	top: 374px;
	left: 256px;
}
span#happening-kids-gallery-click-to-view-more {
	position: absolute;
	top: 374px;
	left: 183px;
	font-size: 12px;
}

div#happening-kids-wall-top-text {
	width: 510px;
	position: absolute;
	left: 230px;
	top: 82px;
	font-weight: bold;
	text-align: center;
}
div#happening-kids-wall-left-text,
span#happening-kids-wall-click-below-to-view-more {
	position: absolute;
	width: 45px;
	top: 176px;
	left: 176px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
span#happening-kids-wall-click-below-to-view-more {
	top: 308px;
}
div.happening-kids-wall ul.pagination-min {
	position: absolute;
	top: 374px;
	left: 119px;
}
div#happening-kids-wall-frame {
	width: 517px;
	height: 289px;
	overflow: hidden;
	position: absolute;
	top: 112px;
	left: 227px;
	background: transparent url(../images/page-kids-wall-frame.png) center center no-repeat;
}
div#happening-kids-wall-photo {
	width: 505px;
	height: 276px;
	overflow: hidden;
	text-align: left;
	position: absolute;
	left: 6px;
	top: 6px;
}
div#happening-kids-wall-photo img {
	display: inline;
	width: 505px;
	height: 276px;
}

#happening-kids-hand-kids-church-image,
#happening-kids-wall-hand-kids-church-image {
	position: absolute;
	z-index: 200;
	right: 27px;
	top: 64px;
	width: 137px;
	height: 137px;
}
#happening-kids-bumble-bees-hand-kids-church-image {
	position: absolute;
	z-index: 200;
	right: 27px;
	top: 64px;
	width: 137px;
	height: 137px;
}
#happening-kids-hand-bumble-bees-image,
#happening-kids-wall-hand-bumble-bees-image {
	position: absolute;
	z-index: 200;
	right: 15px;
	top: 200px;
	width: 143px;
	height: 142px;
}
#happening-kids-bumble-bees-hand-bumble-bees-image {
	position: absolute;
	z-index: 200;
	right: 15px;
	top: 205px;
	width: 143px;
	height: 142px;
}
#happening-kids-hand-kids-wall-image,
#happening-kids-wall-hand-kids-wall-image {
	position: absolute;
	z-index: 200;
	right: 20px;
	top: 352px;
	width: 137px;
	height: 140px;
}
#happening-kids-bumble-bees-hand-kids-wall-image {
	position: absolute;
	z-index: 200;
	right: 20px;
	top: 352px;
	width: 137px;
	height: 140px;
}

#happening-kids-bumble-bees {
	position: absolute;
	z-index: 200;
	top: 47px;
	left: 166px;
	width: 674px;
	height: 364px;
	background: transparent url(../images/page-kids-bumble-bees-bg.png) center center no-repeat;
}
#happening-kids-bumble-bees-more-info {
	text-align: left;
	color: white;
	width: 563px;
	position: absolute;
	left: 34px;
	bottom: 2px;
}
#happening-kids-bumble-bees-more-info a:link,
#happening-kids-bumble-bees-more-info a:visited,
#happening-kids-bumble-bees-more-info a:hover,
#happening-kids-bumble-bees-more-info a:active {
	color: white;
	text-decoration: underline;
}
#happening-kids-bumble-bees-more-info a:hover,
#happening-kids-bumble-bees-more-info a:active {
	text-decoration: none;
}
/* End Kids */

/* Mission */
#happening-mission-home,
#happening-mission-language,
#happening-mission-gallery {
	position: absolute;
	z-index: 200;
	top: 68px;
	left: 164px;
	width: 677px;
	height: 343px;
	background: transparent url(../images/page-mission-home-bg.png) center center no-repeat;
	text-shadow: #000 0px 0px 1px;
}

#happening-mission-home-main-text {
	width: 441px;
	position: absolute;
	left: 220px;
	top: 16px;
	font-size: 12px;
	line-height: 14px;
	color: white;
	text-align: left;
}
#mission-home-photos {
	position: absolute;
	top: 143px;
	left: 409px;
	z-index: 1;
	width: 248px;
	height: 181px;
	overflow: hidden;
	list-style: none;
}
#mission-home-photos li {
	width: 248px;
	height: 181px;
	margin: 0;
	padding: 0;
}

#happening-mission-language {
	background-image: url(../images/page-mission-language-bg.png);
}
#happening-mission-language-phone-number {
	color: white;
	position: absolute;
	text-align: left;
	top: 290px;
	left: 290px;
	font-size: 20px;
}
#happening-mission-language-school-logo {
	position: absolute;
	top: 90px;
	left: 272px;
}

#happening-mission-gallery {
	background-image: url(../images/page-mission-gallery-bg.png);
}
#happening-mission-gallery-photo {
	position: absolute;
	left: 157px;
	top: 50px;
}
#happening-mission-menu-dark-mission-image,
#happening-mission-menu-dark-language-image,
#happening-mission-menu-dark-gallery-image,
#happening-mission-menu-orange-mission-image,
#happening-mission-menu-orange-language-image,
#happening-mission-menu-orange-gallery-image {
	position: absolute;
}
#happening-mission-menu-dark-mission-image,
#happening-mission-menu-orange-mission-image {
	left: 2px;
	top: 216px;
}
#happening-mission-menu-dark-language-image,
#happening-mission-menu-orange-language-image {
	left: 3px;
	top: 253px;
}
#happening-mission-menu-dark-gallery-image,
#happening-mission-menu-orange-gallery-image {
	left: 5px;
	top: 291px;
}

#happening-mission-gallery-click-to-view-more,
#happening-mission-gallery ul.pagination-min {
	text-align: right;
	width: 140px;
	position: absolute;
	font-size: 12px;
	top: 70px;
	left: 0;
	color: white;
}
#happening-mission-gallery-click-to-view-more {
	top: 40px;
}
#happening-mission-gallery ul.pagination-min a:link ,
#happening-mission-gallery ul.pagination-min a:visited {
	color: white;
}
#happening-mission-gallery-main-text {
	position: absolute;
	width: 500px;
	top: 16px;
	left: 152px;
	text-align: left;
}
/* End Mission */

/* Youth */
#happening-youth-menu {
	position: absolute;
	background: transparent url(../images/page-youth-menu-bg.png) 0 1px repeat-x;
	height: 30px;
	overflow: hidden;
	width: 888px;
	top: 9px;
	left: 0;
}
#happening-youth-menu-about-image,
#happening-youth-menu-events-image,
#happening-youth-menu-wall-image,
#happening-youth-menu-gallery-image {
	position: absolute;
}
#happening-youth-menu-about-image {
	top: 0;
	left: 248px;
}
#happening-youth-menu-events-image {
	top: 2px;
	left: 436px;
}
#happening-youth-menu-wall-image {
	top: 0;
	left: 556px;
}
#happening-youth-menu-gallery-image {
	top: 2px;
	left: 687px;
}

#happening-youth-gallery {
	position: absolute;
	top: 47px;
	left: 140px;
	width: 684px;
	height: 439px;
	background: transparent url(../images/page-youth-gallery-bg.gif) top left no-repeat;
}
#happening-youth-gallery-title {
	left: 178px;
	top: 32px;
	text-align: center;
	width: 500px;
	position: absolute;
}
#happening-youth-gallery-text {
	left: 37px;
	top: 131px;
	width: 121px;
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	text-align: left;
}
#happening-youth-gallery-photo {
	position: absolute;
	top: 66px;
	left: 173px;
	width: 505px;
	height: 276px;
}
#happening-youth-gallery-click-to-view-more {
	position: absolute;
	top: 261px;
	left: 116px;
	width: 45px;
	text-align: left;
	color: #121c87;
	font-size: 12px;
	line-height: 15px;
}
#happening-youth-gallery .pagination-min {
	position: absolute;
	text-align: right;
	width: 100px;
	top: 330px;
	left: 57px;
}

#happening-youth-events {
	position: absolute;
	top: 47px;
	left: 143px;
	width: 700px;
	height: 368px;
	background: transparent url(../images/page-youth-events-bg.png) top left no-repeat;
}
#happening-youth-events-text {
	left: 38px;
	top: 196px;
	width: 230px;
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	text-align: left;
	color: white;
}
#happening-youth-events img {
	position: absolute;
	top: 41px;
	left: 288px;
	width: 386px;
	height: 223px;
}
#happening-youth-event {
	position: absolute;
	width: 390px;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	left: 284px;
	top: 283px;
}
#happening-youth-event p {
	margin-bottom: 10px;
}
#happening-youth-events-click-to-view-more {
	position: absolute;
	top: 314px;
	left: 163px;
	width: 145px;
	text-align: left;
	color: white;
	font-size: 12px;
	line-height: 15px;
}
#happening-youth-events .pagination-min {
	position: absolute;
	text-align: right;
	width: 100px;
	top: 333px;
	left: 163px;
	color: white;
}
#happening-youth-events .pagination-min a:link ,
#happening-youth-events .pagination-min a:visited {
	color: white;
}

#happening-youth-about {
	position: absolute;
	top: 36px;
	left: 142px;
	width: 746px;
	height: 419px;
	background: transparent url(../images/page-youth-about-bg.png) top left no-repeat;
}
#happening-youth-about-text {
	left: 38px;
	top: 210px;
	width: 230px;
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	text-align: left;
	color: white;
}
#happening-youth-about-video {
	position: absolute;
	top: 87px;
	left: 334px;
	width: 320px;
	height: 227px;
}
#happening-youth-event {
	position: absolute;
	width: 390px;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	left: 284px;
	top: 283px;
}
#happening-youth-event p {
	margin-bottom: 8px;
}
#happening-youth-events-click-to-view-more {
	position: absolute;
	top: 314px;
	left: 163px;
	width: 145px;
	text-align: left;
	color: white;
	font-size: 12px;
	line-height: 15px;
}
#happening-youth-events .pagination-min {
	position: absolute;
	text-align: right;
	width: 100px;
	top: 333px;
	left: 163px;
	color: white;
}
#happening-youth-events .pagination-min a:link ,
#happening-youth-events .pagination-min a:visited {
	color: white;
}
/* End Youth */

/* Home Groups */
#happening-home-groups {
	position: absolute;
	top: 83px;
	left: 183px;
	width: 633px;
	height: 320px;
	background: transparent url(../images/page-home-groups-bg.gif) bottom right no-repeat;
}
#happening-home-groups-main-text {
	position: absolute;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
}
#happening-home-groups-main-image {
	position: absolute;
	width: 329px;
	height: 197px;
	top: 113px;
	left: 2px;
}
#happening-home-groups-side-text {
	position: absolute;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	top: 118px;
	left: 344px;
	width: 295px;
}
#happening-home-groups-main-text p,
#happening-home-groups-side-text p {
	margin-bottom: 8px;
}
/* End Home Groups */

/* Happening Menu */
#page-happening-menu {
	position: absolute;
	overflow: hidden;
	top: 204px;
	left: 53px;
	width: 102px;
	height: 292px;
	z-index: 200;
}
#page-happening-menu-youth-image,
#page-happening-menu-kids-image,
#page-happening-menu-mission-image,
#page-happening-menu-home-groups-image,
#page-happening-menu-events-image,
#page-happening-menu-gallery-image,
#page-happening-menu-calendar-image,
#page-happening-menu-links-image,
#page-happening-menu-this-month-image {
	position: absolute;
	right: 0;
}
#page-happening-menu-youth-image {
	top: 0;
}
#page-happening-menu-kids-image {
	top: 33px;
}
#page-happening-menu-mission-image {
	top: 66px;
}
#page-happening-menu-home-groups-image {
	top: 100px;
}
#page-happening-menu-events-image {
	top: 134px;
}
#page-happening-menu-gallery-image {
	top: 167px;
}
#page-happening-menu-calendar-image {
	top: 201px;
}
#page-happening-menu-links-image {
	top: 235px;
}
#page-happening-menu-this-month-image {
	top: 267px;
}
/* EO Happening Menu */

#happening-sign {
	position: absolute;
	top: 37px;
	left: 29px;
	width: 116px;
	height: 81px;
}

#calendar-switch-to-list-view,
#calendar-switch-to-month-view {
	position: absolute;
	bottom: 77px;
	right: 57px;
	width: 50px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
}
#calendar-switch-to-month-view {
	width: 60px;
	right: 72px;
	bottom: 102px;
}
img#calendar-current-year,
img#calendar-current-month {
	position: absolute;
	top: 80px;
	right: 94px;
	display: block;
}
img#calendar-current-month {
	top: 120px;
}

.page-happening-inner.links {
	font-size: 12px;
	line-height: 1.4em;
	color: #58595b;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
}
ul#links {
	overflow: hidden;
	width: 100%;
	list-style: none;
	padding: 0;
}
ul#links li {
	float: left;
	border: 1px solid #121c87;
	width: 158px;
	height: 244px;
	padding: 7px;
	margin: 0 27px 20px 0;
	text-align: left;
	overflow: hidden;
}
ul#links li img {
	width: 158px;
	margin-bottom: 7px;
}

div#events-text {
	width: 632px;
	position: absolute;
	left: 188px;
	top: 80px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	z-index: 100;
}
div#events-text p {
	margin-bottom: 6px;
}
div#events-list {
	width: 652px;
	height: 276px;
	position: absolute;
	top: 130px;
	left: 178px;
	background: transparent url(../images/page-events-bg.png) top center no-repeat;
}
div#events-list ul {
	list-style: none;
	text-align: left;
	width: 635px;
	height: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 8px;
	left: 9px;
}
div#events-list li {
	margin-left: 10px;
	overflow: hidden;
	padding: 10px 0;
	width: 605px;
	font-size: 12px;
	line-height: 14px;
}
div#events-list li img {
	border: 6px solid #0096ff;
	float: left;
	margin-right: 20px;
}

/* Footer */
#footer p {
	position: absolute;
	top: 486px;
	left: 126px;
	color: #58595b;
	font-size: 13px;
}
#footer a.find-us {
	display: block;
	overflow: hidden;
	width: 190px;
	height: 67px;
	position: absolute;
	bottom: 22px;
	right: 22px;
}
/* EO Footer */

/* Flash messages */
.flash-error-wide,
.flash-alert-wide,
.flash-info-wide,
.flash-success-wide {
	width: 100%;
	text-align: center;
}
.flash-error-wide {
	background-color: #d98773;
}
.flash-alert-wide {
	background-color: #e5d688;
}
.flash-info-wide {
	background-color: #8ea9cd;
}
.flash-success-wide {
	background-color: #9ecf97;
}
.flash-error,
.flash-alert,
.flash-info,
.flash-success {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.flash-error {
	background-color: #f1967f;
}
.flash-alert {
	background-color: #f7e791;
}
.flash-info {
	background-color: #99b6db;
}
.flash-success {
	background-color: #a7da9f;
}
.flash-error p,
.flash-alert p,
.flash-info p,
.flash-success p {
	background-repeat: no-repeat;
	background-position: 7px 50%;
	padding: 5px 5px 5px 28px;
	margin: 4px 0;
}
.flash-error p {
	color: #5c1a0f;
	background-image: url(../images/icons/exclamation.gif);
}
.flash-alert p {
	color: #894200;
	background-image: url(../images/icons/error.gif);
}
.flash-info p {
	color: #1a2b50;
	background-image: url(../images/icons/information.gif);
}
.flash-success p {
	color: #0d470b;
	background-image: url(../images/icons/accept.gif);
}
.flash-error .dismiss,
.flash-alert .dismiss,
.flash-info .dismiss,
.flash-success .dismiss {
	display: none;
	margin-left: 1em;
	text-transform: uppercase;
	font-size: 0.8em;
}
/* End Flash messages */


input.xlarge,
select.xlarge,
label.xlarge {
	width: 300px;
}
input.large,
select.large,
label.large {
	width: 250px;
}
input.medium,
select.medium,
label.medium {
	width: 150px;
}
input.small,
select.small,
label.small {
	width: 60px;
}
input.xsmall,
select.xsmall,
label.xsmall {
	width: 30px;
}
input.checkbox {
	width: 20px;
}
input.zero_to_five {
	width: 20px;
	float: left;
}
span.hint {
	margin-left: 1em;
	color: #bbb;
	font-size: 0.8em;
	position: relative;
	top: -1px;
}
span.required {
	color: red;
	margin-left: 0.1em;
}
label.required {
	position: relative;
	right: -0.6em;
}
.columns label {
	width: 150px;
}
label.zero_to_five {
	width: 18px;
	margin-right: 0px;
}
select {
	width: 250px;
}
textarea {
	width: 250px;
	height: 100px;
}
form p {
	margin: 0;
	padding: 6px;
	width: 100%;
	overflow: hidden;
}

/**
 * Custom Colours!
 */
.pink a:link, .pink a:visited, .pink a:hover, .pink a:active {
	color: #0096ff;
}
.pink, a.pink:link, a.pink:visited, a.pink:hover, a.pink:active,
.pink a.pink:link, .pink a.pink:visited, .pink a.pink:hover, .pink a.pink:active {
	color: #fb4695;
}
.light-blue a:link, .light-blue a:visited, .light-blue a:hover, .light-blue a:active {
	color: #121c87;
}
.light-blue, a.light-blue:link, a.light-blue:visited, a.light-blue:hover, a.light-blue:active,
.light-blue a.light-blue:link, .light-blue a.light-blue:visited, .light-blue a.light-blue:hover, .light-blue a.light-blue:active {
	color: #0096ff;
}
.dark-blue a:link, .dark-blue a:visited, .dark-blue a:hover, .dark-blue a:active {
	color: #0096ff;
}
.dark-blue, a.dark-blue:link, a.dark-blue:visited, a.dark-blue:hover, a.dark-blue:active,
.dark-blue a.dark-blue:link, .dark-blue a.dark-blue:visited, .dark-blue a.dark-blue:hover, .dark-blue a.dark-blue:active {
	color: #121c87;
}
.grey a:link, .grey a:visited, .grey a:hover, .grey a:active {
	color: #121c87;
}
.grey, a.grey:link, a.grey:visited, a.grey:hover, a.grey:active,
.grey a.grey:link, .grey a.grey:visited, .grey a.grey:hover, .grey a.grey:active {
	color: #58595b;
}
.white a:link, .white a:visited, .white a:hover, .white a:active {
	color: #0096ff;
}
.white, a.white:link, a.white:visited, a.white:hover, a.white:active,
.white a.white:link, .white a.white:visited, .white a.white:hover, .white a.white:active {
	color: white;
}
/**
 * End of Custom Colours!
 */