/*                        This is the                           */

/*                       GREEN VERSION                          */

/*  CSS for Galena Bible Church Website (galenabiblecurch.org)  */ 

/* ---------------  Colors from the Beige bulletin  ---------------------
	Color		Where used		R	G	B		Hex
	------		--------------	---	---	---		--------
	Beige		Main			255	240	199		ffe3a5
	Blue		GBC Name, Box	59	79	130		3b4f82
	Gold		Trumpets		208	155	63		d09b3f
	Beige		Proclaiming		255	240	199		ffe3a5		Used on Green bulletin too
	Sienna		E,C,N,E			187	139	55		bb8b37		Used on Green bulletin too
	Gray/Purple	X,L,C			191	182	139		bfb68b		Used on Green bulletin too
	Maroon		E,E,I			184	90	55		b85a37
	Brown		L,S,city		188	156	120		bc9c78		Used on Green bulletin too

	
-------------------  Colors from the Green bulletin  ----------------------
	Color		Where used		R	G	B		Hex
	------		--------------	---	---	---		--------
	White		Proclaiming		255	255	255		ffffff
    Green		Main			0	128	134		008086		
    Lt Blue		G,D,'			172	215	243		acd7f3
    Purple		O				157	139	185		9d95b9
    Purple/Gray	s,c				187	186	200		bbbac8
    Sienna		e,e				187	139	55		bb8b37		Used on Beige bulletin too
    Beige/tan	x				212	208	163		d4d0a3
    Dull Beige	e				231	208	169		e7d0a9
    Brown		l				188	156	120		bc9c78		Used on Beige bulletin too
    Gray		l,c				191	182	139		bfb68b		Used on Beige bulletin too
    Beige		e,i,s,nameGBC	255	227	165		ffe3a5		Used on Beige bulletin too
    Gray		n				204	211	201		ccd3c9		


-------------------  Calculated Colors for CSS webpage based on Green Bulletin colors  ----------------------
	Color						R	G	B		Hex
	------------------------	---	---	---		--------
    Darker version of "Green"	  0  85  89		005559      WAS 00484f when primary green was 006c76
    Lighter version of "Green"	128 181 187		40a0a4		Was 409198 when primary color was 006c76
    
--------------------  How Darker Version of Green was calculated ---------------------------------------------
    Note: This color is 1/3 of way from the primary color ("Green") toward black
	008086 =   0 128 134 = Primary color   (which is also a distance from black )
               0  43  45 = 1/3 of the distance from "Green" to black
             --- --- ---
               0  85  89 = New darker color that is 1/3 of way from "Green" to "Black"  = 005559 

--------------------  How Lighter Version of Green was calculated ---------------------------------------------
    Note: This color is 1/4 of way from the primary color ("Green") toward white color of the same shade.
	008086 =   0 128 134 = Primary color   (which is also a distance from black )
	         255 127 121 = Distance from white
              64  32  30 = 1/4 distance to white
             --- --- ---   
              64 160 164 = Color 1/4 way from primary to white =  40a0a4


(END OF COLOR TABLE) */    


/* ----------  STYLE SHEET TO MATCH GREEN/GOLD BULLETIN -------------------------------  */
/* ----------      THIS IS THE ALL GREEN VERSION       -------------------------------  */
/* ---------- (THERE IS ALSO A GREEN AND GOLD VERSION) -------------------------------  */


  /* Body text and page background */ 

    body {
          color: #000000;                             
          font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
          background: #ddd fixed; 
          text-align: center; /*** Centers the design in old IE versions ***/
          height: 100%;
          margin: 0;  /* Cancel out any margins imposed by the browser */
          padding: 0;  /* Cancel out any padding imposed by the browser */
          font-size:1em;
          } 

#screen {
    background-color:#008086; /* This fills in green - no white break between header and main or main and footer  */
	width: 790px;
    margin: 5px auto; /*** Centers the design ***/
    border: 5px solid #ffffff;
    text-align: left; /*** Because we centered the text in the body we have to move the text back to left aligning ***/
    }
       
    #header {
		  background-position:left top;
		  background-color:#008086;  /* This is the green header */
		  color:#ffe3a5;    /* Use lt beige lettering  */
		  text-align:center;  /* Center the parts within the heading */
          margin: 0px 0px 3px 0px; /* Creates a space before the wrapper */
          padding-top: 12px;
          padding-bottom:12px;  /* Makes the header color continue under the contact line */
          position:relative;  /* establish a reference position for the crossed trumpets */
          width:100%;  /* put this in or trumpets will be in wrong place on IE6 */
          }
     
     /* The main title "Galena Bible Church" */      
     #namehead { 
          font-size:40px;
		}

/* The line with contact information */
     .contact {
     	  font-size:13px;
     	  }
     #imageleft{
          width:157px;  /* Full size is 848  */
          height:100px; /* Full size is 541  */
		  text-align:left;
		  position:absolute; top:20px; left:15px;
		}
     
     #imageright  {
          width:157px;  /* Full size is 848  */
          height:100px; /* Full size is 541  */
		  text-align:right;
		  position:absolute; top:20px; right:15px;
		}

     
     #efreehead  {
          font-size: 13px;
          text-align:center;
          position:relative; top:10px;
          }

     #pgehead  {
          font-size: 24px;
          text-align:center;
          position:relative; top:20px;
          font-style:italic;
          }

     #wrapper {
	      /* width: 790px; */
	      background-color:#b85a37;
	      padding:5px  5px 5px 5px;
	      }

     
     #spacer  {
          /* width: 780px;   */
          background-color: #bb8b37;
	      padding:5px 5px 5px 5px;
          }			  		  	


     .section {
		  background-color: #bb8b37;
		  padding:0px;
		  position:relative; /* Establishes a relative postion for the naviagtion boxes to use */
          width:100%;  /* This is needed to fix a problem in IE6 */
		}
 
.leftbackground {
		background-color:#008086;
		/*margin: 0px;*/
		}
		
div.main {
      padding: 10px 20px 20px 20px;
      background-color:#008086;  /* -- The background color is light gold -- */
      margin-left: 145px;
      color:#ffe3a5;
      font-size:1em;
      text-align:left;
      }


div.widemain {
      padding: 10px 20px 20px 20px;
      background-color:#008086;  /* -- The background color is light gold -- */
      color:#ffe3a5;
      font-size:1em;
      text-align:left;
      }


a.sermontitle {font-size: 24px;}

a.main:link, a.main:active {color:#ffe3a5;}
a.main:visited {color:#d09b3f;}
a.main:focus, a.main:hover {color:#ffffff;}	


		
.leftsidebar {
		/* width:145px;  */
		background-color:transparent;
		padding-left: 7px;   /* Space between navigation bar and frame  */
		position:absolute; top:10px;
		}


a.navigate	{
    display:block;
    padding:5px 0px 5px 0px;
    text-decoration:none;
    width:118px;
    font-family: arial,helvetica,serif;
	/* Try taking this out -->  height:26px;  */
	text-align: center;
	font-size:13px;
  	font-weight: bold;
    color: #ffe3a5; 
    border-style:solid;
  	border-width:medium;
  	border-color:#bb8b37;  
  	margin: 0px 0px 7px 0px   
    }
    
a.navigate:link, a.navigate:active {background:#b85a37;}
a.navigate:visited {background:#b85a37;}
a.navigate:focus, a.navigate:hover {background:#ffe3a5; color:#b85a37;}

a.header:link, a.header:active {color: #ffe3a5;}
a.header:visited {color: #d09b3f;}
a.header:focus, a.header:hover {color: #ffffff;}

a.box:link, a.box:active {color: #005559;}       /* The Active color is the "Darker Green" color calculated above */
a.box:visited {color: #40a0a4;}   /* Lighter green color calculated above */
a.box:focus, a.box:hover {color: #b85a37;}
         
     #footer {
		  text-align:center;
		  background-color:#008086;
		  color:#ffe3a5;
		  /* width: 100%; */
		  padding-top:15px;  /* Creates the space before the verse starts */
		  padding-bottom:10px; /* Creastes space below the copyright that is still footer */
		  font-size: 12px;
		  margin-top: 3px; /* Creates a space before the footer */
		  }

     /* The verse as it appears in the footer*/      
     #versefoot { 
          font-size:18px;
		  margin: 0px 50px 0px 50px;
		}

	/* Copyright as it appears in the footer */
	#copyright {
	    margin: 18px 0px 10px 0px;
	    font-size: 12px;
	    }

/* Headings */ 
  h1 {font-size:2.31em; color:#ffffff; text-align:center; font-family:arial,helvetica,serif; margin-top:0px;}
  h2 {font-size:2.01em; color:#acd7f3; text-align:left; font-family:arial,helvetica,serif;}
  h3 {font-size:1.75em; color:#acd7f3; text-align:left; font-family:arial,helvetica,serif;}
  h4 {font-size:1.52em; color:#acd7f3; text-align:left; font-family:arial,helvetica,serif;}
  h5 {font-size:1.32em; color:#acd7f3; text-align:left; font-family:arial,helvetica,serif;}
  h6 {font-size:1.15em; color:#acd7f3; text-align:left; font-family:arial,helvetica,serif;}


/* Float image to left of paragraph */ 
img.floatleft{ 
float: left; 
margin:.8em 1.1em .8em 0em;
} 

/* Float image to right of paragraph */ 
img.floatright{ 
float: right;
margin:.8em 0em .8em 1.1em;
} 

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

.center {
	text-align:center;
}

.primarybox {
	background-color:#ffe3a5;
	padding:10px;
	color:#008086;
	margin: 0px;
}

.pgebox{
	margin: 20px 100px 0px 100px;
	font-size:1.05em;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#008086;
	color:#ffe3a5;   
	text-align:center;
	}
	
td.primarycell {
	background-color:#ffe3a5;
	padding:10px;
	color:#008086;
	margin: 0px;
	}

/* This is a fix for Internet Explorer 7 when it encounters a box near the bottom of the section.
   It messes up the bottome wrapper and spacer lines, but only intermittently.  */
.ie7fix {
  margin:0; 
  padding:0; 
  font-size:1px;
  }

.announce4  {
	font-size:1.5em;
	text-align:center;
	}

.announce3  {
	font-size:1.35em;
	text-align:center;
	}
	
.announce2 {
	font-size:1.21em;
	text-align:center;
	}

.announce1  {
	font-size:1.1em;
	text-align:center;
	}

.announce0  {
	font-size:1.0em;
	text-align:center;
	}
.announcem1  {
	font-size:.91em;
	text-align:center;
	}
.announcem2  {
	font-size:.83em;
	text-align:center;
	}
.announcem3  {
	font-size:.75em;
	text-align:center;
	}


.photo {
	background-color:#bb8b37;  /* This is the color of the inner half of the frame */  
    border-color:#b85a37;  /* This is the color of the outer half of the frame  */
	border-style: solid;
	border-width: 5px;
	padding: 5px;
}

hr.primeline4 {
  background-color: #008086;
  color:#008086;
  height:4px;
  width:80%;
  }

hr.primeline3 {
  background-color: #008086;
  color:#008086;
  height:3px;
  width:80%;
  }
  
  hr.primeline2 {
  background-color: #008086;
  color:#008086;
  height:2px;
  width:80%;
  }


hr.baseline {
  background-color: #ffe3a5;
  color: #ffe3a5;
  height:3px;
  width:100%;
  }

/* Used to list name of items on list like links and staff */
      h2.listname {
		text-align:right;
		margin-top:0em;
		}

	  p.listtext  {
	    text-align:justify; 
	    margin: 10px 0 0 0;
	    }
	  p.listcontact {
	    text-align:right;
	    }

/* Used to outdent for 2 digits or characters */
      p.outdent2  {
		margin-left:2.0em;
        text-indent:-2.0em;
        }