/* 
CSS Style Sheet for Avondale Pattillo UMC.
The new design uses pure CSS and uses no tables for formatting or text positioning.
As much as possible, the new coding avoids both page and inline styles.
*/

body {
	text-align:center;
	background-color: #b6c2c7;
	font: normal 0.8em verdana, arial, helvetica, sans-serif;
	background-image: url(images/blu_grad.png);
	background-repeat: repeat-x;
	}
#wrapper {
	width:750px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0 0 0 0;
	text-align:left;
	background-color:#ffffff;
	background-image:none;
	}

/* UTILITIES AREA  ----------------------------------------------- */
#utilities {
	background-color: #17252c; 
	margin-bottom:0px;
	text-align:right; 
	color:#FFFFFF;
	}
#utilities a {
	padding-left:15px;
	}
#utilities a:link, #utilities a:visited {
	background-color:transparent;
	color:#FFFFFF;
	text-decoration:none;
	}
#utilities a:hover {
	background-color:transparent;
	color:#FFFFFF;
	text-decoration:underline;
	}
#utilities p {
	margin-bottom: 1px;
		}

/* SEARCH AREA  ------------------------------------------------- */
#search {
	padding: 5px 2px 7px 0px;
	margin: 7px 0 0 0;
	font-size: 0.8em;
	text-align:right; 
	padding-bottom:8px; 
	background-color:#17252c;
	}
#search input {
	background-color: #CCCCCC;
	}
#search.advent { 
	background-image: url(images/border-poinsettias.gif); 
	background-position:left; 
	background-repeat: repeat-x;
	}
#search.lent {
	background-color:#5E1B65;
	}
#search.anniversary { 
	background-image: url(images/border-rainbow.jpg); 
	background-position:left; 
	background-repeat:none;
	}

/* HEADER AREA  -------------------------------------------------- */
#header {
	background-color: #224868; 
	color: #fff; 
	padding: 10px 5px; 
/* 	border-bottom: solid 5px #9EA8B6; */
	border-bottom:none;
	}
#header h1 {
	font: bold 1.8em "Trebuchet MS", Arial, sans-serif; 
	padding:10px;
	margin:0px;
	}
#header h1 a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}
#header h1.tag {
	font-size:1.1em; 
	font-weight: normal; 
	color: #DFEDF4;
	padding:10px;
	margin:0px;
	}
#logo {
	width:180px; 
	float:left;
	}
#logo img {
	margin-top: 0px; 
	margin-left:10px;
	}
#orgname {margin-left: 180px; 
	}
#orgname a:link, 
#orgname a:hover, 
#orgname a:visited {
	text-decoration:none;
	}

/* MAIN CENTERED HORIZONTAL MENU  ---------------------------------------- */
#mainmenu {
	padding:4px 10px; 
	background-color:#6c797f; 
	text-align:center; 
	color:#FFFFFF; 
	border-top:groove; 
	border-top-color: #CCCCCC; 
	border-bottom: groove;
	}
#mainmenu a:link,
#mainmenu a:hover,
#mainmenu a:visited { 
	padding-left:10px; 
	padding-right:10px;
	text-decoration:none;
 	}
#mainmenu a:link, 
#mainmenu a:visited {
	background-color: transparent;
	color:#FFFFFF;
	}
#mainmenu a:hover {
	background-color: #0066CC;
	color:#FFF;
	padding-top:3px;
	padding-bottom:4px;
	border-top:solid 2px #FFFFFF;
	}

/* NAVIGATION AREA  ---------------------------------------------- */
#nav {
	width:160px;
	height:225px;
	padding:10px 0 20px 0;
	float:left;
/* background-color:#E9F8F4; former nav background color */
	background-color:#fff;
	background-image: url(images/bk-nav-blu01.png); 
	background-repeat: repeat-x;
	}
#navorig {
	width:170px;
	height:auto;
	padding:10px 0 20px 0;
	float:left;
	background-color:#E9F8F4;
	}
#buttonscontainer {
	width: 120px; 
	margin-left: 20px; 
	margin-top:15px; 
	width:120px; 
	height:auto;
	}
#buttonscontainer p {
	background-color: #D3E7F5;
	padding:3px; 
	margin: 5px 0 2px 0;
	}
#buttons a {
	color: #0000CC;
	background-color:transparent;
/* background-color:#E9F8F4; former button background color */
	padding: 5px 2px 2px 9px;
	display: block;
	border-bottom: 1px solid #cccccc;
	font: normal 0.9em Verdana, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
}
#buttons a:hover {
	background-color: #006666; 
	color: #FFFFFF; 
	text-decoration: none; 
	border-bottom: solid #999999 1px; 
	border-right: solid #999999 1px;
	}

/* BREADCRUMB AREA  ----------------------------------------------- */
#breadcrumb {
	font-size: 0.87em; 
	background-color: #EFEFEF; 
	color:#000; 
	margin:0 0 0 0; 
	padding: 3px 0 3px 172px;
	}
#breadcrumb a:link, a:visited {
	text-decoration:none;
	}
#breadcrumb a:hover {
	background-color: #0C4574; 
	color: #FFFFFF; 
	text-decoration: none;
	}

/* CONTENT AREA  ------------------------------------------------- */
#content {
	width:384px;
	padding:0px 15px 20px 10px;
	border-left:solid 1px #999999;
	float:left;
	background-color:#fff;
	}
#content.wide {width:550px;}
#content a:link, a:visited {
	text-decoration: none;
	}
#content a:hover {
	text-decoration: underline;
	}
#content h2, h3 {color: #8F5C16;}
#content h3.subblue {
	font: bold 1.25em "trebuchet ms", arial, sans-serif; 
	background: #4179B1; 
	color:#fff; 
	border-bottom-style:solid; 
	border-bottom-width: thin; 
	border-bottom-color: #7B5244;
	padding-left:4px;
	margin-top:20px;
	}
#content h4 {
	margin-top:12px;
	margin-bottom:0px;
	}
#content p {margin-top: 4px;
	margin-bottom: 8px;
	}
#content blockquote {
	border-left: solid thick #EAB67B;
	padding-left: 10px;
	}
#sectionmenu {
	width: 80%;
	background-color:#F0F9FF; 
	border:solid 1px #0080C0; 
	padding-bottom:15px; 
	margin:5px 0 25px;
	}
#sectionmenu p {
	margin-bottom: 8px;
	}
#pagemenu {
	margin:10px 0 20px 0; 
	padding:4px; 
	background-color:#FFFFCC; 
	border:solid 1px #EAB67B;
	}
.boxtitle {
	margin-bottom:6px; 
	margin-top:1px;
	font-weight: bold;
	}
.padcells {
	padding: 5px;
	}

/* SIDEBAR AREA  --------------------------------------------------- */
#sidewrapper {
	width:176px;
	float:right;
	margin: 0 0 0 0;
	padding: 5px 2px 15px 2px;
	border: none;
	background-color:#FFFFFF;
	}
/* Test the changes below after whole site is converted  
#sidewrapper {padding-top: 25px;}
#sidebartitle {padding: 2px 0 0 0;}
*/
#sidebar {
	width:160px;
	float:center;
	margin: 25px 2px 2px 2px;
	padding: 0px 2px 10px 2px;
	border: solid 1px #D6AC83;
	background-color:#FFFFFF;
	}
/*
#sidebarorig {
	width:164px;
	float:right;
	margin: 0 0 0 0;
	padding: 2px 2px 20px 2px;
	border: solid 1px #D6AC83;
	background-color:#FFFFFF;
	}
*/
#sidebar p { font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	margin-right:4px;
	margin-top:7px;
	margin-bottom:3px;
	}
#sidebar h3 {
	background-color:#ffd595;
	color: #141414;
	font-size: small;
	margin: 0;
	padding: 2px 0px 2px 0px;
}
#sidebar li {margin: 5px 4px 0 0;}
.sidebar {
	width:160px;
	float:center;
	margin: 5px 2px 2px 2px;
	padding: 0px 0px 10px 0px;
	border: solid 1px #D6AC83;
	background-color:#FFFFFF;
	}
.sidebartight {
	margin-top: 0;
	}
.sidebar p { font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	margin-right:4px;
	margin-top:7px;
	margin-bottom:3px;
	}
.sidebar h3 {
	background-color:#ffd595;
	color: #141414;
	font-size: small;
	margin: 0;
	padding: 2px 2px 2px 5px;
}
.sidebar li {
	margin: 1px 4px 0 0;
	}
.sidebar a {
	text-decoration: none;
	font-size: 0.9em;
	}
.sidebar a:hover {
	background-color: #006666; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-size:0.9em;
	border-bottom: solid #999999 1px; 
	border-right: solid #999999 1px;
	}
.sidebar ul {
	list-style:none; 
	margin-left:7px; 
/*	margin-bottom: 10px; */
	padding-left:0;
	}

/* FOOTER AREA  ---------------------------------------------------- */
#footer {
	width:740px;
	height: 73px;
	margin: 10px auto 0 auto;
	padding:5px;
	text-align:center;
	background-color: #ddeeff;
	font: normal 0.84em Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
#footer a:link, a:visited {
	text-decoration:none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer div {
	text-align:left;
	}
#footer p {margin-top: 2px; margin-bottom: 2px;}
#footer p.expand {margin-top: 8px;}
#footer li {margin-top:0px; margin-bottom:1px;
	}
#footer p.updated {
	 margin-top:8px;
	}
#footer-left {
	 float:left; 
	 margin-top:0; 
	 padding-left:10px;
	}
#footer-right {
	float:right;
	}
#footer-right ul {
	margin-top:0; 
	padding-right: 10px;
	}
#accessible {
	clear:both;
	float:right;
	padding-top: 3px;
	margin-bottom:3px;
	}
#share {
	padding:5px 5px 5px 0; 
	float:right;
	}
/* PAGE-LEVEL HTML ELEMENT STYLES ---------------------------------------------- */

h2   {
	font: bold 1.5em verdana, arial, sans-serif; 
	margin-top: 8px; 
	margin-bottom:20px; 
	padding-bottom:7px; 
	border-bottom:medium solid #ffd595;
	}
h2.related {
	padding-top: 15px;
	}
h3 {font:bold 1.4em "Trebuchet MS", Arial, sans-serif;
	margin-top:10px;
	margin-left:10px; 
	margin-bottom:0;
	}
h3.img {
	padding-top:20px;
	margin-left:10px; 
	margin-bottom:0;
	}
h4 {font:bold 1.2em "Trebuchet MS", Arial, sans-serif;
	margin-top:12px;
	margin-left:10px; 
	margin-bottom:0px;
	}
p {
	margin-left: 10px;
	margin-top:0px;
	margin-bottom:8px;
	}
caption {
	font-weight: bold;
	padding-bottom: 5px;
	}
code {
	font-family: "Courier New", Courier, monospace;
	font-size: 12pt;
	padding-left: 10px;
	}
pre {font-family: "Courier New", Courier, monospace;
	font-size: 12pt;
	padding-left: 10px;
	}
table {
	text-align:left;
	}
.bible
	{
	background: #ffc;
	border-left: 2px solid #fc6;
	border-right: 4px solid #fc6;
	border-top: 2px solid #fc6;
	border-bottom: 4px solid #da4;
	text-align:left;
	margin:15px;
	padding:5px;
	}
.darkgray {color: #333;
	}
.bkgdarkgreen {
	background-color: #006666;
	color: #FFFFFF;
	padding-left:5px;
	margin-top:25px;
	margin-bottom:8px;
	}
h3.bkgtan {
	background-color: #F9E7D2;
	color: #000000;
	padding-left:5px;
	margin-top:25px;
	margin-bottom:8px;
	font-size:1.2em;
	}
.boxright { 
	float:right; 
	padding: 5px; 
	margin:0 0 10px 10px; 
	border:solid 1px #006633;
	font-size:smaller;
	}
.ctrblock {
	display:block; 
	text-align:center;
	}
.define {
	font-weight: bold; 
	color:#CC6600; 
	border-bottom: dotted 1px #8B5927;
	}
.note {
	font-size:smaller; 
	background-color:#FFFFCC; 
	border:solid 1px; 
	padding: 4px; 
	margin: 10px 5px 20px 0;
	}
.tanbk {
 	background-color: #F9E7D2;
	}
.histxt {
	font: normal .95em georgia, tahoma, arial, sans-serif; 
	margin-top: 5px;
	}
ul.subbulnone {
	margin:2px 0px;
	}
.tight {
	margin-top: 0; 
	margin-bottom: 4px;
	}
.tiny {
	font-size:smaller;
	}
.toprule {
	border-top: solid 1px #cc9966;
	margin-top: 20px;
	padding-top: 10px; 
	}
img.ctr {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	}
img.pix {
	border:solid 1px #CC9966; 
	padding:10px; 
	margin: 10px;
	}
img.pixbordered {
	border:solid 1px #CC9966; 
	padding:0px; 
	margin:0px;
	}
img.pixcenter {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	border:solid 1px #CC9966; 
	padding:10px; 
	}
img.pixleft{
	float:left;
	border:solid 1px #CC9966; 
	padding:10px; 
	margin: 5px 10px 10px 0;
	}
img.pixright{
	float:right;
	border:solid 1px #CC9966; 
	padding:10px; 
	margin: 5px 0 10px 10px;
	}
img.rstack {
	margin: 15px 0 0 0; 
	border:none;
	}
.new {
	font-size: 1.0em; 
	background: #FFD451; 
	border-top: solid 1px #FFDD66; 
	border-right: solid 1px #CE925B; 
	border-bottom:solid 1px #CE925B; 
	border-left: solid 1px #FFDD66;
	}
ol, ul {
	margin-top: 5px;
	margin-bottom: 0px;
}
ol li, ul li {
	margin-top: 0;
	margin-bottom: 7px;
}
ul.arrow-down {
	list-style: circle outside url('http://apmethodist.org/images/arrow-down.gif'); 
	}
ul.arrow-down li {
	margin-top: 0; 
	margin-bottom: 4px;
	}
ul.across {
	margin-bottom:20px; 
	margin-top: 10px;
	}
ul.across li {
	display:inline; 
/*	margin-left:15px;   */
	margin-right:15px;
	}
ul.across a:hover {
	background-color: #006666; 
	color: #FFFFFF; 
	text-decoration: underline; 
	padding:5px 0;
	}
ul li ul {
	margin-left: 5px;
	padding-bottom:5px;
	}
ul.expanded li {
	margin-left: 10px;
	margin-bottom: 10px;
	}
ul.somexpand li {
	margin-left: 10px;
	margin-bottom: 6px;
	}
ul.links {
	margin-left:7px; 
	padding-left:10px;
	}
ul.links li {
	margin: 4px 0 0 10px;
	}
tr.header {
	background-color: #713800; 
	color:#FFF; 
	font-weight:bold;
	}
tr.header td {
	padding:5px;
	border-left: solid thin #FFFFFF;
	}
tr.bk-gray {
	background: #e8e8e8;
	}
.xl {
	font-size: x-large;
	}