html {
  top: 0px;
  left: 0px;
  min-width: 760px; 
}

body {
  font-size: 12px;
  line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  background-image:  url(images/cpcbg2.gif);
  background-repeat: repeat-y;
  background-position: left top; 
}

#lefthalf {
  width: 163px;
  height: 100%;
  float: left;
  font-weight: bold;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  border: none; 
  z-index: 1; 
}

#header {
  margin: 0;
  padding: 0; 
}

.righthalf {
  padding-left: 175px;
  padding-top: 15px;
  line-height: 18px;
  font-size: 12px; 
}

.righthalf>p {
  font-size: 12px;
  line-height: 18px; 
  padding-right: 20px;
}

#maplink a {
  display: block;
  position: absolute;
  left: 180px;
  top: 140px;
  width: 200px;
  height: 46px;
  line-height: 46px;
  text-align: left;
  padding-left: 50px;
  background-image: url(images/mapicon.gif);
  background-repeat: no-repeat; 
}

#homeHeader {
  font-size: 0;
  height: 340px; 
}

#homeHeader #maintitle {
  margin-top: 2px; 
}

#homeHeader #pcusa {
  margin-right: 10px; 
}

.ff {
  height: 3em; 
}

#sg1 {
  position: absolute;
  margin-left: 170px;
  top: 210px;
  left: 2%; 
}

#sg2 {
  position: absolute;
  margin-left: 170px;
  top: 190px;
  left: 18%; 
}

#sg3 {
  position: absolute;
  margin-left: 170px;
  top: 170px;
  left: 34%; 
}

#sg4 {
  position: absolute;
  margin-left: 170px;
  top: 150px;
  left: 50%; 
}

#cross {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 1; 
}

#worshipSched {
  display: block;
  width: 48%;
  margin-right: 10px;
  float: right; 
}

#worshipSched h1 {
  color: #800000;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.2em;
  border-bottom: 3px solid #000;
  padding: .1em 0;
  text-align: right;
  background: none;
  float: right;
  width: 100%;
  margin: 0; 
}

#worshipSched p {
  display: block;
  clear: both;
  padding: .4em 0;
  border-bottom: 1px #ccc solid;
  text-align: right;
  float: right;
  width: 100%;
  margin: 0;
  background: #eee; 
}

#lookitems {
  display: block;
  width: 46%;
  float: left;
  margin: 40px 0;
  border: 3px solid #039;
  background: #ff7;
  padding: 5px; 
}

#lookitems h2 {
  color: #039;
  font-weight: bold;
  font-size: 1.8em;
  border-bottom: 3px solid #000;
  padding: .1em 0;
  background: none;
  float: left;
  margin: 0;
  width: 100%; 
}

#lookitems p {
  display: block;
  clear: both;
  text-align: left;
  margin: 0;
  float: left;
  width: 100%;
  background: #ff7;
  padding: .4em 0;
  border-bottom: 1px #ccc solid; 
}

td.lookitem {
  background: #ff7;
  padding: .4em 0;
  border-bottom: 1px #ccc solid; 
}

.blackTime {
  color: #000;
  font-weight: bold;
  font-size: 1.2em; 
}

.red3 {
  color: #800000;
  font-size: 1.1em;
  font-weight: bold; 
}

.blue3 {
  color: #039;
  font-size: 1.1em;
  font-weight: bold; 
}

.redbold {
  color: #800000;
  font-weight: bold; 
}

.bluebold {
  color: #039;
  font-weight: bold; 
}

A {
  font-weight: bold;
  text-decoration: none; 
}

A:link {
  color: #00f; 
}

A:visited { 
}

A:hover {
  text-decoration: underline; 
}

A:active { 
}

a img {
  border: none; 
}

.photoblock img {
  float: left;
  margin: 20px; 
}

.bigblue li {
  padding: 6px 0;
  list-style-image: url(images/bullet-b3.gif); 
}

.linklist li {
  padding: 4px 0;
  list-style-image: url(images/bullet-r1.gif); 
}

h1 {
  color: #800000;
  font-weight: bold;
  font-size: 2.4em;
  margin: 0;
  padding-bottom: 2px;
  display: block;
  clear: left; 
}

h1 img {
  margin-left: 20px;
  vertical-align: middle;
  margin-bottom: 10px; 
}

h2 {
  color: #039;
  font-weight: bold;
  font-size: 1.6em;
  clear: left; 
}

h3 {
  color: #800000;
  font-weight: bold;
  font-size: 1.2em; 
}

h4 {
  color: #039;
  font-weight: bold;
  font-size: 1em; 
}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
}

input.blue2 {
  color: #039;
  font-weight: bold;
  font-size: 1.6em; 
}

input.red3 {
  color: #800000;
  font-weight: bold;
  font-size: 1.2em; 
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
}

.picframe {
  float: left;
  width: 164px;
  height: 224px;
  border-top: 2px solid #eeb;
  border-left: 2px solid #dd8;
  border-right: 2px solid #995;
  border-bottom: 2px solid #774; 
}

.staffmember {
  border-top: 1px solid #039;
  width: 98%;
  padding-top: 15px; 
}

.staffmember img {
  margin-left: 0px;
  border-bottom: 7px solid #eeb;
  border-right: 7px solid #dd8;
  border-left: 7px solid #995;
  border-top: 7px solid #774; 
}

.staffmember h2 {
  float: left;
  margin: 1em 0 .2em 0;
  width: 190px;
  max-width: 190px; 
}

.staffmember h3 {
  clear: left;
  margin: 0 0 10px 0;
  max-width: 190px;
  width: 190px;
  float: left; 
}

.staffmember p {
  margin-left: 200px; 
}

p.toppara:first-letter {
  font-size: 2em;
  color: #800000;
  font-weight: bold; 
}

.endcap {
  clear: both; 
}

.event {
  border: 1px solid #039;
  width: 98%;
  padding-top: 15px;
  margin: 10px 0 0 0; 
}

.event img {
  margin-left: 20px;
  clear: left;
  float: left; 
}

.event h3 {
  margin: .5em 0 .5em 200px;
  font-size: 1.6em; 
}

.event h4 {
  margin: .2em 0 .2em 200px;
  font-size: 1.4em; 
}

.event p {
  margin-left: 200px;
  padding-right: 10px; 
}

.grey1 {
  background: #f5f5f5; 
}

.grey2 {
  background: #dcdcdc; 
}

table.cpc {
  clear: left;
  text-align: left;
  border-spacing: 2px; 
}

table.cpc tr {
  background: #f5f5f5; 
}

table.cpc th {
  color: #fff;
  padding: 4px;
  background: #039;
  font-weight: bold; 
}

table.cpc th:first-child {
  background: #800000; 
}

table.cpc td {
  padding: 4px; 
}

table.cpc td:first-child {
  font-weight: bold; 
}

table.webform {
  clear: left;
  text-align: left;
  border-spacing: 2px; 
}

table.webform tr {
  background: #f5f5f5; 
}

table.webform th {
  color: #fff;
  padding: 4px;
  background: #039;
  font-weight: bold; 
}

table.webform th:first-child {
  background: #800000; 
}

table.webform td {
  padding: 4px; 
}

table.webform td:first-child {
  font-weight: bold;
  text-align: right;
  background-color: #dcdcdc; 
}

table.form2 {
  clear: left;
  text-align: left;
  border-spacing: 2px; 
}

table.form2 tr {
  background: #f5f5f5; 
}

table.form2 tr.bluecell {
  background: #039;
  color: white;
  font-weight: bold; 
}

table.form2 tr.blackcell {
  background: black;
  color: white;
  font-weight: bold; 
}

table.form2 tr.redcell {
  background: #800000;
  color: white;
  font-weight: bold; 
}



table.form2 td {
  padding: 4px; 
}


table.plaintable {
  text-align: left;
  border-spacing: 0px; 
}

table.plaintable tr {
  background: #f5f5f5; 
}

table.plaintable td {
  padding: 2px; 
}

table.plaintable td:first-child {
  font-weight: normal;
  text-align: left;
  background-color: #f5f5f5; 
}

.blackcell {
  background: black;
  color: white;
  font-weight: bold; 
}

.whitecell {
  background: white;
  color: black; 
}

.redcell {
  background: #800000;
  color: white;
  font-weight: bold; 
}

.bluecell {
  background: #039;
  color: white;
  font-weight: bold; 
}

.dkgraycell {
  background: #666;
  color: white;
  font-weight: bold; 
}

.medgraycell {
  background: #dcdcdc; 
}

.normalcell {
  background: #f5f5f5; 
}

.racell {
  background: #f5f5f5;
  text-align: right; 
}

.centercell {
  background: #f5f5f5;
  text-align: center; 
}

.dimracell {
  background: #f5f5f5;
  text-align: right; 
  color: #a0a0a0; 
}

.dimcentercell {
  background: #f5f5f5;
  text-align: center; 
  color: #a0a0a0; 
}

.dimnormalcell {
  background: #f5f5f5;
  color: #a0a0a0; 
}

.namecell {
  background: #f5f5f5;
  font-weight: bold;
  color: black; 
}

.addrcell {
  background: #f5f5f5;
  padding: 4px;
  width: 180px;
  text-align: left;
  margin: 2px;
  float: left;
  display: block; 
}

.addrcell:hover {
  background: #dcdcdc; 
}

.footnote {
  border-top: #999 1px solid;
  font-size: 10px;
  width: 99%;
  padding-top: 1em;
  clear:  both; 
}

.footnote a image {
  float: right; 
}

.calendarItem {
  font-size: 10px; 
}

.bodyboldwhite {
  font-weight: bold;
  color: #FFF; 
}

.bodyboldmaroon {
  font-weight: bold;
  color: #800000; 
}

.hrule {
  width: 98%;
  height: 1px;
  font-size: 0;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd; 
}

a.creditblock {
  display: block;
  width: 115px;
  height: 45px;
  float: right; 
}

a.creditblock:hover {
  background: #eee; 
}

.code {
  font-family: Courier, "Courier New", monospace;
  font-size: 12px;
  color: #888;
  padding-left: 3em; 
}

#footer {
  height: 31px;
  padding: 4px 0 0 0;
  margin-top: 35px;
  margin-left:0px;
  text-align:left;
  clear:  both;
  border-top: 1px #000 solid; 
}

#footer p {
  float: left;
  font-size: 10px;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 31px; 
}

#footer a img.sitebylink {
  padding-top: 0px;
  margin: 0 40px 10px 0;
  border: none;
  display: block; 
}

.rightalign {
  float: right; 
}

.rightalign a img {
  border: none; 
}

img.floatleft {
  float: left;
  margin: 10px; 
}

img.floatright {
  float: right; 
}

/**************** navbar coding *****************/
#navbar .homeicon a:link, #navbar .homeicon a:visited {
	display: block;
	background: transparent;
	width: 150px;
	height: 160px;
	border: none;
	margin: 0; 
}

#navbar .homeicon a:hover {
	background: url(images/homeover2.jpg);
	background-repeat: no-repeat; 
}

#navbar .homeicon a:active {
	display: block;
	background: transparent;
	width: 150px;
	height: 160px;
	border: none;
	margin: 0; 
}

#navbar .topdivider {
	display: none;
}

#navbar {
	width: 150px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0;
	border: none;
	height: 555px;
	font-weight: bold;
	background-image: url(images/navbarbg2.jpg);
	background-repeat: no-repeat;
	z-index: 1; 
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0; 
}


#navbar a {
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid white;
	display: block;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	padding: 4px 0 4px 10px;
	width: 140px;
	text-decoration: none;
	text-align: left;
	background: transparent;
	color: #fff; 
}

#navbar a:hover {
	background: white;
	color: #039; 
}

div#navbar ul li:hover {
	background-color: #800000;
}

div#navbar ul li:hover ul,
div#navbar ul ul li:hover ul,
div#navbar ul ul ul li:hover ul {
	display: block;
	position: absolute;
	width: 100%;
	left: 100%;
	top: -1px;
	background-color: #800000;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-bottom: 3px #999 solid;
	border-right: 3px #999 solid; 
}

#navbar a.x:link, #navbar a.x:visited {
	background-image:  url(images/triangle-white.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%; 
}

#navbar a.x:hover {
	background-image:  url(images/triangle-blue.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%; 
}

#navbar a.x:active {
	color:#000;
	background:white; 
}

#navbar li {
	position: relative;
}

#navbar ul ul  {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

div#navbar ul ul,
div#navbar ul li:hover ul ul {
	display: none;
}

div#navbar ul li:hover ul,
div#navbar ul ul li:hover ul {
	display: block;
	background-color: #800000;
}