/* First-assembly.org -- subpages.css (secondary index CSS file)

 UNIVERSAL

 WRAP

 HEADER

 MENU

 CONTENT

 FOOTER

 SPECIAL CLASSES

*/



/* HIDE ME */

#bg, img#verticalpng { display:none; }

#lastfour { display:none; }





/* UNIVERSAL */

a {	text-decoration: none;	color: white; }
.archive ul {
	margin-left: 5;
	padding: 0px;
	list-style: none;
}
ul {
    margin:0px;
    padding:0px;
    list-style:none;

}

p > img { margin-left:0px; }

a:hover { text-decoration:underline; }

img, a { border:none; }

blockquote {
	margin:0px;
	padding:0px;
	font-style:italic;	
}
h1 {
	font-size:1.8em;
	font-weight: lighter;
	color:#7c7c64;
}
h2 {
  font-weight: normal;
  font-size:21px;
  color:#775959;
}

h3[class="dna"] { /* Why is DNA different? */
  font-weight:bold;
  font-size:16px;
  color:#775959;
}

h3 {
  font-weight:bold;
  font-size:14px;
  color:#000;
}

h4 {
  font-weight:bold;
  font-size:12px;
  color:#000;
}

p, h1, h2, h3, h4, body {
    margin:0px;
    padding:0px;
}

div.separator {
    border-bottom:1px dotted #999;
    margin:0px 0px 10px 0px;
}

.bold { text-transform:uppercase; font-weight:bold; }


/* WRAP */

body {
    background: url(../images/bottom_03.jpg) center repeat-y;
    background-positon: center;
    background-color:#3d3d3d;
	font-family:tahoma;
	font-size:12px;
	color: #666666;
	text-decoration: none;
    z-index: 0;
}

#page {
	width: 1002px;
	position: absolute;
	top: 0px;
	margin-bottom:0px;
	left: 50%;
	margin-left: -504px;
}

#bgstretch {
    background: url(../images/bgfaog.jpg) repeat-x;
    height:723px;
    margin:0px;
    padding:0px;
    z-index: 100;
}

#column1 {
	width: 150px;
    height:659px;
    background-image: url(../images/faogcol1.jpg);
}

#column2 {
	width: 703px;
    background-color: White;
}

#column3 {
	float: right;
	width: 149px;
    height:659px;
    background-image: url(../images/faogcol2.jpg);
}

#column1, #column2 {
	float:left;
}

div#bgblue {
    background: url(../images/body_linksbg.jpg) right repeat-y;
    margin:0px 4px;
}

#rightbodylinks {
	margin-right:4px;
	float:right;
}

#content { /* Looks like it just uses the contact jpg as a default.*/
	background-image: url(banner_temp.jpg);
	width: 695px;
	height: 129px;
    margin:0px;
    text-align:center;
	margin-left: 4px;
}

#contentarea {
	background-image:url(../images/bgforcontent2.jpg);
	width:475px;
	min-height: 400px;
    margin-top:0px;
    line-height:1.4em;
    list-style: none;
}

#contentarea a{ color:#775959; }

#contentarea a:visited{ color:#c49898; }

#textincontent {
	color:#333333;
	padding: 15px 15px;
    list-style: none;
}


/* HEADER */
#header { /* Looks like it just uses the contact jpg as a default.*/
 	background-image: url(../images/contact_header.jpg);
	height: 106px;
	width: 475px;
    margin:0px;
}





/* MENU */

div#menu {
	 height: 28px;
     width:695px;
	 margin: 0px 4px;
	 text-indent:-5000px;
	 background-color: #434343;
}

/* Menu items */

div.home a{
	background-image: url(../images/home_btn.jpg);
	width: 50px;
	height:28px;
	float:left;
}

div.home a:hover {
	background-position: left;
	background-image: url(../images/home_over_btn.jpg);
	background-repeat: no-repeat;
}

/*div#inbetween {

  background-image: url(../images/inbetween.gif);

  width: 57px;

  height:28px;

  float:left;

}*/

div.missions a {
	background-image: url(../images/missions_btn.jpg);
	width: 72px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.missions a:hover {
	background-image: url(../images/missions_over_btn.jpg);
	background-repeat: no-repeat;
}



div.ministries a {
	background-image: url(../images/ministries_btn.jpg);
	width: 80px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.ministries a:hover {
	background-position: right;
	background-image: url(../images/ministries_over_btn.jpg);
	background-repeat: no-repeat;
}

div.staff a {
	background-image: url(../images/staff_btn.jpg);
	width: 76px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.staff a:hover {
	background-position: right;
	background-image: url(../images/staff_over_btn.jpg);
	background-repeat: no-repeat;
}

div.media a {
	background-image: url(../images/media_btn.jpg);
	background-repeat: repeat;
	height: 28px;
	width: 62px;
	float: left;
}

div.media a:hover {
	background-image: url(../images/media_over_btn.jpg);
	background-repeat: no-repeat;
}



div.servicetimes a {
	background-image: url(../images/times_btn.jpg);
	width: 101px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.servicetimes a:hover {
	background-position: right;
	background-image: url(../images/times_over_btn.jpg);
	background-repeat: no-repeat;
}

div.dna a {
	background-image: url(../images/dna_btn.jpg);
	width: 72px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.dna a:hover {
	background-position: right;
	background-image: url(../images/dna_over_btn.jpg);
	background-repeat: no-repeat;
}

div.onlinegiving a{
	background-image: url(../images/giving_btn.jpg);
	width: 101px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.onlinegiving a:hover {
	background-position: right;
	background-image: url(../images/giving_over_btn.jpg);
	background-repeat: no-repeat;
}

div.contact a{
	background-image: url(../images/contact_btn.jpg);
	width: 81px;
	height:28px;
	float:left;
	background-repeat: no-repeat;
}

div.contact a:hover {
	background-position: right;
	background-image: url(../images/contact_over_btn.jpg);
	background-repeat: no-repeat;
}





/* FOOTER */

#bottomcontent {
	background-color: #bababa;
	width:695px;
	height: 27px;
	margin: 3px 0 0 0;
    float: left;
}

/* SPECIAL CLASSES */

/* Donate_btn is a Donate button used on the Stewardship/Online Giving Page.

   Consider moving this CSS declaration to stewardship.inc unless this button may

   end up being used elsewhere.*/

div.donate_btn a {
  margin:0px;
  margin-left:-15px;
  padding:0px;
  background-image: url(../images/donate_btn.png);
  width: 158px;
  height:55px;
  float:left;
}

div.donate_btn a:hover {
  background-image: url(../images/donate_btn_rollover.png);
  width:158px;

}


/* POSSIBLY UNNECESSARY OR NO LONGER IN USE. CONSIDER REMOVING. */

ul.bullets { /* This is only for one page (leastofthese.inc)--consider declaring it in that page. */
	list-style:outside;
	padding-left:25px;
}

#contentarea ul[class="least"] {
	min-height:1050px;
}

#contentarea img[class="negleft"] { /* This is only for one page (leastofthese.inc)--consider declaring it in that page. */
	margin-left:-15px;
}

li.leastleft { /* This is only for one page (leastofthese.inc)--consider declaring it in that page. */
	float:left;
	margin-right:10px;
}

#home { /* Probably not used anymore. Consider removing. */
  text-align: left;
  margin-left:10px;
  margin-top:0px;
  float:left;
}

#restoflinks { /* Probably not used anymore. Consider removing. */
   text-align: right;
   float:right;
   margin-right:10px;
}

#player{ /* Encases video player. Why not just use style? */
  text-align: center;
  margin-top: 30px;
}

/* Why are these classes instead of just using style= ? */
.question { font-weight:bold; }
.staffpics { float:left; margin-right: 15px; }