﻿*{
	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-size:12pt;
	line-height:14pt;
	margin:10px 2px;
}

table{
	margin:auto;
}

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

.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:#cccccc;
}

.white{
	background-color:#ffffff;
}
/* --- Main Elements ------------------------------------------------------------------------- */

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

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

#churchLogo{
	float:left;
	margin:3px;
}

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

#pagecontent{
	background-color:#ffffff;
	width:750px;
	margin:auto;
	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:2px;
	margin-left:156px;
	padding:5px 1px;
	width:446px;
}

#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;
}

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

/* --- Text Settings -------------------------------------------------------------------------- */

.middle{
	text-align:center;
}

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

/* --- Image settings -------------------------------------------------------------------------- */

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

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

.imgLeft{
	float:left;
}

.imgRight{
	float:right;
}

.Rocky{
	/*float:right;*/
	vertical-align:top;
	width:25%;
}

/* --- Navigation tabs ------------------------------------------------------------------------- */

#navbar li{
	position:relative;
	float:left;
	width:121px;
	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:425px;
}

#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
}