body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: #E8F7E0 url(bg/body.gif) repeat-y top center;
}

div, p, th, td, li, dd, dl, dt    {
             /* redundant selectors to help NS4 not forget */
    font-family:  Arial, Helvetica, sans-serif;
    }

a {
  color: #575;
}
	

a:hover {
  color: #E12A22;
}


ul, dl, ol{
  font-size: 12px;
}

ul li,
ol li {
  padding: 5px;
  margin: 0 20px;
}

dl {
  float: left;
  width: 500px;
  padding: 10px 0;
  margin: 0 0 10px 0;      
}

dt {
  float: left;
  width: 130px;

  padding: 5px 0;
  margin: 7px 0;
  color: #557755;    
}

dd {
  float: left;
  width: 320px;
  clear: right;

  padding: 5px;
  margin: 7px 0;
  
}

dl.borderBottom {
  border-bottom: 1px solid #AC9;
}

h5 {
  color: #39714A;
}


p {
	color:	#000000;
	line-height: 1.5em;
	font-size:	12px;
	}
h1	{
	font-size:	24px;
	
	}

h2	{
	font-size:	22px;
	}

h3	{
	font-size:	20px;
	}

h4 {
	font-size:	18px;
	}

h5	{
	font-size:	14px;
	}

h6	{
	font-weight: normal;
	margin-left: 15;
	font-size:	12px;
	}
h1, h2, h3, h4, h5, h6	{
	font-family: arial, helvetica, sans-serif;
	font-weight: none;
	color: #000000;
	background-color: transparent;
	}


	
/* Layout Styles */	
.cellBanner {	
  height: 88px;
  background: #575;  
}

.cellHdrImg {
  height: 90px;
  padding: 3px;
  
  vertical-align: bottom;
  text-align: right;
  
  font: bold 70% arial, sans-serif;
  letter-spacing: 1px;
  
  color: #F0EFC9;
}

.cellMenu {
  width: 181px;
  vertical-align: top;
  padding: 20px 0;
  background: #AC9;
}

.cellContent {
  width: 520px;
  padding: 0 41px 50px 41px;
  vertical-align: top;
  background: #F0EFC9;
}

.cellYellowLine {
  height: 6px;
  background: #FD5;
}

.cellFooter {
  height: 56px;
  padding: 10px 0 15px 0;
  
  font-size: 75%;
  text-align: center;
  
  color: #FFF;
  background: #575;
}

.cellFooter a {
  color: #AC9;
}

.cellFooter a:hover {
  color: #FFF;
}
	
	
	
/* Menu Styles */	
ul.sidemenu {
  margin: 10px 0;
  padding: 0;
}

ul.sidemenu li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.sidemenu li a {
  display: block;  
  padding: 8px 10px 8px 18px;
    
  font: 24px georgia, serif;
  letter-spacing: -1px;
  text-decoration: none;
  color: #FFF;
}

ul.sidemenu li a:hover {
  color: #39714A;
  background-color: #F0EFC9;
}

ul.sidemenu ul {
  padding: 0 0 8px 0;
  margin: 0;
  display: none;
}

ul.sidemenu li.here {  
  display: block;
  background-color: #F0EFC9;
}

/* IE Mac Hide \*/
* html ul.sidemenu li.here,
* html ul.sidemenu li.here ul a {
  height: 1%;
}
/* End Hide */

ul.sidemenu li.here a {
  color: #39714A;
}

ul.sidemenu li.here a:hover {
  background-color: #F0EFC9;
}

ul.sidemenu li.here ul {
  display: block;  
  margin-top: -4px;
}

ul.sidemenu li.here ul a {
  margin: 0 0 0 7px;
  padding: 5px 5px 5px 27px;

  font: 12px arial, sans-serif;
  letter-spacing: 0;
  text-decoration: underline;
  
  background: url(bg/menu_bullet.gif) no-repeat 15px 50%;
}

ul.sidemenu li.here ul a:hover {
  color: #E12A22;
  background-color: #F3E6A1;
}



/* Big Image List used for Photo gallery */
ul.bigImageList {
  margin: 0;
  padding: 0;    
}

ul.bigImageList li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}

ul.bigImageList li a {
  display: block;
  position: relative;
  padding: 5px;
  margin-bottom: 10px;
  text-decoration: none;
}

ul.bigImageList li a:hover {
  background: #EFEDB2;
}


ul.bigImageList li a img {
  position: absolute;
  top: 5px;
  left: 5px;
  border: 0;
}

ul.bigImageList li a span {
  position: relative;  
  left: 100px;
  width: 370px;
  cursor: pointer;
}

ul.bigImageList li a span.title {
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: underline;
}

ul.bigImageList li a span.desc {
  display: block;
  height: auto !important;
  height: 62px;
  min-height: 62px;
  
  padding-top: 5px;
  
  font: 400 1em arial, sans-serif;
  color: #000;
}




/* Big Post List used for Bulletin Board 
   Big Column List used for Citizen Columns page */
ul.bigPostList,
ul.bigColumnList,
ul.updateLinks {
  margin: 0;
  padding: 0;    
}

ul.bigPostList li,
ul.bigColumnList li,
ul.updateLinks li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}

ul.bigPostList li a, 
ul.bigColumnList li a,
ul.updateLinks li a {
  display: block;
  position: relative;
  padding: 5px;
  margin-bottom: 10px;
  text-decoration: none;
}

ul.bigPostList li a:hover,
ul.bigColumnList li a:hover,
ul.updateLinks li a:hover {
  color: #000;
  background: #EFEDB2;
}

ul.updateLinks li a {
  padding-left: 0;
  width: 486px;
  color: #000;
}

ul.updateLinks li a span.link {
  text-decoration: underline;
  color: #575;
}

ul.updateLinks li a:hover span.link {
  color: #E12A22;
}



ul.bigPostList li a span.date {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 98px;
  height: 82px;
  background: url(bg/big_post_list.jpg) no-repeat top left;
}

ul.bigPostList li a:hover span.date {
  background: url(bg/big_post_list.jpg) no-repeat bottom left;
}

ul.bigColumnList li a span.date {
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 98px;
  height: 82px;
  background: url(bg/big_column_list.jpg) no-repeat top left;
}

ul.bigColumnList li a:hover span.date {
  background: url(bg/big_column_list.jpg) no-repeat bottom left;
}

ul.bigPostList li a span.date span.month,
ul.bigColumnList li a span.date span.month {
  position: absolute;
  top: 15px;
  left: 32px;
  
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
}

ul.bigPostList li a span.date span.day,
ul.bigColumnList li a span.date span.day {
  position: absolute;
  top: 30px;
  left: 29px;
  
  font: 700 2em verdana, sans-serif;
  letter-spacing: -2px;
  text-transform: uppercase;
}

ul.bigColumnList li a span.date span.month {
  top: 13px;
  left: 33px;
}

ul.bigColumnList li a span.date span.day {
  top: 27px;
  left: 31px;
}

ul.bigPostList li a span.date span.month,
ul.bigPostList li a span.date span.day {
  color: #FFAE00;
}

ul.bigPostList li a:hover span.date span.month,
ul.bigPostList li a:hover span.date span.day {
  color: #FF8400;
}

ul.bigColumnList li a span.date span.month,
ul.bigColumnList li a span.date span.day {
  color: #6EB2E9;
}

ul.bigColumnList li a:hover span.date span.month,
ul.bigColumnList li a:hover span.date span.day {
  color: #3790D9;
}



ul.bigPostList li a span.title,
ul.bigPostList li a span.desc,
ul.bigColumnList li a span.title, 
ul.bigColumnList li a span.desc {
  position: relative;  
  top: 7px;
  left: 115px;
  width: 370px;
  cursor: pointer;
}

ul.bigPostList li a span.title,
ul.bigColumnList li a span.title {
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: underline;
}

ul.bigPostList li a span.desc,
ul.bigColumnList li a span.desc {
  display: block;
  height: auto !important;
  height: 55px;
  min-height: 55px;
  
  padding-top: 5px;
  
  font: 400 1em arial, sans-serif;
  color: #000;
}




/* Big Links used on Link page */
ul.bigLinks {
  margin: 0;
  padding: 0;    
}

ul.bigLinks li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}

ul.bigLinks li a {
  display: block;
  position: relative;
  padding: 5px 5px 5px 0;
  margin-bottom: 10px;
  text-decoration: none;
}

ul.bigLinks li a:hover {
  background: #EFEDB2;
}

ul.bigLinks li a b {
  display: block;  
  font-size: 1.2em;
}

ul.bigLinks li a span {
  color: #222;
}

ul.bigLinks li.highlight a {
  background: #EFEDB2;
}



/* Top bar background images */
.bg0 {
  background: url(homeimage.jpg);
}

.bg1 {
  background: url(bishopco.jpg);
}

.bg2 {
  background: url(candlelit.jpg);
}

.bg3 {
  background: url(gospelonicxc.jpg);
}



#language {
  float: right;
  padding: 3px;
  margin: 8px !important;
  margin: 8px 4px;
  font-size: 0.7em;
  background: #F3E6A1;
}


/* Generic Styles */

.borderTop {
  padding-top: 20px;
  border-top: 1px solid #AC9;
}

.green {
  color: #575;
}

.yellowBg {
  background: #EFEDB2;
}

.block {
  display: block;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

img.floatRight {
  margin: 0 0 5px 10px;
}

img.floatLeft {
  margin: 0 10px 5px 0;
}

.breadcrumb {
  color: #AACC9A;
}

.accept {
  padding: 0 20px 0 0;
  background: url(icon_accept.gif) no-repeat center right;
}