#wrap {padding: 0px; border: 0px; margin: 0px; background-color: #006666;}/* keep wrap background & font colour same so name variations in the coloured wrap seen only by search engines*/
h1{font: "Trebuchet MS", Arial, sans-serif; font-size: 1.75em;}
h2{font: "Trebuchet MS", Arial, sans-serif; font-size: 1.37em;}
h3{font: "Trebuchet MS", Arial, sans-serif; font-size: 1.25em;}
p {font: 1em "Palatino Linotype", "Times New Roman", serif; color: black;}
a:visited {color: purple;}
a:focus {color: orange;} /*selected and ready to be activated*/
a:hover {color: red; font-weight: bold;}/*mouse over potential link not pressed*/
a:active {color: green;}/*link activated*/
a:link {color: blue;}
#heading {width: 720px; position: relative; margin-left: 12px; margin-top: 0px; height: 112px; 
	background:url(titlebanner.jpg); background-repeat:no-repeat; z-index:4;} 
#pagetitlee {width:720px; height:60px; margin-left:12px; background:url(explore.jpg); background-repeat:no-repeat; 	vertical-align:bottom; color:#960008; position:relative; z-index:4;}
#pagetitleb {width:720px; height:60px; margin-left:12px; background:url(belong.jpg); background-repeat:no-repeat; 	vertical-align:bottom; color:#960008; position:relative; z-index:4;}
#pagetitlew {width:720px; height:60px; margin-left:12px; background:url(worship.jpg); background-repeat:no-repeat; 	vertical-align:bottom; color:#960008; position:relative; z-index:4;}
#pagetitleu {width:720px; height:60px; margin-left:12px; background:url(update.jpg); background-repeat:no-repeat; 	vertical-align:bottom; color:#960008; position:relative; z-index:4;}
#pagetitlea {width: 720px; height: 60px; margin-left: 12px; background: url(about.jpg); 
	background-repeat: no-repeat; vertical-align: bottom; color:#960008; position:relative; z-index:4;}
#sidebar {position: absolute; background-color: #e8e34c; vertical-align: top; margin-left: 740px; width: 250px; 	padding: 1%; z-index: 1;}
#clearsidebar {position: absolute; margin-left: 740px; width: 250px; top: 40px; padding: 1%; z-index: 1;}
.topnav {height: 35px;}
#navigate ul{margin-left: 18px; margin-top: 1px; padding: 0%; list-style: none;}
#navigate a{display: block; width: 10em; border: 0.2em outset #e6e100 #fff99d;
	margin-top: 0.2em; font: 0.8em "Trebuchet MS", Verdana, sans-serif; color: #960008; background-color: #e8e34c;}
#navigate a:hover{color: #e8e34c; font-weight: bold; background: blue;}
#navigate li{float: left; width: 9em; position: relative; z-index: 5;}
#navigate li ul{display: none; background-color: #006666;}/*to provide a background same as the wrap to the menu buttons */
#navigate li:hover ul{display: block; width: 9em; position: absolute; left: -24px; padding: 6px; z-index: 5;}
#main {position: relative; margin-top: 20px; margin-left: 12px; float: left; color: black; width: 720px; background-color: #ebf5fc; z-index: 4;}/*z-index must be lower than #navigate li: hover to keep menu on top*/
div.greeting {clear: left;}
#greeting {background-color: #ebf5fc; position: relative; padding: 2%; font: "Palatino Linotype", "Times New Roman", serif; color: black; z-index: 2;}
h1.bigblue {color: blue; line-height: 5%;}
h2.bigblue {color: blue; line-height: 5%;}
h3.bigblue {color: blue; line-height: 5%;}
h1.bigjade {color: #006666;}
h2.bigjade {color: #006666;}
h3.bigjade {color: #006666;}
p.alttext {font: 1.1em Arial, sans-serif; font-style: italic; font-weight: bold; color: #006666;}
#content {padding:1%; position: relative; left: 10px; z-index: 2; width: 690px;}
#contentclip {padding: 1%; position: relative; left: 10px; z-index: 1;}
#leftcontentbox {width: 230px; position: relative; background-color: #e8e34c; padding: 1%; z-index: 5;}
.right240 {margin-left: 250px; width: 445px;}
.right320 {margin-left: 330px; width: 365px;}
.right120 {margin-left: 130px; width: 565px;}
.right360 {margin-left: 370px; width: 325px;}
.photo240 {position: absolute; 	left: -243px;}
.photo120 {position: absolute; 	left: -123px;}
.photo360 {position: absolute; 	left: -363px;}
.clip320 {position: absolute; 	left: -323px;}
.caption240l {position: relative; left: -250px; top: 165px;		width:240px; 	padding:1%;}
.caption240p {position: relative; left: -250px; top: 330px; 	width:240px;}
.caption320l {position: relative; left: -330px; top: 240px;		width:310px; 	padding:1%;}
.caption360l {position: relative; left: -370px; top: 250px; 	width:360px;	padding:1%;}
.caption320p {position: relative; left: -330px; top: 450px; 	width:315px;}
.textbeside {position: relative; 		margin-top:-2.5em; 	width: 435px;}
.text2beside {position: relative; 		margin-top: -5em; 	width: 435px;}
.text3beside {position: relative; 		margin-top: -1.5em; 	width: 355px;}
.text4beside {position: relative; 		margin-top: -5em; 	width: 355px;}
.text5beside {position: relative; 		margin-top: -1.5em; 	width: 315px;}
.textbesidesmall {position: relative; 	margin-top: -2em; 	width: 555px;}
.besidetextbox {position: relative; 	margin-top: -9em; 	width: 430px; 	margin-left: 255px; 
	z-index: 5;}
#notice {position: relative; margin-top: 80%; background-color: transparent; padding: 1%;}
#notice p{font: 1em "Palatino Linotype", "Times New Roman", serif; color: white; margin-left: 740px;}