body
{ 	
  background: url(../images/Agape-Web-Background.gif);
	background: url(../images/bg-body-gold.png) repeat-x #000;
	background: url(../images/body-bg.png) repeat-x #fff;
	background: url(../images/banner-long.jpg) center top no-repeat;
  width: 1000px;
	margin: auto;
	font: 12px "helvetica neue", arial;
	line-height: 18px;
	color: #25253d;
	color: #555;
	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;
	color: #6275bc;
 	text-decoration: none;
	border-bottom: 1px dotted #6275bc;
}
a:hover {
	color: #047a26;
	color: #001050;
  background-color: #6fbf9f;
  background-color: #7fbfaf;
  background-color: #bfe7f0;
}
a img { text-decoration:none; }

hr {
	color: #eee;
	height: 0;
}
ul, ol {
	margin: -0.75em 0 0;
	padding: 0 0 0 1.5em;
}
ol.beliefs { 
	padding: 1.5em 2em 1em 3.5em;
	margin:;
	font: 15px/22px "lucida grande", "helvetica neue", arial;
}
ol.beliefs li { margin-bottom:1em; }
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%; width: 20%; text-align: right; margin-right: 8px; }
.textbox dl dd { 
	width: 75%;
	padding-bottom: 0;
}
dl.contact, dl.speaker, dl.danceItems
{
  width: 19em;
  padding-top: 1em;
	padding-left: 1em;
	float: left;
}
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;
}
.banner {
	width: 1000px;
	height: 200px;
	position: relative;
}
.social-media {
	position: absolute;
	height: 48px;
	bottom: 5px;
	left: 50%;
} 
.social-media > * { display:block; float:left; }
.social-media > a { width:32px; height:32px; margin-right:8px; position:relative; top:12px; border-bottom:0; }
.social-media > a:hover { background-position:-32px 0; }
.facebook-link { background: url(../images/facebook.png); }
.twitter-link { background: url(../images/twitter.png); }
.tumblr-link { background: url(../images/tumblr.png); }
.youtube-link { background: url(../images/youtube.png); }

.sections
{
  padding-bottom: 1em;
  border-top: solid 1px #aac;
}
.scripture
{
  color: #442288;
  margin: 1em 2em;
  padding: 0.5em 1em;
  background-color: #fafafa;
	-moz-box-shadow: 2px 2px 7px #ccc;
	-webkit-box-shadow: 2px 2px 7px #ccc;
	box-shadow: 2px 2px 7px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc');
}
.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: 5px;
	border: 1px solid #ddd;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	-moz-box-shadow: 2px 2px 7px #ccc;
	-webkit-box-shadow: 2px 2px 7px #ccc;
	box-shadow: 2px 2px 7px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ccc');
}
.textbox.alert
{
  background: #c88;
  color: #000;
	border-top: 1px solid #fdd;
	border-left: 1px solid #fdd;
	border-right: 1px solid #a66;
	border-bottom: 1px solid #a66;
}
.textbox.alert a { color: #007; border-bottom: 1px solid #55a !important; }
.vbsTextbox
{
	position:absolute;
	z-index:2;
	padding:0px 10px 5px;
	border:3px solid #171717;
	text-align:center;
}
.sponsor-billing {
	float:left;
	display:inline;
	width:820px;
	color:#686868;
	font: 21px/28px georgia;
	font-weight: bold;
	text-align: center;
	margin:15px 10px;
	padding:5px 10px;
	border:3px solid #caa;
	border-radius: 8px;
	background-color: #f2f7ff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow:inset 0 0 5px #b99; -moz-box-shadow:inset 0 0 5px #b99; -webkit-box-shadow:inset 0 0 5px #b99;
}
.sponsor-billing span { color:#c44; font-style:italic; }
/*
#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;
}
#leftColumn, #leftColumnWide, #bgLeftSidebar, #leftSidebar, #centerColumnText, #rightColumn, .times-and-locations, #rightSidebar, #wideColumnText, #afcList {
  float: left;
  display: inline; /* To fix IE6 float double margin problem */
  position:relative;
  margin: 0;
  padding: 0;
}
#rightColumn, #rightSidebar, .times-and-locations, #afcList {
  float: right;
}
#leftColumn {
  width: 490px;
}
#leftColumnWide {
	width: 600px;
}
.word-of-the-lord { margin-top:10px; }
.word-of-the-lord span { position:relative; top: 18px; left: 10px; color: #060; }
.word-of-the-lord img {
	vertical-align:top;
}
#promo {
	text-align: center;
	padding-bottom: 1em;
}
table.aig { width:96%; border-collapse:collapse; border-spacing:0; }
table.aig th, table.aig td { background-color:#fff; padding:2px 5px 1px; text-align:left; }
table.aig th { background-color:#a00; color:#fff; }
table.aig td { font-weight:bold; font:1.1em "lucida grande"; border-bottom:1px solid #fbb; }

#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;
}
.times-and-locations {
  width: 120px;
  padding: 5px 8px 5px 2px;
  color: #313e70;
	font-family: "lucida grande", "helvetica-neue";
}
.times-and-locations h1.img {
	text-indent: -9999px;
	background-position: -1px 0;
	background-repeat: no-repeat;
	margin: 15px 0 0;
	padding: 0;
}
.times-and-locations h1#MailingAddress { background-image: url(../images/bgMailingAddress.gif); }
.times-and-locations h1#NorthLocation { background-image: url(../images/north-location.gif); }
.times-and-locations h1#SouthLocation { background-image: url(../images/south-location.gif); }
.times-and-locations h1#StreamingFaith { background-image: url(../images/bgStreamingFaith.gif); }
.times-and-locations h2 {
	font-size: 100%;
	color: #313e70;
	padding: 2px 0 0;
	margin: 8px 0 0 0;
	font-weight: bold;
	text-decoration: underline;
}
#bgLeftSidebar {
  background-color: #c2c2e9;
  width: 100%;
  right: 830px;
  border-right: 1px solid #959fbd;
  border-bottom: 1px solid #959fbd;
	-moz-box-shadow: 1px 1px 3px #959fbd;
	-webkit-box-shadow: 1px 1px 3px #959fbd;
	box-shadow: 1px 1px 3px #959fbd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#959fbd')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#959fbd');
}
#leftSidebar {
  width: 170px;
  right: 270px;
  left: 280px;
  padding-top: 5px;
}
#centerColumnText, #wideColumnText {
  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, #col10banner
{
  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, #col10banner #speaker
{
	color: #000;
	float: right;
	display:inline;
	width: 200px;
	margin-left: 10px;
	padding: 20px 0 0 0;
	font: 12px arial;
}
#col10banner {
	color: ##254d4d;
	border-top-color: #ffcc00;
	border-bottom-color: #009999;
	padding-right: 8px;
}

.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/picture-frame.png) 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;
}

.headshot {
  padding: 1em;
  float: left;
}
.headshot img { 
	width:150px; 
	height:227px;
	padding: 5px;
	border: 1px solid #ccc;
	-moz-box-shadow: 3px 1px 7px #ccc;
	-webkit-box-shadow: 3px 1px 7px #ccc;
	box-shadow: 3px 1px 7px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=95, Color='#ccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=95, Color='#ccc');
}

.pastorimg
{
  padding: 1em;
  float: left;
  width: 130px;
  height: 226px;
}
.leader, .leaderRed
{
	border-style:outset;
	border-color:navy;
	border-width:5px;  
}
.leaderRed
{
	border-color:#510820;
}
.message-title {
	color: #555;
	font: 1.3em "lucida grande";
	padding:0 1.2em;
}
.message-title span { position:static; font-style:normal; font-weight:bold; }
.textbox#services {
	padding: 2px 3px;
}
.textbox#events {
	width: 288px;
}

/***************/
.agape
{
  color: #d00011;
  color: #e01404;
  font-weight: bold;
  font-style: italic;
}
a.img { border-bottom:0; }
a.info
{
  cursor: help;
}
a.agape, a.agape:hover
{
	color: #e01404;  
}
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: #777;
  margin-top: 1em;
	padding-top: 5px;
	border-top: 1px solid #e7e7ef;
	font-family: "lucida grande";
  text-align:center;
}

/************** E-Store/Media Styles *****************/
.toolbar
{
  margin: 0;
  width: 100%;
  background-color: #eee;
  border-collapse: collapse;
  border-spacing: 0;
	border-bottom: 1px solid #ccc;
	-moz-box-shadow: 1px 2px 4px #ccc;
	-webkit-box-shadow: 1px 2px 4px #ccc;
	box-shadow: 1px 2px 4px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=170, Color='#ccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=170, Color='#ccc');
}
.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 #ccc;
}
#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 #ccc;
}

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;
	font: 12px "lucida grande", "helvetica neue", arial;
	text-transform: uppercase;
	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: #e1d657;
	text-transform: none;
	font-weight: bold;
}
#MenuBar ul li a {
	display: inline-block;
	color: #e8edff;
	padding: 7px 10px;
	margin: 0 2px 1px 2px;
	border-bottom: 0;
	text-decoration: none;
}
#MenuBar ul li a:hover, #MenuBar ul li a.selected {
	background: url(../images/bgMenuBarHover.gif) center center repeat-x;
	background: #333;
	color: #fff;
}

#leftSidebar a, #leftSidebar a:visited {
	display: block;
	color: #000;
	font: 13px/17px "lucida grande", "helvetica neue", arial;
	padding: 5px 8px;
	margin: 5px; /* so that the auto selection box in FF does not get cut off */
	border: 1px solid #c2c2e9; /* 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;
}

#SocialMedia {
/*	padding: 8px 5px 0 12px; */
	position:absolute;
	top: 315px;
	left: 5px;
	z-index: 100000;
}
a#FacebookLink { 
	border: 0 !important; 
	position: absolute; 
	background: url(../images/iconFacebook.png) right 0 no-repeat; 
	width:72px; height:32px;
	left: 471px; top: 305px;
	z-index: 100001;
	color: #9fafff;
	font: 13px arial;
	display: inline-block;
}
a#FacebookLink:hover { background: url(../images/iconFacebook.png) right -32px no-repeat; color:#ff7; }


.dropmenudiv {
	position:absolute;
	top: 0;
	z-index: 9999;
	visibility: hidden;
  background-color: #e0e3ec;
  border-left: 1px solid #c1ccec;
  border-right: 1px solid #8a91a8;
  border-bottom: 1px solid #8a91a8;
	-moz-box-shadow: 1px 1px 3px #78797e;
	-webkit-box-shadow: 1px 1px 3px #78797e;
	box-shadow: 1px 1px 3px #78797e;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#78797e')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#78797e');
	padding-top: 5px;
	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 {
	color: #313e70;
	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;
}