/* HIDE ME */


#lastfour { display:none; }


#bg, img#verticalpng { display:none; }


div#rollover { display:none; }


div.sitemeter { display:none; }








/* UNIVERSAL */


a {	text-decoration: none; }








/* WRAP */


body {


    background: url(../images/bgfaog.jpg) repeat-x;


    background-position: top center;


    background-color:#3d3d3d;


	font-family:tahoma;


	font-size:12px;


	color: #666666;


	text-decoration: none;


    z-index: 0;


    margin: 0px;


    padding:0px;


}


table.main { /* big div, main block that holds three columns/divs */


	width: 1008px;


	position: absolute;


	top: 0px;


	bottom:0px;


	left: 50%;


	margin-left: -503px;


}


#bgstretch {


    background: url(../images/bgfaog.jpg) repeat-x;


    height:723px;


    margin:0px;


    padding:0px;


    z-index: 100;


}


td.column1 {


	width: 155px;


	height: 723px;


	background: url(../images/column1bottom.jpg) repeat-y;


	background-position: top;


}


td.column2 {


	width: 703px;


	background-color: White;


	height: 100%;


	text-align:center;


}


td.column3 {


	width: 155px;


	height: 723px;


	background: url(../images/column3bottom.jpg) repeat-y;


	background-position: top;


}


#column1, #column2, #column3 {


	float:left;


	top: 0px;


	bottom: 0px;


}








/* HEADER */


h1 {/* Preload rollover images in the main nav */


	/* Why is this preloading something that doesn't exist? */


	/*background-image: url(../images/home_btn.jpg);


	background-repeat: no-repeat;*/


	background-position: -1000px -1000px;


}








/* MENU */


td.menu {


	 height: 28px;


     width:695px;


	 margin: 0px 4px;


	 text-indent:-5000px;


}


/* Consider consolidating float:left's and background-position:right's? */


#home a{
  background-image: url(../images/home_btn.jpg);
  width: 50px;
  height:28px;
  float:left;
}

#home a:hover {
  background-image: url(../images/home_over_btn.jpg);
  background-position: right;
}

#missions a {
  background-image: url(../images/missions_btn.jpg);
  width: 72px;
  height:28px;
  float:left;
}

#missions a:hover {
  background-image: url(../images/missions_over_btn.jpg);
}


#ministries a {
  background-image: url(../images/ministries_btn.jpg);
  width: 80px;
  height:28px;
  float:left;
}

#ministries a:hover {
  background-image: url(../images/ministries_over_btn.jpg);
}

#staff a {
  background-image: url(../images/staff_btn.jpg);
  width: 76px;
  height:28px;
  float:left;
}

#staff a:hover {
  background-image: url(../images/staff_over_btn.jpg);
  background-position: right;
}

#media a {
  background-image: url(../images/media_btn.jpg);
  width: 62px;
  height:28px;
  float:left;
}

#media a:hover {
  background-image: url(../images/media_over_btn.jpg);
  background-position: right;
}

#servicetimes a {
  background-image: url(../images/times_btn.jpg);
  width: 101px;
  height:28px;
  float:left;
}


#servicetimes a:hover {
  background-image: url(../images/times_over_btn.jpg);
  background-position: right;
}


#dna a {
  background-image: url(../images/dna_btn.jpg);
  width: 72px;
  height:28px;
  float:left;
}

#dna a:hover {
  background-image: url(../images/dna_over_btn.jpg);
  background-position: right;
}

#contact a{
  background-image: url(../images/contact_btn.jpg);
  width: 81px;
  height:28px;
  float:left;
}

#contact a:hover {
  background-image: url(../images/contact_over_btn.jpg);
  background-position: right;
}

#giving a{
  background-image: url(../images/giving_btn.jpg);
  width: 101px;
  height:28px;
  float:left;
}


#giving a:hover {
  background-image: url(../images/giving_over_btn.jpg);
  background-position: right;
}