﻿*{
	margin:0;
	padding:0;
}

html{
	font-size:100%;
}

body{
	font-family:Calibri;
	background-color:#cccccc;
}

li{
	padding:2px 25px;
	list-style:none;
}

ol{
	list-style-position:inside;
}

p {
	font-family:Calibri;
	font-size:12pt;
	line-height:14pt;
	margin:10px 2px;
}

table{
	margin:auto;
}

td{
	margin:3px;
	padding:4px;
	text-align:left;
}

hr{
	clear:both;
	width:2px;
}

.blueLinks a, .blueLinks a:visited{
	color:#0000FF;
}

.BoldBorder{
	border:4px #FF3300 outset;
}

.BoldBorder h3{
	margin:5px;
	font-size:24pt
}

.BoldBorder p{
	font-size:12pt;
	margin:20px 0;
	padding:5px
}

.cafe{
	font-family:"Comic Sans MS";
	text-align:center;
	color:#CC0066;
}

.cafe h1{
	font-size:24pt;
}

.cafe .large{
	font-size:18pt;
}

.cafe p{
	margin:15px;
}

.golf{
	font-size:14pt;
	line-height:16pt;
}

.picnic{
	font-family:Calibri;
	font-size:16pt;
	text-align:center;
}

.picnic h1{
	color:#FF99FF;
	font-family:"Comic Sans MS";
	font-size:24pt;
}

.picnic h2{
	font-size:20pt;
	font-weight:bold;
}
.grey{
	background-color:#c0c0c0;
}

.white{
	background-color:#ffffff;
}

.PopUp{
	background-color:aqua;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	border:2px #999999 outset;
}

.SmallCentreBox{
	width:300px;
	border:2px solid #000000;
	margin:5px auto;
	text-align:center;	
}

/* --- Main Elements ------------------------------------------------------------------------- */

#wrapper{
	margin:15px auto;
	width:760px;
	background-color:#ffffff;
}

#masthead{
	background-color:#ffffff;
	padding:5px;
	padding-top:15px;
	border-bottom:2px ridge #c0c0c0;
}

#navbar{
	margin:0;
	background-color:#ffffff;
	color:#ffffff;
	padding:5px;
	text-align:center;
	height:35px;
}

#pagecontent{
	margin:0;
	background-color:#ffffff;
	padding:0 5px;
}

#footer{
	clear:both;
	background-color:#99CCFF;
	text-align:center;
	padding:6px 3px;
}

#footer a{
	color:#0033CC
}
/* --- Set up home page columns --------------------------------------------------------------- */

#colLeft{
	width:150px;
	float:left;
}

#colLeft li{
	border:1px #000000 solid;
	margin:2px;
	padding:5px 1px;
	list-style:none;
	text-align:center;
}

#colMid{
	margin:auto;
	padding:5px 1px;
	width:425px;
}

#colRight{
	width:150px;
	float:right;
}

#colRight li{
	margin:2px;
	padding:5px 1px;
	list-style:none;
	text-align:center;
}

.NewsBox{
	margin:5px;
	padding:5px 2px;
	border:2px ridge #c0c0c0;
	text-align:center;
}

.NewsBoxSombre{
	margin:5px;
	padding:5px 2px;
	border:2px ridge #c0c0c0;
	text-align:center;
	background-color:#CCCCFF;
	font-family:"Times New Roman", Times, serif;
}

.NewsBox h2{
	font-size:20pt;
	font-weight:bold;
	background-color:#99ccff;
	margin-bottom:5px;
}

.NewsBox h3{
	font-size:16pt;
	font-weight:bold;
	background-color:#99ccff;
	margin-bottom:5px;

}
.NewsBox h4{
	font-size:12pt;
	font-weight:bold;
	background-color:#99ccff;
	margin-bottom:5px;
}

.outlineBox{
	border:2px #C0C0C0 solid;
}

#col2{
	width:48%;
	float:left;
}

#col3{
	width: 48%;
	float:right;
}

/* --- Diary settings */

#diary{
	text-align:center;
}

#diary tr{
	padding:5px;
}

#diary td{
	padding:10px 5px;
	width:150px;
	vertical-align:top
}

/* Narrow column items ------ */

#badminton{
	width:350px;
	margin:auto;
}

#badminton imgLeft{
	float:left;
}
/* --- Text Settings -------------------------------------------------------------------------- */

.middle{
	text-align:center;
}

.signature{
	font-family:"Lucida Calligraphy";
	font-size:14pt;
	text-align:right;
}

.indent{
	margin:0 25px;
}
/* --- Image settings -------------------------------------------------------------------------- */

#churchLogo{
	float:left;
	width:150px;
}

#mastheadPicRight{
	float:right;
	width:150px;
	text-align:center;
}

.imgLeft, .imgRight{
	width:200px;
	font-size:10pt;
	font-style:italic;
	text-align:center;
	margin:10px;
}

.imgLeftSmall, .imgRightSmall{
	width:150px;
	font-size:10pt;
	font-style:italic;
	text-align:center;
	margin:5px;
}

.imgPentecost{
	float:left;
	width:100px;
	text-align:center;
	margin:5px;
}

.imgLeft, .imgLeftSmall{
	float:left;
}

.imgRight, .imgRightSmall{
	float:right;
}

.ChritianAidImgLeft{
	float:left;
	width:300px;
	margin:20px;
}

.missionRescue{
	float:left;
	vertical-align:top;
	width:15%;
	margin-right:10px;
}

/* --- Navigation tabs ------------------------------------------------------------------------- */
li a:{
	color:#3399FF
}

li a:visited{
	color:#3399FF;
}

#navbar li{
	position:relative;
	float:left;
	width:105px;
	display:inline-block;
	margin:0px 1px;
	padding:0px;
	background-color:#99ccff;
	color:#000000;
}

#navbar ul li a:hover{
	width:121px;
	background-color:#99ccff;
	color:#FF0000;
}

#navbar li ul{
	position:absolute;
	left:-10000px;
}

#navbar li:hover ul{
	display:block;
	left:0px;
	font-size:11pt;
}

#navbar li a{
	width:119px;
	background-color:#99ccff;
	/*border:3px #0099FF outset;*/
	text-decoration:none;
}

#navbar li a:link, #navbar li a:visited{
	background-color:#99ccff;
	color:#000000;
	/*border:3px #0099FF outset;*/
	text-decoration:none;
}

#navbar li a:hover{
	background-color:#0099ff;
	color:#000000;
	/*border:3px #99ccff outset;*/
	text-decoration:none;
}

#navbar li a:active{
	background-color:#0099ff;
	/*border:3px #99ccff inset;*/
}

#navbar li li{
	margin:0;
	border:0;
	padding:0;
	width:119px;
	text-align:left;
}

#navbar li li a:link, #navbar li li a:visited{
	display:block;
	border:1px #000000 solid;
	background-color:#CC99FF;
	color:#ffffff;
}

#navbar li li a:hover{
	display:block;
	background-color:#00cc99;
	color:#000000;
}

#navbar li li a:active{
	border:0;
	background-color:#ff3300;
	color:#ffffff;
}

/* Miscellaneous Image Settings */

.junChurchLeft{
	width:30%;
	float:left;
	font-size:11px;
	font-style:italic;
	text-align:center;
	padding:2px;
}

.junChurchright{
	width:40%;
	float:right;
	font-size:11px;
	font-style:italic;
	text-align:center;
	padding:2px;
}

/* Settings for Regular Activities */

#RegAct{
	max-width:400px;
	margin:auto;
}

#RegAct td{
	background-color:#ffffff;
	text-align:center;
	/*border:1px #C0C0C0 solid;*/
}

#RegAct h3{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16pt;
	background-color:#CCCCFF
}

/* Table settings for Christingle */

.christingle td{
	vertical-align:top;
	border-bottom:1px #000000 dashed;
}

#quiz{
	width:450px;
	margin:auto;
	text-align:left;
}

#prayerBox{
	width:350px;
	margin:10px auto;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	border:4px #CC99FF dashed;
}

.MissionRescueLogo{
	float:left;
}

