body {
  text-align: center; 
  background-color: #30315f;
  background-image: url(images/bg.jpg);
  font-family: times new roman, serif;
  font-size: 16px;
  }

a {
  color: #000099; 
  }
  
a:hover {
  color: #ffff00; 
  }
  
hr {
  width: 90%;
  color: #cc3366;
  }
  
#container {
  width: 900px;
  background-color: #eef9ff;
  border: 1px solid #ffffff;
  overflow: visible;
  }

#youthcontainer {
  width: 900px; 
  background-color: #eef9ff;
  background-image: url(images/youthbg.jpg);
  border: 1px solid #ffffff;
  }
	
#header {
  width: 900px; 
  height: 200px; 
  background-color: #ffffff; 
  background-image: url(images/gpheader.jpg);
  }
  
#yheader {
  width: 900px; 
  height: 200px; 
  background-color: #ffffff; 
  background-image: url(images/yheader.jpg);
  }

#leftcontainer {
  background-color: #eef9ff;
  width: 200px; 
  float: left;
  margin: 10 10 5 5;
  }

#menucontainer {
  float: left;
  width: 900;
  margin: 0;
  height: 22px;
  background: #30315f;
  border-top: 1px solid #ffffff;
  }
  
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

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

#sddm li a
{	display: block;
    border-right: 1px solid #eef9ff;
	margin: 0 0 0 0;
	padding: 4px 15px;
	width: auto;
	background: #30315f;
	color: #ffffff;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

#maincontainer {
  background-color: #eef9ff;
  width: 900px;
  text-align: center;
  }
	
#midcontainer {
  background-color: #eef9ff;
  width: 650px;
  margin: 10 5 5 10;
  float: left;
  }

#ymidcontainer {
  width: 650px;
  margin: 10 5 5 10;
  float: left;
  }
  
#abc h3:first-letter {
  font-size: 24pt;
}  

.pastor {
  float: right;
  clear: right; 
  margin: 0 5 0 8;
  }
  
#intro {
  width: auto;
  background-image: url(images/introbg.jpg);
  background-repeat: no-repeat;
  text-align: left;
  padding: 3 5 5 10;
  margin: 0 0 0 0;
  }

#sermons {
  width: 600px;
  text-align: center;
  padding: 10;
  }
  
#sermons h2 {
  color: #ff8000;
  }
  
#sermons p {
  font-weight: bold;
  line-height: 1.5em;
  }
  
#player {
  width: 400px;
  height: 200px;
  padding: 10px;
  line-height: 0.3em;
  background-image: url(images/player.jpg);
  background-repeat: no-repeat;
  }

#rightcontainer {
  background-color: #eef9ff;
  width: 200px; 
  float: right;
  margin: 10 10 5 5;
  }
  
#yrightcontainer {
  width: 200px; 
  float: right;
  margin: 10 10 5 5;
  }
  
#services {
  width: auto;
  height: 340px;
  padding: 5 5 0 5;
  background-image: url(images/servicebg.png);
  background-repeat: no-repeat;
  color: #000000;
  font-size: 12pt;
  line-height: 1.6em;
  border: none;
  }

#services td {
  font-size: 11pt;
  }

#services th {
  font-size: 13pt;
  line-height: 1.8em;
  }
  
#services caption {
  color: red;
  font-weight: bold;
  font-size: 18pt;
  text-decoration: underline;
  line-height: 1em;
  }
  
#services #note {
  font-size: 9pt;
  color: red;
  text-align: center;
  font-style: italic;
  }
  
#ss1 {
 font-size: 9pt;
 font-style: italic;
 text-align: right;
}
#ss2 {
 font-size: 9pt;
 font-style: italic;
}
  
#events {
  width: auto;
  height: 255px;
  margin: 10 0 10 0;
  background-image: url(images/scroll.png);
  display: block;
  padding: 0;
  border: none;
  }
 
#events h4 {
  font-size: 16pt;
  line-height: 1.1em;
  color: red;
  text-decoration: underline;
  margin-top: 0px;
  }

#events marquee p {
  text-align: center;
  height: auto;
  width: 180px; 
  padding: 0px; 
  color: #000000;
  text-decoration: none; 
  border: 1px solid #0000ff;
  
  }

#verse {
  width:600px;
  padding: 5px;
  background-color: #ffffcc;
  border: 3px outset #996600;
  }
  
#footcontainer {
  background-color: #eef9ff;
  width: 900px;
  float: left;
  }
      
#yfootcontainer {
  width: 900px;
  float: left;
  }
  
#foot {
  width: 900px;
  height: 25px;
  background-image: url(images/foot.jpg);
  }
  
#foot p {
  color: white;
  line-height: 2.0em;
  }
  
#foot a {
  color: yellow;
  }
  
#footer {
   text-align: center;
   font-size: 10pt;
   padding: 5px;
   }