.title
{
  margin: 10px 0 0 5px;
}

.lead
{
  margin-top: 15px;
}

#content p
{
  #font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-family: Georgia,serif;
  margin-bottom: 15px;
  padding-left: 15px;
  line-height: 20px;
  font-size: 15px;
}

div.bucket
{
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
  font-family: Georgia,serif;
  line-height: 20px;
  font-size: 15px;
}

#content h3
{
  font-weight: strong;
  font-family: Palatino,Georgia,Helvetica,sans-serif;
  font-size: 14pt;
  padding-left: 10px;  
  text-align: center;
}

ul.section
{
  list-style-position: inside;
  list-style-type: disc;
  padding-left: 2em;
  text-indent: -1em;
}

.section li 
{
  list-style-image: none;
  list-style-position: inside;
  list-style-type: disc;
  padding: 3px;
}

.section-linebreak li 
{
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
  padding: 3px;
}


div.bucket-title
{
  background-color:#CCCCFF;
  font-size:16px;  
}

div.snapshot-link
{
  text-align: center;
}

table.sermon
{
  border: 1px solid black; 
}

table.sermon td
{
  border: 1px solid black; 
}

div.pic
{
  display:inline;
  float:left;
  margin-top: 5px;
  margin-bottom:15px;
  margin-left:15px;
  overflow:hidden;
  position:relative;
  width:150px;
}

#bucket-left, #bucket-center, #bucket-right 
{
  display:inline;
  float:left;
  margin-bottom:15px;
  margin-left:15px;
  overflow:hidden;
  position:relative;
  width:350px;
}

#bucket-content
{
  height:530px;
  margin:20px auto auto;  
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{ 
  background: transparent url(/images/statement_box.png) no-repeat bottom right
} 

.cssbox
{ /* intended total box width - padding-right(next) */ 
  width:335px !important; /* IE Win = width - padding */ 
  width: 320px; /* the gap on the right edge of the image (not content padding) */ 
  padding-right:15px; /* use to position the box */ 
  margin:20px auto; /* set the top-right image */ 
}

.cssbox_head
{
  background-position:top right; /* pull the right image over on top of border */ 
  margin-right:-15px; /* right-image-gap + right-inside padding */ 
  padding-right:40px; /* set the top-left image */ 
}

.cssbox_head h2
{ 
  background-position:top left; 
  margin:0; /* reset main site styles*/ 
  border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
  padding:25px 0 15px 40px; height:auto !important; height:1%; /* IE Holly Hack */ /* set the lower-left corner image */ 
} 
.cssbox_body
{ 
  background-position:bottom left; 
  margin-right:25px; /* interior-padding right */ 
  padding:15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
* html .boxhead h3 {height: 1%;} /* For IE 5 PC */

.sidebox-map {
	margin: 0 auto; /* center for now */
	width: 45em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	height: 465;
}
.sidebox-half {
	margin: 0 auto; /* center for now */
	width: 25em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sidebox-third {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 45em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxhead h3 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}