/* Universal style rule */
*{
  margin: 0;
  padding: 0;
  /* Temporary borders */
  /* border: dashed 1px #f00;*/
} 


/* BODY TEXT AND BACKGROUND */
body {
    border:0;
    background:#ffffff;
    color:#000;
   font-family: Arial, Helvetica, San-serif;
   font-size: 1em;
}

#wrap {
background-color: #428142;
width: 55em;
 /* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
 margin: 20px auto 0 auto;
position:relative;
}

#header {
/* For absolutely-positioned hyperlinks */
position:relative; 
background:#428142; /*green*/
height: 10em;
}

#header h1,h2 {
font-family: "Palatino Linotype", Georgia, serif;
font-size: 2.5em;
text-align: right;
color:#b88e5e;
font-weight:bold;
font-variant:small-caps;
letter-spacing:0.2em; 
padding:.2em;
}

#header h2{
font-size: .75em;
font-weight:bold;
}

/*========LEFT COLUMN=========*/
#sidebar {
margin-top:1.3em;
background-color: #b88e5e; /*gold to fix IE issue on menu*/
float: left;
width: 8em;
}
#sidebar p {

background-color: #ccc;
text-align: center;
}

/*======MENU NAVBAR IN LEFT COLUMN=======*/
#menu {
background:#b88e5e; /*gold to fix IE issue on menu*/
width:100%;
 /* Center horizontally */
/*margin:1em auto;*/
 /*text-align:center;*/
border-top:solid 3px  #b88e5e;  /*gold*/
border-bottom:solid 2px  #b88e5e;  /*gold*/
}

#menu ul {
list-style-type: none;
padding:0;
margin:0;
}

/*List items in the MENU are controlled by the #menu li style rule BELOW */

/* List items in the navbar */
#menu li{
font-size:75%;
line-height:1.5em;
width:100%; /* fix for IE 6 Hover-Hot-Spot*/
 /* For flyout menus */
 position:relative;
}

/* Make the width of each item in the menu the same as the width of the menu. use width:auto;  BELOW */

/* SIDE MENU LINKS Button Type Styling */
/* Applies to side menu links, unvisited and visited */
#menu a,
#menu a:link,
#menu a:visited{
text-decoration: none;
color: #428142;
display: block;
width: auto;
padding: .25em;
background: #fff;
border-style: solid;
border-width: 1px;
border-color: #b88e5e;/*gold*/
}

/* Side menu hover and active page links */
#menu a:hover,
#menu a:active{
/*#menu li.selected a:link,*/
/*#menu li.selected a:visited*/
color: #000; /* black */  
/*font-size: 1.3em;*/
text-decoration: none;
border-color: #996633;/*darker gold*/
}

/* Side menu current page links */
#menu li.selected a:link,
#menu li.selected a:visited{
background: #3333ff; /*blue*/
color: #fff;
}

/* ******************************** */
 /*Flyout menu styles */
/*The top-left corner of a flyout menu needs to be positioned near the top-right corner of the item on the navbar that displays that menu. */

/* Applies to flyout menus in Side Menu */
#menu li ul{
 position:absolute;
 top:0;
 left:99%;
 z-index:105;
 visibility:hidden;
}

/* Make flyout menu visible on Menu hover */
#menu li:hover ul,
#menu li a:hover ul{ /* IE6 hack */
 visibility:visible;
}

/* Applies to links on the Side fly-outmenu */
#menu li:hover ul li a,
#menu li a:hover ul li a{ /* IE6 hack */
 background:#428142; /* Green-Removes background image */
 font-size:1.5em;
color:#fff;
 text-align:left;
 display:block;
 width:10em;
 padding:.5em;
 height:auto;
}

/* Hover on flyout menu links */
#menu li:hover ul li a:hover,
#menu li a:hover ul li a:hover{ /* IE6 hack */
 background: #993333; /*burgundy*/
 color:#fff;
}

/* IE6 hack applies to table flyout menus */
#menu table {
 margin-left:-118px;
 border-collapse:collapse;
 position:absolute;
 top:0em;
 left:99%;
 z-index:125;
}





/*========NAV TAB BAR=========*/
#nav {
margin-bottom: 9px;    
background:#428142;  /*green*/
padding:6px;
}

/* ======NAV TAB BAR LINKS=====*/
#navigation a {
color: #ffffff;
background: #b88e55 url("images/gold-tab-left.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px;
}

#navigation a span {
background: url("images/gold-tab-right.gif") right top no-repeat;
padding-right: 10px;
}

#navigation a, #navigation a span {
display: block;
float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span {
float: none;
}
/* End IE5-Mac hack */

#navigation a:hover {
color: #fff;
background: #993333 url("images/burg-tab-left.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px;
}

#navigation a:hover span {
background: url("images/burg-tab-right.gif") right top no-repeat;
padding-right: 10px;
}

#navigation {
font-size: .75em;
list-style: none;
padding: 0;
margin: 0;
}

#navigation li {
float: right;
display: block;
margin: 0;
padding: 0;
}

/* ======MAIN CONTENT=====*/
#content {
/* Left margin must match leftcolumn width */
  margin-left:8em;
  background-color:#fff;
  padding:10px 20px;
border: thick solid #b88e5e; /*gold*/
}



/* ======FOOTER=====*/

#footer {
clear: both;
position:relative; 
background:#428142; /*green*/
padding:0.5em;
text-align:center;
}

#footer h1 {
font-size: 1.5em;
font-color: #000;
text-align: center;
}

#footer h2 {
font-size: 1em;
font-color: #000;
text-align: center;
}

#footer p {
font-size= 1.2em;
color: fff;
}

/* Footer Links*/
a:link.foot{  
color:#fff;
font-size: 1em;
  text-decoration:underline;
}
a:visited.foot{  
color:#cccccc;
font-size: 1em;
  text-decoration:underline;
}

/*====Applies to Headings, Paragraphs and Lists==*/

ul, ol {
  padding:10px 0 10px 40px;
}

#content h1,h2,h3,h4,h5 {
  font-weight:normal;
  font-style:none;
  font-variant:small-caps;
  letter-spacing:0.08em; 
  padding:1em;
}

#content h1 {
text-align:center;
font-size: 1.5em;
color: #993333; /*burgundy */
}

#content h2 {
font-size: 2em;
color: #428142; /*green*/
text-align: center;
}

#content h3{
    font-size: .75em;
    color: #000000; /*black*/
    text-align: center;
}

#content h4{
    font-size: 1.5em;
    color: #993333; /*burgundy*/
    text-align: left;
}

#content h5{
    font-size: 1em;
    color: #000; /*black*/
    text-align: center;
}

/* ======GENERAL ELEMENTS=====*/

acronym, abbr{
  border-bottom: dotted 1px #ddd;
}

/*   TABLES  */

table {
width:100%;
font-size: .75em;
color: #000000;
text-align:right;
border: 0;
}

td {    
padding: 5px;
text-align: center;
}

td.one {
padding: 2em;
text-align:left;
vertical-align:top;
font-size: .9em;
background-image: url(images/one.gif);
background-position: center top;
background-repeat:no-repeat;
}

td.two {
padding: 2em;
text-align:left;
vertical-align:top;
font-size: .9em;
background-image: url(images/two.gif);
background-position: center top;
background-repeat:no-repeat;
}

td.three {
padding: 2em;
vertical-align:top;
text-align:left;
font-size: .9em;
background-image: url(images/three.gif);
background-position: center top;
background-repeat:no-repeat;
}

table.camp {
font-size: 1em;
text-align:right;
border-color: #b88e5e;
border-width: 1px;
}

tr.head {
background-color: #999933;
text-align:center;
color: #ffffff;
font-size: 1.3em;
}

tr.row:hover{ background-color: #ccc; }

tr.green {
background-color: #428142;
color: #ffffff;
}

tr.white {
background-color: #ffff99;
color: #000000;
}

tr.foot {
background-color: #999933;
text-align:left;
color: #ffffff;
font-size: .85em;
}


/*    PARAGRAPHS    */

p {
margin-top: 10px;
}

p.head{
font-size: .75em;
color: #993333; /*burgundy*/
text-align: center;
}
p.burg{
font-size: .75em;
font-weight: bold;
color: #993333; /*burgundy*/
text-align: left;
}
p.burgr{
font-size: 1em;
color: #993333; /*burgundy*/
text-align: right;
}
p.burgl{
font-size: 1em;
color: #993333; /*burgundy*/
text-align:left;
}

p.burgc{
	font-size: 1.2em;
	font-weight: bold;
	color: 993333; /*burgundy*/
	text-align: center;
}

p.casual{
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	color: #428142; /*burgundy*/
	text-align: center;
	padding: .5em;
	font-style: normal;
	font-weight: bold;
	background-color: #FC6;
	border: thin solid #B78C61;
	margin: .2em;
}

p.center{
font-size: 1em;
color: #000000; /*black*/
text-align: center;
}

p.wl{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: left;
}

p.wc{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: center;
}

p.wr{
font-size: 1.5em;
color: #ffffff; /*white*/
text-align: right;
}

p.wls{
font-size: .75em;
color: #ffffff; /*white*/
text-align: left;
}
p.wcs{
font-size: .75em;
color: #ffffff; /*white*/
text-align: center;
}
p.wrs{
font-size: .75em;
color: #ffffff; /*white*/
text-align: right;
}

p.bl{
font-size: 1.5em;
color: #000000; /*black*/
text-align: left;
}

p.bc{
font-size: 1.5em;
color: #000000; /*black*/
text-align: center;
}

p.br{
font-size: 1.5em;
color: #000000; /*black*/
text-align: right;
}

p.bl2{
font-size: 1.25em;
color: #000000; /*black*/
text-align: left;
}

p.inv{
margin: 40px;
font-weight: bold;
border-width: thick;
border-style: solid;
border-color: #b88e5e;
text-align: left;
padding: 30px;
}

p.lent{
margin: 40px;
color: #551a8b;
font-size: 1.2em;
font-weight: normal;
border-width: thick;
border-style: solid;
border-color: #b88e5e;
text-align: left;
padding: 30px;
background-color: #ffffcc; 
}

p.inv2{
margin-top: 5px;
background-color: #ffff99;
text-align: center;
padding: 20px;
}

p.inv3{
width:600px;
margin:0 auto;
background-image:url(images/jesus.gif);
background-repeat:no-repeat;
text-align: center;
padding: 20px;
}


/*  BLOCKQUOTES  */

blockquote {
font-size: 1.25em;
color: #993333; /*burgundy*/
border : 2px solid #428142;
width:20em; 
margin: 20px auto 0 auto;
padding: 10px; 
text-align: center;
background-color: #ffffcc; 
}

blockquote.left {
font-size: 1em;
color: #000000; /*black*/
border: none;
width: 60%;
margin-left: 25px; 
text-align: left;
}

blockquote.center {
font-size: 1em;
color: #000000; /*black*/
border: none;
width: 70%;
margin-left: 100px; 
text-align: left;
}
blockquote.history {
font-size: .8em;
color: #000000; /*black*/
border: none;
width: 80%;
margin-left: 80px; 
text-align: left;
}

/* container for the JavaScript counter*/
#counter {
text-align: center;
color: #ffffff;
font-size: .75em;
}




/*   PHOTOGRAPHS  */

/* Center image between margins */
div.center{   width: 100%;   text-align: center;
}

/* Style for tables of thumbnail images */
table.thumbs{  
	vertical-align: bottom;   
	text-align: center;   
	border-collapse: collapse;
	margin: auto
}
/* Style for table cells that contain thumbnails */
td.thumbs{    
	border: solid 1px #428142;   
	padding: 10px;
}
/* Style for thumbnail images */
img.thumbs{  
	 width:100px;
border-width: 0px;
}

img.link {
border-width: 0;
}




/*CONTENT LINKS*/
a:link{  
color:#00f;
  text-decoration:underline;
}

a:visited{   
color: #993333; /* burgundy */   
text-decoration: underline;
}


hr {
width: 95%;
color: #993333;
}


/* Floating Boxes*/
p.boxg {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
color: #ffffff;
text-align: center;
float: left;
border: thin #999999;
background-color: #428142; /*green*/
width: 360px;
height: 150px;
padding: 10px;
}

p.boxgold {   /*Used in bulletin for Financial Report*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	margin: 20px;
	text-align: center;
	border: solid  #993333;
	float: left;
	background-color: #B88E5E; /*gold*/
	width: 90%;
	padding: 10px;
}

p.boxw {   /*Used on Bulletin for the readings*/
font-family: Arial, Helvetica, San-serif;
font-size: .75em;
font-weight: bold;
color: #993333;
border: solid  #b88e5e;
text-align: center;
float: left;
background-color: #ffffff; /*white*/
margin-left: 2px;
width: 300px;
padding: 10px;
}

p.boxlogo{  /*This box contains the Campaign Logo on all the Campaign Pages*/
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
font-weight: bold;
color: #993333;
border: solid  #ffffff;
text-align: center;
float: left;
background-color: #ffffff; /*white*/
margin-left: 10px;
width: 405px;
height: 665px;
padding: 1px;
}

p.boxgoal{   /* This box on Campaign Goal page*/
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #ffffff;
border: solid  #993333;
text-align: left;
float: left;
background-color: #428142; /*green*/
margin-right: 10px;
width: 220px;
height: 665px;
padding: 15px;
}



p.boxgoldbig {
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
color: #ffffff;
text-align: center;
float: left;
background-color: #b88e5e; /*gold*/
width: 99%;
 
}
p.box110 {
margin: 10px;
font-family: Arial, Helvetica, San-serif;
font-size: .95em;
color: #993333;
text-align: center;
float: left;
background: url("images/bluecross.gif");
border: #428142 solid;
width: 110px;
clear:both;
 
}


p.boxpray {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
color: #ffffff;
text-align: left;
float: left;
background-color: #993333; /*burg*/
border: solid  #b88e5e;
margin: 15px;
width: 40%;
padding: 15px;
clear: both;
}



p.boxgoal2{
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #ffffff;
border: solid  #993333;
text-align: left;
float: right;
background: url("images/smallthermometer2.gif") left top no-repeat;
margin-left: 40px;
width: 90px;
height: 140px;
padding: 15px;
}


/* Bulletin Board Boxes*/
p.boxbb1{
font-family: Arial, Helvetica, San-serif;
font-size: 1em;
font-weight: bold;
color: #993333;
border-top: #000000 solid;
text-align: left;
float: left;
background-color: #99ccff; /*skyblue*/
margin-top:15px;
margin-left: 5px;
margin-right: 10px;
width: 220px;
padding: 5px;
}

p.boxbb2 {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #000000;
text-align: center;
float: left;
border-top: #428142 solid;
background: url("images/hospital.gif") left top no-repeat;
margin: 5px;
width: 150px;
padding-top: 150px;
clear: left;
}

p.boxbb3 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #428142; /*green*/
border-top: #428142 solid;
text-align: left;
float: right;
background-color: #ffff33; /*yellow*/
margin-top:5px;
margin-left: 5px;
width: 205px;
padding: 5px;
}

p.boxbb4 {
font-family: Arial, Helvetica, San-serif;
font-size: .8em;
color: #ffffff;
text-align: left;
float: left;
background: url("images/crossbg.gif");
background-repeat: repeat-y;
border-top: #000000 solid;
margin-top: 10px;
margin-left: 5px;
width: 280px;
padding:10px;
padding-left: 200px;
}

p.boxbb5 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
color: #000000;
border-top: #000000 solid;
text-align: center;
float: left;
background: url("images/sheet.gif") left top; 
background-repeat: repeat-y;
margin-top:15px;
margin-left: 10px;
width: 180px;
padding: 12px;
}

p.boxbb6 {
font-family: "Comic Sans MS",Arial, Helvetica, San-serif;
font-size: .8em;
font-weight: bold;
background: url("images/cwl-note.gif") left top no-repeat;
text-align: right;
float: left;
margin:10px;
width: 479px;
height: 250px;
padding: 1px;
}

p.boxbbfit {
font-family: Times, serif;
font-size: 2em;
color: #000000;
/*background: url("images/tombstone.gif") left top;*/
background-color: #ff9900; /*orange*/
border: #000000 solid;
text-align: center;
float: left;
margin-left: 5px;
width: 680px;
padding-top:125px;
padding-left: 20px;
padding-right: 20px;
}

p.boxreg {
padding: 10px;
border: #000000 solid;
margin-left: 75px;
width: 600px;
font-size: 10pt;
font-weight: bold;
color: #000000; /*black*/
text-align: left;
}

@media print{
/* Start printer-friendly styles */



/*End printer-friendly styles */
}


.bold {
	font-size: larger;
	font-weight: bold;
}
.listcolor {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #F93;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 2px;
}
p.red {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-variant: normal;
	color: #F00;
	background-color: #FFF;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	letter-spacing: normal;
	text-align: center;
	word-spacing: .2em;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	padding: .2em;
}