/* First-assembly.org -- indexcss.css (primary index CSS file)

 UNIVERSAL

 WRAP

 HEADER

 MENU

 CONTENT

 FOOTER

 SPECIAL CLASSES

*/



/* 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/transparentbg.png) repeat-y;

    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;

}

#page { /* big div, main block that holds three columns/divs */

	width: 1008px;

	height: 675px;

	position: absolute;

	top: 0px;

	bottom:0px;

	left: 50%;

	margin-left: -503px;

}

#column1 {

	width: 150px;

	height: 659px;

	background: url(../images/faogcol1.jpg);

}

#column2 {
	width: 703px;
	background-color: #FFFFFF;
	height: 100%;
	text-align:center;

}

#content {
	background-image: url(../images/h1header.jpg);
	width: 695px;
	height: 177px;

}

#leftbody {
	height:auto;
	width:424px;
	float: left;
	background-color: #FFFFFF;

}

#rightbody_events {
	height:224px;
	width:271px;
	float:right;

}

#rightbody_visitors {
	height:auto;
	width:271px;
	background-image:url(../images/rightbody_visiting.jpg);
	float:right;
	background-repeat: no-repeat;
	background-color: #C7C7C7;

}

#column3 {

	width: 149px;

	height: 663px;

	background-image: url(../images/faogcol2.jpg);

}

#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_rollover.gif);

	background-repeat: no-repeat;

	background-position: -1000px -1000px;

}





/* MENU */

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

}

/* Consider consolidating float:left's and background-position:right's? */

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;

}





/* CONTENT */

#bgstretch {

    background: url(../images/bgfaog.jpg) repeat-x;

    height:725px;

    margin:0px;

    padding:0px;

    z-index: 100;

}







/* FOOTER */

#footer {
	background-color: #474747;
	width: 695px;
	color: #999;
	height: 23px;
	padding-top:9px;
	font-size: 11px;
	text-align: center;

}





/* SPECIAL CLASSES */

ul#newcomerslinks {
	padding:53px 0px 0px 18px;
	line-height:25px;
	text-align:left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}



ul#newcomerslinks a:hover {

	color:#8c8282;

}



ul#newcomerslinks a {

    color:#655858;

	font-family: Arial, Helvetica, sans-serif;

}



ul#newcomerslinks a:visited {

	color:#a19090;

}

/* Donate_btn--Not used on index? Why is it here?

div.donate_btn {

  margin:0px;

  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;

} */









/* drew tries css */

div#emaillistform {

	padding-right:9px;

	padding-top:6px;

	font-family:tahoma;

	font-size:12px;

	color: #666666;

	text-decoration: none;

}

div#emaillistform a {

	font-family:tahoma;

	font-size:12px;

	color: #666666;

	text-decoration: none;

}
#maplink {
	background-color: #787878;
	height: 25px;
}
#maplink p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 15px;
}
#maplink a:link, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
#maplink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: underline;
}