/*

	
	
	CONTENTS ----------
	
	   1.BODY
	   2.KEY STRUCTURE
	   3.SITE ELEMENTS
	   4.TYPOGRAPHY
	   5.LISTS
	   6.LINKS
	   7.IMAGES
	  
    
    -------------------
    
	
*/

@import url(reset.css); /* RESET CSS */

/* 1.BODY
---------------------------------------------------------------------- */

body { font-family: "Verdana", Lucida, sans-serif; font-size:13px; line-height:16px; background: #fff url(../images/body-bg.jpg) no-repeat; padding-bottom: 20px; color:#fff;}

/* 2.KEY STRUCTURE
---------------------------------------------------------------------- */

#container {
width: 940px;
height: 100%;
margin: 0 auto 20px auto;
padding: 0;
background: #fff;
}

#masthead {
position: relative;
float: left;
width: 940px;
height: 100px;
margin: 0;
padding: 0;
background: #fff;
}

#masthead img {
float: left;
}

#links-list {
	color: #555555;
	margin-left: 12px;
}

#contact-info {
position: relative;
left: 190px;
top: 36px;
color: #555555;
font-weight: bold;
font-size: 12px;
line-height: 165%;
}

.image-box {
float: left;
height: 110px;
background: #555555;
margin: 15px 0 15px 15px;
}

#contact-info p {
margin: 0;
}

#top-image {
float: left;
width: 940px;
height: 185px;
margin: 14px 0 0 0;
background: transparent;
}

.image-float {
	float: left;
	margin: 10px 10px 20px 10px;
}

.image-float-alt {
	float: left;
	margin: 10px 16px 50px 10px;
}

.image-right {
	float: right;
	margin: 10px 0 20px 10px;
}

#left-column {
float: left;
width: 215px;
height: 470px;
margin: 14px 12px 0 10px;
border: 1px solid #ccc;
background: #fff url(../images/column-gradient.gif) top left repeat-x;
}

#left-column-new {
float: left;
width: 215px;
height: 485px;
margin: 14px 12px 0 10px;
border: 1px solid #ccc;
background: #fff url(../images/column-gradient.gif) top left repeat-x;
}



#mid-column-partnership {
float: left;
width: 460px;
height: 100%;
margin: 14px 12px 0 0;
background: #fff;
}

#mid-column-sport {
float: left;
width: 460px;
height: 100%;
margin: 14px 12px 0 0;
background: #fff;
}

#churches {
float: left;
width: 460px;
height: 100%;
margin: 14px 12px 0 0;
background: #fff;
}

#mid-column {
float: left;
width: 460px;
height: 100%;
margin: 14px 12px 0 0;
background: #fff;
}

#mid-column-gallery {
float: left;
width: 580px;
height: 100%;
margin: 14px 12px 0 0;
background: #fff;
}

#mid-column-event {
float: left;
width: 682px;
height: 100%;
margin: 20px 12px 0 0;
background: #fff;
padding-top: 20px;
}

.top-level {
background: #012257;
color: #fff;
}

.divider {
	height: 120px;
	width: 580px;
	border-bottom: 1px solid #cccccc;
	padding: 15px 0 30px 0;
}

.month {
background: #366fcc;
color: #fff;
}

.entry {
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #ccc;
}

.entry-alt {
	padding: 10px 2px 10px 2px;
	background: #eeeeee;
	border-top: 1px solid #ccc;
}

#events-table {
color: #555555;
font-size: 11px;
}

#right-column {
float: left;
width: 224px;
margin: 14px 0 0 0;
height: 100%;
background: #fff;
}

.agenda {
	margin: 0 0 5px 12px;
}

.boxed-link-a {
float: left;
background: #fff;	
width: 224px;
height: 89px;
margin-bottom: 20px;
}

.boxed-link-b {
float: left;
background: #fff;	
width: 224px;
height: 89px;
margin-left: 12px;
margin-bottom: 20px;
}

.boxed-link-c {
float: left;
background: #fff;	
width: 224px;
height: 89px;
margin-bottom: 20px;
}



.boxed-link-f {
float: left;
background: #fff;	
width: 224px;
height: 100%;
margin-bottom: 20px;
}

#enquiry-form {
	color: #555555;
	margin-left: 12px;
	margin-top: 20px;
	font-size: 12px;
}

#enquiry-form-home {
	color: #555555;
	margin-left: 12px;
	margin-top: 20px;
	font-size: 11px;
}

.submit-button {
	margin-top: 12px;
}

.boxed-link-d {
float: left;
background: #fff;	
width: 224px;
height: 158px;
margin-bottom: 20px;
}

.bold {
font-weight: bold;
}

.boxed-link-e {
float: left;
background: #fff;	
width: 224px;
height: 337px;
margin-bottom: 10px;
}

#right-column-block {
float: left;
width: 224px;
height: 365px;
margin: 14px 0 0 0;
background: #fff;
border: 1px solid #ccc;
color:#555;
}

#twitter-link {
text-align:left;
margin-left: 15px;
}

.clear {
clear: both;
}

#right-column-block ul li {
margin:15px;
font-size:12px;
}

.block {
float: left;
width: 430px;
padding-bottom: 20px;
margin: 14px 0 14px 12px;
background: #fff;
border-bottom: 1px solid #692dac;
}

#footer {
float: left;
width: 930px;
height: 60px;
margin: 12px 0 12px 10px;
padding: 0;
background: #fff;
border: 1px solid #ccc;
}

#footer img {
float: left;
margin: 0 8px 0 0;
}

/* 2.NAVIGATION
---------------------------------------------------------------------- */

#sddm
{	margin: 0 0 0 8px;
	padding: 0;
	z-index: 30;
	text-align: center;
	font-size: 11px;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	}
	

	
#sddm li.last a {
border-right: none;
}

#sddm li a
{	display: block;
	padding: 8px 0 0 8px;
	height: 21px;
	background: transparent;
	color: #444444;
	margin-top: -10px;
	text-align: center;
	text-decoration: none;
	border-left: 5px solid #fff;
	}
	
#sddm li.home a {	
border-left: 5px solid #007BC4;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.vision a {	
border-left: 5px solid #fdbf0c;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}
	
#sddm li.about a {	
border-left: 5px solid #40b1ab;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.business a {	
border-left: 5px solid #b2001b;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.schools a {	
border-left: 5px solid #652eae;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.shopping a {	
border-left: 5px solid #d85914;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.clubs a {	
border-left: 5px solid #679e38;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.transport a {	
border-left: 5px solid #7b61ab;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.whatson a {	
border-left: 5px solid #012257;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm li.contact a {	
border-left: 5px solid #610220;
display: block;
padding: 8px 0 2px 8px;
height: 19px;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 6px 0 0 0;
	padding: 0;
	background: #007BC4;
	color: #fff;
	text-align: left;
	font-size: 9px;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-left: 10px;
		width: 152px;
		padding: 8px 0 8px 0;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #007BC4;
		color: #fff;
		font-size: 9px;
		border-right: none;
		border-bottom: 1px solid #fff;
		}

	#sddm div a:hover
	{	background: #fff;
		color: #007BC4;
		}


#navigation {
float: left;
width: 930px;
padding-left: 10px;
padding-bottom: 10px;
height: 21px;
background: url(../images/navigational-gradient.gif) top left repeat;
}



#navigation li {
color: #555;
font-weight: bold; 
display: inline;
text-transform: uppercase;
font-size: 9px;
padding: 11px 8px 7px 5px;
margin-left: -3px;
}

.liftshare-image {
	margin-top: 20px;
}

#list {
color: #555555;
font-size: 12px;
margin-left: 12px;
margin-top: 20px;
}

#list-bullet {
color: #555555;
font-size: 12px;
margin-left: 12px;
margin-top: 20px;
}

.news-title {
	font-size: 12px;
	color: #007bc4;
	margin: 8px 0 0 12px;
	text-decoration: underline;
}

#list-bullet li {
color: #555555;
font-size: 12px;
margin-left: 12px;
margin-top: 20px;
list-style-type: disc;
}

#names {
color: #555555;
font-size: 12px;
margin-left: 12px;
margin-top: 20px;
}

.board {
color: #555555;
font-size: 12px;
margin-left: 12px;
margin-top: 20px;
}

#list li {
color: #555555;
font-size: 11px;
margin: 5px 0 5px 0;
}

#names li {
color: #555555;
font-size: 12px;
margin: 5px 0 5px 0;
}

.board li {
color: #555555;
font-size: 12px;
margin: 0;
padding-bottom: 5px;
}

.board-box {
margin-bottom: 25px;
}



/* 3.TYPOGRAPHY
---------------------------------------------------------------------- */

h2.block-title {
background: #007bc4;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

a:link {
color: #007bc4;
}

a:visited {
color: #007bc4;
}

a:hover {
color: #007bc4;
}

a:active {
font-weight: bold;
}

h2.block-title-yellow {
background: #ffbd00;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-teal {
background: #40b1ab;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-red {
background: #b2001b;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-purple {
background: #692dac;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-orange {
background: #d85914;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-green {
background: #679e38;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}

h2.block-title-lightpurple {
background: #7b61ab;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}


h2.block-title-darkblue {
background: #012257;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}


h2.block-title-darkred {
background: #610220;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 203px;
margin: 0;
}


h2.block-title-alt {
background: #007bc4;
font-size: 11px;
color: #fff;
text-transform: uppercase;
text-align: left;
font-weight: bold;
padding: 5px 0 3px 12px;
width: 212px;
margin: 0;
}

h2 {
color: #007bc4;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h2.yellow {
color: #ffbd00;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.yellow {
color: #ffbd00;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h4.yellow-small {
color: #ffbd00;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 20px 12px 12px 0;
}

h2.purple {
color: #692dac;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.purple {
color: #692dac;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.teal {
color: #40b1ab;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

.teal-alt {
color: #40b1ab;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 15px 12px 4px 25px;
padding-top: 10px;
}

h3.teal {
color: #40b1ab;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.red {
color: #b2001b;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.red {
color: #b2001b;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.orange {
color: #d85914;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.orange {
color: #d85914;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.green {
color: #679e38;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.green {
color: #679e38;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.lightpurple {
color: #7b61ab;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.lightpurple {
color: #7b61ab;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h2.darkblue {
color: #012257;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.darkblue {
color: #012257;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

h4 {
color: #012257;
font-weight: bold;
font-size: 11px;
letter-spacing: -1px;
margin: 20px 12px 12px 12px;
text-transform: none;
}

h2.darkred {
color: #610220;
font-weight: bold;
font-size: 17px;
letter-spacing: -1px;
margin: 0 12px 12px 12px;
}

h3.darkred {
color: #610220;
font-weight: bold;
font-size: 14px;
letter-spacing: -1px;
margin: 0 12px 12px 0;
}

p {
font-size: 12px;
color: #555555;
margin: 12px 12px 12px 12px;
line-height: 150%;
}



p.bold {
font-size: 12px;
color: #555555;
margin: 12px 12px 12px 12px;
line-height: 150%;
font-weight: bold;
}

p.school-info {
font-size: 12px;
color: #333;
margin: 0;
line-height: 150%;
}

#left-column p {
font-size: 11px;
color: #555555;
margin: 12px 12px 12px 12px;
line-height: 140%;
}

/* 4.IMAGES
---------------------------------------------------------------------- */

.float-image {
float: right;
margin: 12px;
}

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: "" "";
}
input { vertical-align:middle; }
img { display:block; }