/*                        This is the                           */

/*                       BEIGE AND BLUE 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 Beige Bulletin colors  ----------------------
	Color						R	G	B		Hex
	------------------------	---	---	---		--------
    Darker version of "Blue"	  0  85  89		273557      was 3f4353 when primary color was 5e647c
    Lighter version of "Blue"	107	111	161		6b6fa1		Was 797d9b when primary color was 5e647c
    
--------------------  How two Darker Version of Blue was calculated ---------------------------------------------
    Note: This color is 1/3 of way from the primary color ("Blue") toward black
	3b4f82 =  59  79 130 = Primary color   (which is also a distance from black )
              20  26  43 = 1/3 of the distance from "Blue" toward black
             --- --- ---
              39  53  87 = New darker color that is 1/3 of way from "Blue" to "Black"  = 273557
              20  26  43 = The even darker color 2/3 of the way from original blue to black = 141a2b

              

--------------------  How Lighter Version of Blue was calculated ---------------------------------------------
    Note: This color is 1/4 of way from the primary color ("Blue") toward white color of the same shade.
	3b4f82 =  59  79 130 = Primary color   (which is also a distance from black )
	         196 128 125 = Distance from white
              48  32  31 = 1/4 distance to white
             --- --- ---   
             107 111 161 = Color 1/4 way from primary to white =  6b6fa1
              

(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) -------------------------------  */


/* 		



(END OF COLOR TABLE) */

/* ----------  BASIC STRUCTURE COMPONENTS ------------------------------- */


  /* 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:#ffffff;
	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:#3b4f82;  /* This is the blue header */
		  color:#ffe3a5;    /* Use 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; /* Establiushes a relative postion for the naviagtion boxes to use */
          width:100%;  /* This is needed to fix a problem in IE6 */
		}
 
.leftbackground {
		background-color:#fff0c7;  /* This is the background beige color */
		/*margin: 0px;*/
		}
		
div.main {
      padding: 10px 20px 20px 20px;
      background-color:#fff0c7;   /* This is the light beiuge background color */
      margin-left: 145px;
      color:#273557;  
      font-size:1em;
      text-align:left;
      }


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

a.main:link, a.main:active {color: #141a2b;}/* The active color is 2/3 of the way from primary color to darkest color of the same shade */
a.main:visited {color: #6b6fa1;}   /* This should be 1/3 way to white from the active color */
a.main:focus, a.main:hover {color: #a3563a;}


		
.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; /* Beige Lettering */
    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:#3b4f82;}


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

a.box {color: #acd7f3;}
a.box:link {color: #ffe3a5;}
a.box:visited {color: #ffe3a5;}
a.box:focus, a.contactline:hover {color:#ffffff;}
a.box:active {color:#ffe3a5;}
        
     #footer {
		  text-align:center;
		  background-color:#3b4f82;
		  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:#b85a37; text-align:center; font-family:arial,helvetica,serif; margin-top:0px;}
  h2 {font-size:2.01em; color:#000000; text-align:left; font-family:arial,helvetica,serif;}
  h3 {font-size:1.75em; color:#000000; text-align:left; font-family:arial,helvetica,serif;}
  h4 {font-size:1.52em; color:#000000; text-align:left; font-family:arial,helvetica,serif;}
  h5 {font-size:1.32em; color:#000000; text-align:left; font-family:arial,helvetica,serif;}
  h6 {font-size:1.15em; color:#000000; 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:#3b4f82;
	padding:10px;
	color:#ffe3a5;
	margin: 0px;
}

.pgebox{
	margin: 20px 100px 0px 100px;
	font-size:1.05em;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#3b4f82;
	color:#ffe3a5;   
	text-align:center;
	}
	
td.primarycell {
	background-color:#3b4f82;
	padding:10px;
	color:#ffe3a5;
	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 */   /* It was #bc9043 on the first test*/  
    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: #ffe3a5;  
  color:#ffe3a5;
  height:4px;
  width:80%;
  }

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


hr.baseline {
  background-color: #3b4f82;
  color:#3b4f82;
  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;
        }