
/* General HTML Elements */

body {
  margin: 0px;
  background: #fff;
 }
p, div, body, td, textarea, input, select { font: 12px "Lucida Grande", Verdana, sans-serif; line-height: 140%; }
textarea { width: 200px; height: 120px; }
p { margin: 0px; padding-top: 10px }
a:link, a:visited, a:active { color: #ff6e00; font-weight: bold; outline: none; }
a:hover { color: #fff }
h1 { font: 900 14px verdana, arial, sans-serif; }
h2 { font: 600 12px verdana, arial, sans-serif; }
h3 { font: 300 11px verdana, arial, sans-serif; }
ul { }
li { padding-bottom: 8px; line-height: 120%; }
dt { color: #93827A; font-weight: bold; }
dd, dt { margin-bottom: 10px; }
td { vertical-align: top }
img { border: 0px }
fieldset { margin: 10px 0px 10px 0px; height: 1px; border: none; border-top: 1px solid #958881; text-indent: 0px; }
legend { font: 18px "Lucida Grande", Verdana, Geneva, Arial, sans-serif; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; }

/* Site Construct */

#site 
  { background: #000 url('/medialib/i/BG.jpg') repeat-x; text-align: center; color: #fff; }
#encounter 
  { background: transparent url('/medialib/i/Template.jpg') top center no-repeat; text-align: center; height: 705px; }
#container
  { width: 996px; margin: 0px auto; text-align: left; position: relative }
#toplinks
  { position: absolute; top: 65px; left: 500px; width: 400px; height: 26px; font-weight: bold; }
a#logolink
  { position: absolute; top: 30px; left: 4px; width: 360px; height: 96px; display: block; font-size: 1px; line-height: 0px; text-align: center }
a#logolink:link, a#logolink:hover, a#logolink:active, a#logolink:visited { color: #000 }

/* Main Menu */

ul#menu 
  { position: absolute; top: 138px; left: 64px; width: 891px; height: 31px; margin: 0px; padding: 0px }
ul#menu li
  { float: left; list-style: none; padding: 0px; margin: 0px; display: block; font-size: 1px; height: 32px; background-image: url('/medialib/i/Links.png'); }
ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active, ul#menu li a:hover
  { color: #1E1408; display: block; height: 31px; }
ul#menu li#link1
  { width: 218px; background-position: 0px 0px; }
ul#menu li#link1:hover
  { background-position: 0px 32px; }
ul#menu li#link2
  { width: 188px; background-position: -218px 0px; }
ul#menu li#link2:hover
  { background-position: -218px 32px; }
ul#menu li#link3
  { width: 136px; background-position: -406px 0px; }
ul#menu li#link3:hover
  { background-position: -406px 32px; }
ul#menu li#link4
  { width: 75px; background-position: -542px 0px; }
ul#menu li#link4:hover
  { background-position: -542px 32px; }

ul#menu li#link5
  { width: 131px; background-position: -617px 0px; }
ul#menu li#link5:hover
  { background-position: -617px 32px; }
ul#menu li#link6
  { width: 143px; background-position: -748px 0px; }
ul#menu li#link6:hover
  { background-position: -748px 32px; }

#footer
  { text-align: center; position: relative }
#footer p
  { padding-top: 10px; font-weight: bold}
#footer span
  { display: none }

/* Main Page */

#slideshow 
 { position: absolute; top: 194px; left: 55px; background: transparent url('/medialib/i/SlideshowBG.jpg'); width: 548px; height: 326px; text-align: center; }
#slideshow #slideinner
 { margin: auto; padding-top: 6px; width: 536px; height: 314px; }
#sermontopics
 {
  position: absolute; top: 200px; left: 625px; 
  width: 345px; height: 314px;
 }  
#sermontopics h1 
 {
  margin: 0px; padding: 0px;
  display: block;
  width: 345px; height: 50px;
  font: 1px sans-serif;  
  color: #1E1408;
  background: transparent url('/medialib/i/h1-SermonTopics.jpg') no-repeat;
 }

#webcast 
 { position: absolute; background: transparent url('/medialib/i/Main-Webcast.jpg') no-repeat; width: 374px; height: 132px; top: 540px; left: 4px; }
#webcast div 
 { position: relative; padding: 50px 40px 0px 40px; }
#podcast
 { position: absolute; background: transparent url('/medialib/i/Main-Podcast.jpg') no-repeat; width: 252px; height: 132px; top: 540px; left: 390px; }
#podcast div
 { position: relative; padding: 50px 40px 0px 40px; }
#mailinglist
 { position: absolute; background: transparent url('/medialib/i/Main-MailingList.jpg') no-repeat; width: 340px; height: 132px; top: 540px; left: 656px; }
 
/* Other Pages */

h1#title
 { position: absolute; top: 190px; left: 60px; 
   margin: 0px; padding: 0px; 
   display: block; width: 590px; height: 40px;
   font: 1px sans-serif; color: #1E1408; background-repeat: none; 
 }
#mainarea 
 { position: absolute; top: 230px; left: 66px; width: 580px; height: 400px; overflow: hidden; }
#mainareaext 
 { position: absolute; top: 234px; left: 66px; width: 880px; height: 400px; overflow: hidden; }
#additionalinfo
 { position: absolute; top: 190px; left: 660px; width: 300px; text-align: center }
#profiles 
 { position: absolute; top: 110px; left: 0px; width: 600px; text-align: center }
#profiles div
 { float: left; margin: 2px 22px 2px 2px; }
#profiles div:hover
 { float: left; margin: 0px 20px 0px 0px; border: 2px solid #fff }
#profiles a:link, #profiles a:hover, #profiles a:visited, #profiles a:active {
  text-decoration: none;
 }

#nav {
  text-align: center; width: 580px; font-size: 14px; font-weight: bold; padding: 10px 0px 10px 0px;
 }
#propic {
  border: 3px solid #fff;
 }
#popup {
  white-space: nobreak; color: #000;
 }
#popup a:hover {
  color: #f00;
 }