body
{ 	
  background: url(../images/Agape-Web-Background.gif);
  width: 1000px;
	margin: auto;
	font: 12px arial;
	line-height: 18px;
	color: #25253d;
	height: 100%;
	max-height:100%;
}

p {
	font-size: 12px; /** 10pt is too big in IE7 for some reason **/
	margin: 1em 0;
}

h1, h2, h3, h4, .displayCds 
{
  padding: 0;
  margin: 8px 0 12px 0;
	color: #35469f;
}
h1 {
	font-size: 120%; /** 15px **/
}
h2 {
	font-size: 115%;
	color: #56a;
}
h3 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
}
.textBox h1 {
	margin: 2px 0 4px;
}

a, a:visited {
	color: #0033ab;
	color: #248a56;
	color: #107f1a;
 	text-decoration: none;
}
a:hover {
	color: #047a26;
	color: #005010;
  background-color: #6fbf9f;
  background-color: #7fbfaf;
  background-color: #bff0e7;
}

ul {
	margin: -0.75em 0 0;
	padding: 0 0 0 1.5em;
}
ul.questions 
{
  margin: 0 0 1.5em 1.5em;
  padding: 0;
  font-style: italic;
  background-color: #c0c0c0;
  color: #293949;
}
ul.questions li
{
  list-style-position: inside;
  list-style-image: url(../images/bullet-leaf.gif);
}
ul.watermarkBig li
{
  list-style: none;
  color: #cdc6b4;
  font-size: 170%;
  line-height: 1.5;
  font-style: italic;
  font-weight: bold;
}
dl {
  padding-left: 1.2em;
}
dl dt
{
  float: left;
  clear: left;
  width: 20%;
}
dl dd
{
  padding-bottom: 1em;
  line-height: 1.5em;
  float: left;
  width: 60%;
  margin: 0;
}
dl.event dl { width: 18%; }
dl.event dd { width: 65%; }
.textBox dl { margin-top: 0; }
.textBox dl dt { width: 18%; }
.textBox dl dd { 
	width: 75%;
	padding-bottom: 0;
}
dl.contact, dl.speaker, dl.danceItems
{
  width: 19em;
  margin: 0;
  padding: 0.8em 0 0 0.5em;
  border: solid 0.1em #aaa;
  border-right: solid 0.2em #888;
  border-bottom: solid 0.2em #888;
  overflow: hidden;
}
dl.speaker, dl.danceItems
{
 padding: 0;
 margin-top: 50px; 
 width: 30em;
}
dl.contact dt, dl.contact dd, dl.speaker dt, dl.speaker dd, dl.danceItems dd, dl.danceItems dt
{
  margin: 0;
}
dl.contact dt, dl.speaker dt, dl.danceItems dt
{
  width: 30%;
}
dl.danceItems
{
	margin-left:100px;
}
dl.danceItems dd
{
	margin: 1em 0;
}

img {
	border: 0;
}
img.leftOfText {
	vertical-align: middle;
}
img.topRight
{
  float: right;
  margin: 1em .5em 0 1.2em;
}
img.topLeft
{
  float: left;
  margin: 1.5em 1em 0 0.75em;
}
img.background, img.background-med, img.background-lite
{
  position: absolute;
  right: 0;
  top: 10%;
}
img.background-med
{
  Filter: Alpha(Opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}
img.background-lite
{
  Filter: Alpha(Opacity=20);
  -moz-opacity:0.20;
  opacity:0.20;
}
.withImage
{
  margin: 0 0 -0.5em -0.5em;
}
.withImage img
{
	top: -0.9em;
	left: -0.3em;
	position: relative;
  padding: 0 0.3em;
  vertical-align: top;
}
.picDes, .picDesleft
{
  padding-bottom: 0.6em;
  text-align:right;
  clear: none;
}
.picDes
{
  float:right;
}
.picDesleft
{
  float:left;
  padding-right: 10px;
}
.mapImg, .mapImgFirst
{
  float: left;
  margin: 10px;
}
.mapImgFirst
{
  margin-top: 30px;
}

.sections
{
  padding-bottom: 1em;
  border-top: solid 1px #aac;
}
.scripture
{
  font-family: arial;
  color: #442288;
  margin: 1em 2em;
  padding: 0.5em 1em;
  background-color: #dedede;
  border: solid 1px #aac;
}
.scripture em
{
  color: #442288;
}
.scripture .verse
{
  text-align: right;
  margin-right: 1em;
  font-style: italic;
}
.fe_map {
	float: right;
	margin-top: -1.8em;
	font-size: 88%;
}

.fluid
{
	float: left;
	display: inline; /* fix for IE6 double-margin bug */
}
.textBox
{
	margin: 5px;
	padding: 2px 3px 2px 5px;
  background: #ede6d4;
  background: #d3b35a url(../images/h1bg.gif) right repeat-y;
	background: #ede6d4 url(../images/textBox_bg.gif) left repeat-y;
	border-top: 1px solid white;
}
.vbsTextbox
{
	position:absolute;
	z-index:2;
	padding:0px 10px 5px;
	border:3px solid #171717;
	background-color:#ede6d4;
	text-align:center;
}
#container a, #container a:visited {
 	border-bottom: 1px solid #7fbfaf;
}
#container a.img, #container a.img:visited {
	border-bottom: none;
}
#container
{
  width: 1000px;
  position: relative;
  overflow: hidden;
  background: #f5f2e9;
  background: #ede6d4;
	background: url(../images/2979111701_ca41bb3918_b.jpg);
	background: url(../images/agape_bg.jpg);
}
#leftColumn, #leftColumnWide, #bgLeftSidebar, #leftSidebar, #centerColumnText, #rightColumn, #timesAndLocations, #rightSidebar, #wideColumnText, #afcList {
  float: left;
  display: inline; /* To fix IE6 float double margin problem */
  position:relative;
  margin: 0;
  padding: 0;
}
#rightColumn, #rightSidebar, #timesAndLocations, #afcList {
  float: right;
}
#leftColumn {
  width: 490px;
}
#leftColumnWide {
	width: 600px;
}
#wordOfTheLord {
	height: 55px;
}
#wordOfTheLord span { position:relative; top: 18px; left: 10px; color: #060; }
#wordOfTheLord img {
	vertical-align:top;
}
#promo {
	text-align: center;
	padding-bottom: 1em;
}
#afcList {
	width: 400px;
  background: #fff;
  text-align: center;
  padding-bottom: 1em;
}
#afcList ul { padding:0; margin:0; }
#afcList li { list-style: none; }

#rightColumn {
	width: 510px;
}
#timesAndLocations {
  width: 120px;
  padding: 5px;
  color: #005900;
}
#timesAndLocations h2 {
	font-size: 100%;
	color: #005900;
	padding: 2px 0 0;
	margin: 0;
	font-weight: normal;
	text-decoration: underline;
}
#bgLeftSidebar {
  background-color: #aac;
  width: 100%;
  right: 280px;
  right: 830px;
}
#leftSidebar {
  width: 170px;
  right: 270px;
  left: 280px;
  padding-top: 5px;
}
#centerColumnText, #wideColumnText {
  background: #ede6d4;
  width: 530px;
  padding: 5px 10px;
  left: 450px;
  left: 1000px;
}
#wideColumnText {
	width: 810px;
}
#wideColumnText p {
  width: 530px;
}
#rightSidebar {
  width: 280px;
  font-size: 90%;
	text-align: center; /* To get images to be centered */
  left: 280px;
  left: 830px;
}
#rightSidebar * { text-align: left; } /* turn off centering for text; we only wanted images */

#intro
{
  padding: 10px 9px 10px 18px;
}

#col09banner 
{
  float:left;
  display:inline;
  margin:20px 0 0;
  background-color:#fff;
  border:10px solid #daa;
  border-bottom:10px solid #aad;
  border-left:0;
  border-right:0;
  text-align: bottom;
  font-size: 48px;
  font-weight: bold;
  font-family: georgia;
  vertical-align: middle;
  line-height: 80px;
}
#col09banner #speaker
{
	color: #000;
	float: right;
	display:inline;
	width: 190px;
	margin-left: 10px;
	padding: 20px 10px 0 0;
	font: 12px arial;
}

.bodyText
{
	padding: 0px 8px 0px 12px;
}
#singleColumnText
{
	width: 90%;
  margin: 1em auto;
}
.twoColumn {
	margin: 0;
	padding: 0;
}
#services {
	width: 292px;
}
#broadcast {
	width: 181px;
/*	padding-left: 5px;
	position: absolute;
	right: 0;
	top: 5px;
	border-left: 1px solid #ede6d4;
*/}
#broadcast form {
	padding: 0;
	margin: 0
}
#PictureFrame1 {
	position:relative;
	height:230px;
}
#PictureFrame {
	float:left;
	display:inline;
	height: 230px;
	width: 308px;
	background: url(../images/PictureFrame.jpg) 0 5px no-repeat;
}
#FacesSlideShow {
	position:absolute;
	top:28px;
	left:16px;
	width: 276px;
	height: 176px;	
}
#bishopItinerary
{
  color: #000;
  background-color: #f0e9d7;
  background-color:#ffcfcf;
  border:solid 2px #35469f;
  Filter:Alpha(Opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}
#bishopItinerary tr, #bishopItinerary td
{
  padding: 0;
  margin: 0;
}
#bishopItinerary tr.date td
{
	padding-top: 1em;
	text-decoration: underline;
}
#bishopItinerary td
{
  vertical-align: top;
  line-height: 1.3em;
  padding-bottom: 0.1em;
}
#bishopItinerary td.title
{
  text-align: center;
  font-weight: bold;
  color: #35469f;
}
#bishopItinerary tr.dt
{
	font-weight: bold;
}
#bishopItinerary td.dt
{
  width: 25%;
  padding: 0 5px;
  color: #35469f;
}
.ministryList {
	float: left;	
	margin: 0 1em 1em 0;
	padding-top: 0.5em;
	border: 1px solid #aac;
	overflow: visible;
}
.ministryList ul {
	margin: 12px 10px 10px;
	padding: 0 0 0 8px;
}
.ministryList ul li {
	list-style: none;
}

.pastorimg
{
  padding: 1em;
  float: left;
  width: 130px;
  height: 226px;
}
.leader, .leaderRed
{
	border-style:outset;
	border-color:navy;
	border-width:5px;  
}
.leaderRed
{
	border-color:#510820;
}
.textBox#services {
	padding: 2px 3px;
}
.textBox#events {
	width: 288px;
}

/***************/
.agape
{
  color: #d00011;
  color: #e01404;
  font-weight: bold;
  font-style: italic;
}
a.info, a.agape
{
  cursor: help;
}
em, .emlight, dl dt, .reverseEm
{
  font-style: normal;
  font-weight: bold;
  color: #996633;
	color: #35469f;
}
.emlight
{
  font-weight: normal;
}
.italic
{
	font-style: italic;
}
.reverseEm
{
  padding: 0 3px;
  background-color: #996633;
	background-color: #35469f;
  color: #f0f0e0;
}
a.cart
{
 color: #282;
 font-size: 0.9em;
}
a.cart:hover
{
  color: #fff;
  background-color: #7fbfaf;
}
img.h1
{
	display: block;
	padding: 15px 0 3px;
}
img.cart
{
  padding: 0 5px 0 0;
  vertical-align: middle;
}
table.serviceInfo
{
  width: 100%;
  font-size: 0.9em;
}
table.serviceInfo th
{
  text-align: left;
  font-weight: normal;
  text-decoration: underline;
}
table.serviceInfo td.col1
{
  width: 20%;
  text-align: right;
  padding-right: 8px;
}
.tagline {
  clear:both;
	color: #8496ca;
	font-size: 76%; 
  margin-top: 0.9em;
  text-align:center;
}

/************** E-Store/Media Styles *****************/
.toolbar
{
  margin: 0;
  width: 100%;
  background: #cfc0ca;
  border-collapse: collapse;
  border-spacing: 0;
}
.toolbar .caption
{
	text-align: center;
}
.toolbar .caption * { padding: 0; margin: 0; }
.toolbar .right
{
  text-align: right;
  padding: 3px;
}
.toolbar form
{
  margin: 0 0 0 2px;
  padding: 0;
}

.shoppingCart
{
  display: inline-block;
  padding: 2px 3px;
  border: solid 2px #595;
  color: #595;
  font-size: 0.9em;
  font-weight: bold;
}
.shoppingCart .amount
{
  color: #c8a030;
  color: #e01404;
  color: #35469f;
}
img.cart
{
  padding: 0 5px 0 0;
  vertical-align: middle;
}

#storeleftColumn 
{ 
  float: left;  
  width: 22em;  
  margin: 0.8em 0 0 1em;
  padding-right: 1em;
  border-right: solid 1px #aac;
}
#storeleftColumn td
{
  vertical-align: top;
}
#storeleftColumn form
{
  margin: 3px 0;
}
#storesupportingText 
{ 
  float: left; 
  width: 34em;
  margin: 0.8em 1em 0 1em;
}
#storeRightColumn {
	float: right;
	width: auto;
  margin: 0.8em 1em 1em 0;
  padding-left: 1em;
  border-left: solid 1px #aac;
}

a.button, a.mainButton, input.btn, input.adminbtn
{
  padding: 0 0.5em;
  border: 1px solid #999;
  border-top: solid 1px #aac;
  border-left: solid 1px #aac;
  text-decoration: none;
  background-color: #eee;
  color: #000;
}

a.button:hover, a.mainButton:hover, input.btnhov, input.adminbtnhov
{
  border: 1px solid #999;
  border-right: solid 1px #aac;
  border-bottom: solid 1px #aac;
}

a.mainButton, input.btn
{
	font-size: 12px;
  font-weight: bold;
  background-color: #e0e3ec;
  color: #107f1a;
}

.continue_shopping_btn, .admin_btn
{
  padding-right: 5px;
  text-align: center;
  margin-bottom: 10px;
}

/************** Modified Chrome Menu *****************/

#MenuBar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#MenuBar ul {
	margin: 0;
	width: auto;
	padding: 0.3em 0;
	font-family: verdana;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url(../images/bgMenuBar.gif) center center repeat-x;

	text-align: left; /*set value to "left", "center", or "right"*/
}
#MenuBar ul li  { 
	display: inline;
	list-style: none;
}
#MenuBar li.special {
	float: right;
}
#MenuBar li.special a {
	color: #409f5a;
}
#MenuBar ul li a {
	font-family: verdana;

	color: #8496ca;
	padding: 4px 1em;
	margin-top: 3px;
	text-decoration: none;
}
#MenuBar ul li a:hover, #MenuBar ul li a.selected {
	background: url(../images/bgMenuBarHover.gif) center center repeat-x;
	color: #f0dd06;
}

#leftSidebar a, #leftSidebar a:visited {
	display: block;
	color: #107f1a;
	color: #106010;
	padding: 1px 2px 2px 8px;
	margin: 0 4px 2px 2px; /* so that the auto selection box in FF does not get cut off */
	border: 1px solid #aac; /* same as background color of the drop down menu, basically setting up
														    a transparent border due to IE6 not recognizing "transparent" */
}
#leftSidebar a:hover {
  background-color: #1f4083;
  color: #f0dd06;
}

.dropmenudiv {
	position:absolute;
	top: 0;
	z-index: 9999;
	visibility: hidden;
  background-color: #e0e3ec;
  border-left: 1px solid #7080ac;
  border-right: 2px solid #203972;
  border-bottom: 2px solid #203972;
	padding-bottom: 1px; /* so that the auto selection box in FF does not get cut off */
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a {
	display: block;
	width: auto;
	padding: 1px 2px 2px 8px;
	margin: 0 1px 2px; /* so that the auto selection box in FF does not get cut off */
	border: 1px solid #e0e3ec; /* same as background color of the drop down menu, basically setting up
														    a transparent border due to IE6 not recognizing "transparent" */
}
.dropmenudiv a:hover {
  background-color: #1f4083;
  color: #f0dd06;
}