/* general */

body {width: 100%; font-family: Helvetica, Arial, sans-serif; background-color: #fff;
 font-size: 90%; margin: 0; border: 0; padding: 0;}
body div.outer {margin: 4px; border: 0; padding: 0;}  /* this puts the margin inside body width = 100% to avoid scroll bars */

td, tr, table, p, h1, h2, h3, h4, div, ul, li {margin: 0; padding: 0; border-width: 0;}
td {vertical-align: top;}
table.tablex td, table.table0 table.tablex td {padding-right: 1em;}
table.table0 td {padding-right: 0;}
p, li {line-height: 120%; font-size:90%;}
h2 {font-weight: bold; font-size: 150%; color: #990000;}
h3, h4 {font-weight: bold; font-size: 100%;}
h2, h3, h4, p {margin-bottom: 0.5em;}
h2, h3    {margin-top: 1em;}
.first  {margin-top: 0;}
a:link {color: #0000FF; text-decoration: underline;}
a:visited {color: #6666CC; text-decoration: underline;}
a:hover  {color: #009900; text-decoration: underline;}
a:active {color: #00FF00; text-decoration: underline;}
em {font-style: italic;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
div.holder {width: 100%;}
.clear {clear:both;}
.warning {font-style: italic; font-weight: bold; color: #f00;}

/* header */

#header {background: #F0F0F0; width: 100%;}
#header1 {display: block; float: left; color: #0000CC; font-size:200%; font-weight:bold; margin: 0; padding: 6px 2px 2px 6px;}
#header1 a:link  {color: #0000CC; text-decoration: none;}
#header1 a:visited {color: #0000CC; text-decoration: none;}
#header1 a:hover {color: #CC0000; text-decoration: underline; }
#header1 a:active {color: #FF0000; text-decoration: underline;}

#header2 {display: block; margin: 0; padding: 8px 16px 2px 8px; text-align: right;}
#header3 {clear: both; display: block; float: left; color: #0000CC; font-size:125%; font-weight:normal; margin: 0; padding: 6px 2px 6px 6px; }
#header3 a:link  {color: #0000CC; text-decoration: none;}
#header3 a:visited {color: #0000CC; text-decoration: none;}
#header3 a:hover {color: #CC0000; text-decoration: underline; }
#header3 a:active {color: #FF0000; text-decoration: underline;}

#header4 {float: right; background: #CC0000; margin: 0 8px 0 0;}
.corner2nw {margin: 0; padding: 0; background: url(images/corner2_nw.gif) no-repeat left top;}
.corner2ne {margin: 0; padding: 0; background: url(images/corner2_ne.gif) no-repeat right top;}
#header4inner { color: #FFFFFF; font-size:200%; font-weight:normal;
      padding: 4px 8px 0 8px; text-align: right; margin: 0;}
/* #header5 {clear:both; border-top: 6px solid #CC0000;} */
#header5 {clear:both; height: 60px; background: #99CCFF url(banner_c.jpg) repeat; border-top: 6px solid #CC0000; border-bottom: 3px solid #cc0000;}

/* #headera {position:relative; left:0;   width:50%; border: 0 solid red; background-color: #99CCcc;} */
/* #headerb {position:relative; left:50%; width:50%; border: 0 solid red; background-color: #99CCFF;} */
/* div.headerb {display: block; float: right; border: 1px solid red; background-color: #99CCFF; }     */

#middle {clear: both;}
#leftside {border-right: 1px solid #00c; vertical-align: top; background: #ffffff; }
#leftside div.outer {margin: 0; vertical-align:top;}

/* menu 1 */

p.mtitle   {display: none;} 

ul.menu, ul.menu ul {list-style: none;}
ul.menu {margin-right: 0.5em; margin-top: 1em;}
*:first-child+html ul.menu {position: relative;}	/* IE7 only - fixes unwanted gaps when zooming - but incompatible with IE6 */
*:first-child+html ul.menu {margin-top: 0.2em;}
ul.menu li {position: relative;}
ul.menu li ul {position: absolute; left: 11.35em; top: 0; display: none; border-bottom: 0.5em #ffffff solid;}
ul.menu li a, ul.menu li.m1s, ul.menu li.m1t, ul.menu li.m1sep, ul.menu li.m2s
	{display: block; margin: 0; padding: 0.3em 0.5em; width: 10em;
	border-width: 0 0.5em 0 0; border-style: solid;}
ul.menu li.m1s, ul.menu li.m2s   {background-color: #c00; border-color: #c00; color: #fff;}
ul.menu li.m1t   {background-color: #ddd; border-color: #ffffff;}
ul.menu li.m1sep {background-color: #ddd; border-color: #fff; height: 0.5em; padding: 0 0.5em;}

ul.menu li:hover a {background-color: #f00; border-color: #f00;}
ul.menu a     {background-color: #ddd; border-color: #fff;}
ul.menu a:link    {color: #0000CC; text-decoration: none; border-color: #ffffff;}
ul.menu a:visited {color: #6666CC; text-decoration: none; border-color: #ffffff;}
ul.menu a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #ff0000; border-color: #ff0000;}
ul.menu a:active  {color: #00FF00; text-decoration: underline; background-color: #FFFFFF; border-color: #ffffff;}

ul.menu li li a:link    {color: #0000CC; text-decoration: none;      background-color: #ddd; border-color: #fff;}
ul.menu li li a:visited {color: #6666CC; text-decoration: none;      background-color: #ddd; border-color: #fff;}
ul.menu li li a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #f00; border-color: #f00;}
ul.menu li li a:active  {color: #00FF00; text-decoration: underline; background-color: #fff; border-color: #fff;}

ul.menu a.m2 {padding-left: 1.5em; width: 9em;}
ul.menu li.m2s  {padding-left: 1.5em; width: 9em;}
/* Fix IE. hide from IE Mac \*/
* html ul.menu li   {float: left; height: 1%; }
* html ul.menu li a {height: 1%; }
/* End */

ul.menu li ul {display: none;}
ul.menu ul a {background-color: #ddd;}
ul.menu li:hover ul, ul.menu li.over ul { display: block; z-index: 1; }

/* sub menu */

#nav2 p {display: none;}
#nav2 #nav2ul {list-style: none; margin: 0 0 0.5em; background-color: #fff; padding: 0; border: 0 solid #0f0;}
*:first-child+html #nav2 #nav2ul {margin: 0;}
* html #nav2 #nav2ul {margin: 0;}
#nav2 li {display: inline-block;}	/*  sorts out IE7 zoom going wrong */
#nav2 li {display: inline; margin: 0; margin: 0; padding: 0;
	border-width: 0; background-color: #ddd;}
#nav2 span.m2a {display: inline; padding: 0.5em 0.5em; background-color: #c00; color: #fff;}
#nav2 a  {padding: 0em 0.5em;}
#nav2 span.m2s {padding: 0 0.5em; background-color: #c00; color: #fff;}
#nav2 a:link    {color: #0000CC; text-decoration: none; border-color: #ffffff;}
#nav2 a:visited {color: #6666CC; text-decoration: none; border-color: #ffffff;}
#nav2 a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #ff0000; border-color: #ff0000;}

/* main content */

#main {width: 100%; vertical-align: top;}
#main div.outer {vertical-align: top; padding: 1em 0 0.5em 0.5em; margin: 0; }
#main ul {list-style: none; margin-left: 4em;}
#main li {margin-bottom: 0.5em;}

p.ud {clear:both; margin-top: 1em; text-align: right;}

/* main content - right side box*/

div.rightbox1 {width: 50%; display: block; float: right;}
div.rightbox1 div.border {margin: 0 0 0.2em 0.2em; border: 1px solid #00f; padding: 0.2em; background-color: #f0f0f0;}
div.rightbox1 h2, div.rightbox1 h3 {color: #0000ff;}

div.rightbox2 {display: block; float: right;}
div.rightbox2 div.border {margin: 0 0 0.2em 0.2em; border: 1px solid #00f; padding: 0.2em; background-color: #f0f0f0;}
div.rightbox2 h2, div.rightbox2 h3 {color: #0000ff;}

div.fullbox0 {width: 100%;}
div.fullbox1 {width: 100%;}
div.fullbox1 div.border {margin: 0 0 0.2em 0; border: 1px solid #00f; padding: 0.2em; background-color: #f0f0f0;}
div.fullbox1 h2, div.fullbox1 h3 {color: #0000ff;}

div.col1_2, div.col2_2 {width: 49.99%; display: block;}
div.col1_2 {float: left;}
div.col2_2 {float: right;}
div.col1_2 div.border {padding: 0.5em 1em 0 0; border-right: 1px solid #00f; border-top: 1px solid #00f;}
div.col2_2 div.border {padding: 0.5em 0 0 1em; border-top: 1px solid #00f;}
div.colend_2 {clear:both; border-top: 1px solid #00f; margin-bottom: 0.5em;}

p.quote, div.quote p {margin-left: 5em;}
p.quoteref {margin-left: 10em;}


#middle5 {clear:both; border-top: 1px solid #00c;}
#footer {clear:both;}
#footer p {text-align: center; font-size: 80%;}

#sitemeter {float: left;}

/* images */

img.right_b0, img.right_b1  {border: 0; float: right; display: block; margin: 0 0 0.5em 0.5em;}
h2+img.right_b0, h2+img.right_b1 {clear: right;}
img.right_b1 {border: 1px #000 solid;}

img.left_b0, img.left_b1  {border: 0; float: left; display: block; margin: 0 0.5em 0.5em 0;}
h2+img.left_b0, h2+img.left_b1 {clear: left;}
img.left_b1 {border: 1px #000 solid;}

/* social bookmarking */

div.sbm {clear:both; margin-top: 0.5em; border-top: 1px solid #00c; vertical-align: bottom;}
div.sbm h3 {margin: 0.5em 0 0 0; color: #990000;}
div.sbm ul {list-style: none; margin: 0.5em;}
div.sbm li {display: inline-block;}   /* sorts out IE7 zoom going wrong */
div.sbm li {display: inline; margin: 0 1em;}
#stumbleupon {background: url(images/stumble_16x16_solid.gif) no-repeat left bottom; padding: 4px 0 0 18px;}
#reddit {background: url(images/sbm_reddit.gif) no-repeat left bottom; padding: 4px 0 0 22px;}
#delicious {background: url(images/sbm_delicious.gif) no-repeat left bottom; padding: 4px 0 0 13px;}
#facebook {background: url(images/sbm_facebook.gif) no-repeat left bottom; padding: 4px 0 0 18px;}
#digg {background: url(images/sbm_digg.gif) no-repeat left bottom; padding: 4px 0 0 20px;}

/* pictures - home page */
#picholder {}
#pic01 {border: 1px solid #00f; float: right; display: block;}
#pic02 {border: 1px solid #00f; margin: 0 6px 5px 0.5em; float: right; display: block;}
#pic03 {clear: both; border: 1px solid #00f; margin: 0 0 0.5em 0.5em; float: right;}
/* rejesus */
#pic04 {clear: both; border: 0 solid #00f; margin: 0 0 0.5em 0.5em; float: right;}
#text05 {clear: both; width: 211px; border: 0 solid #00f; margin: 0 0 0.5em 0.5em; float: right; color: #fa7b0a; text-align: justify;}
/* Bible verse of the day */
#text06 {clear: both; width: 211px; border: 0 solid #00f; margin: 0 0 1em 0.5em; float: right;}
#text06 h3 {margin-top: 0; color: #990000; border-bottom: 1px #990000 solid;}
#text06 div, #text06 p {font-size:90%; color: #666666; text-align: justify;}
#roundabout {clear: both; width: 211px; border: 0 solid #00f; margin: 0 0 0.5em 0.5em; float: right;}
#roundabout h3 {color: #008400; border-bottom: 1px #008400 solid; margin: 0 0 0.5em 0;}
#roundabout p {margin: 0 0 1em 0; text-align: center; font-size: 75%;}

/* sunday services - home page */

#sunservices {width: 100%; display: block; margin-bottom: 1em; padding: 0;}
#sunservices div.border {border: 1px solid #00f; background-color: #e0e0e0;}
div.sunservicesam {display: block; float: left;  width: 49%; margin: 0;}
div.sunservicespm {display: block; float: right; width: 49%; margin: 0;}

#sunservices h2  {color: #009900;}
#sunservices p, #sunservices h3, #sunservices h2 {display: block; text-align: center; margin: 0.1em; padding: 0;}
#sunservices p.sunservicestext {clear:both; padding-top: 0.5em;}

#sunservices .ie6fix1 {display: block; float: left;  width: 95%; margin: 0;}
#sunservices .ie6fix2 {display: block; float: right; width:  4%; margin: 0;}

/* First Steps */

#firststeps_pic01 {clear: both; border: 0; float: right; display: block; margin: 3em 65px 0.5em 0.5em;}
#firststeps_pic02 {border: 0; float: right; display: block; margin: 0 0 0.5em 0.5em;}

/* site map */
p.sm1 {padding-left: 0em;}
p.sm2 {padding-left: 6em;}
p.sm3 {padding-left: 12em;}

/* diary */
/* sundays */
td.dsh  {font-size: 125%; color: #990000; text-align: center; font-weight: bold; border-bottom: 2px solid #990000;}
td.dss  {text-align: center; vertical-align: top;}
td.dsd  {text-align: center; vertical-align: top;}
td.dsdh {text-align: center; vertical-align: middle;}
td.dsap {font-size: 125%; text-align: center; font-weight: bold; color: #990000; vertical-align: top;}
td.dsbar { border-top: 2px solid #990000;  margin-bottom: 1em;}

/* midweek */
td.dm    {background-color: #FFCC99; color: #990000; text-align: left; font-weight: bold;}
td.dmh   {font-size:125%; color: #990000; text-align: left; font-weight: bold; border-bottom: 2px solid #990000;}
td.dmdy  {text-align: left;   vertical-align: top; padding-right: 6px;}
td.dmdt  {text-align: right;  vertical-align: top; padding-right: 12px;}
td.dmtm  {text-align: right;   vertical-align: top; padding-right: 6px; white-space: nowrap;}
td.dmq   {text-align: center;}
td.dmev  {text-align: left;   vertical-align: top;}
td.dmg   {;}
td.dss, td.dsd, td.dsdh, td.dm, td.dmdy, td.dmdt, td.dmtm, td.dmq, td.dmev {font-size: 90%; line-height: 120%;}