/* ////////////////////////////////// WWW //////////////////////////////// */
/* ////////////////////////////////// GENERAL //////////////////////////////// */

body {
	background-image: url(/images/ah_back.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e3c;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e3c;
	padding-left: 25px;
	line-height: 18px;
	margin: 0px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e3c;
	line-height: 18px;
	margin: 0px;
}
.bodytext {
	padding-left: 50px;
	padding-right: 50px;
	margin: 0px;
}
.bodytext p {
	margin-top: 10px;
}

.bodyindent {
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e3c;
	line-height: 18px;	
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e2e3c;
	line-height: 18px;	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2e2e3c;
	margin: 0px;
	padding-left: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2e2e3c;
	margin: 0px;
	padding-left: 15px;
	padding-top: 15px;
}

.smalltext {
	font-size: 10px;
}
.lighttitle {
	font-size: 10px;
	color: #D7D7DD;
}
.innerpageheading {
	font-weight:bold;
	}
/* ///////////////////////// Flash Title Replacement ///////////////////////// */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash .fut_regular {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_light {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_light_condensed {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_light_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_medium {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_medium_condensed {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_medium_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_bold {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_bold_condensed {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_bold_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_extrabold {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_extrabold_condensed {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .fut_extrabold_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .gar_regular {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .gar_bold {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .gar_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .gar_bold_italic {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .traj_regular {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .traj_bold {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .rageitalic {
	visibility: hidden;
	font-size: 43px;
}

.sIFR-hasFlash .rageitalicbold {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .innerpageheading {
	visibility: hidden;
	font-size: 16px;
}

.sIFR-hasFlash .darksmallheading {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash .toppageheading {
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash a h5 {
	visibility: hidden;
	font-size: 14px;
}

/* ///////////////////////////// TOP NAVIGATION ////////////////////////////// */

#navcontainer {
	z-index: 10;
	width: 906px;
	margin: 0px auto;
	padding: 0px;
	height: 27px;
}

#nav {
	z-index: 10;
	float: left;
	width:906px;
	height:25px;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

#nav ul {
	z-index: 10;
	float: left;
	width: 906px;
	list-style: none;
	height:25px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

#nav ul li {
	float: left;
	padding: 0;
	width: 100px;
	}
#nav ul li ul li.menuarrow {
	background: #5d1919 url(/images/menuarrow.gif) right no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	}
#nav ul li a {
	display: block;
	width: auto;
	text-decoration: none;
	padding: 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}

#nav ul li a:hover {
	color: #2e2e3c;
	}

#nav ul li:hover {
	background: transparent;
	}

#nav ul li.sfhover {
	background: transparent;
	} 

/* Second Level Nav */

#nav ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	height:18px;
	border: none;
	}

#nav ul li ul li {
	width: auto;
	background-color: #5d1919;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	}

#nav ul li ul li a {
	width: auto;
	border-bottom: 1px solid #634148;
	border-right: 1px solid #634148; 
	border-left: 1px solid #634148;
	padding: 3px 3px 3px 3px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	}

#nav ul li ul li a:hover {
	background: #853030;
	background-color: #853030;
	color: #ffffff;
	}

#nav ul li ul li:hover {
	background: #5d1919;
	color: #ffffff;
	}

#nav ul li ul li.sfhover {
	background: #5d1919;
	} 


/* Third Level Nav */

#nav ul li ul li ul {
	margin: -18px 0 0 155px;
	}

#nav ul li ul li ul li {
	width: auto;
	}

#nav ul li ul li ul li a {
	width: auto;
	border-bottom: 1px solid #634148;
	border-right: 1px solid #634148; 
	border-left: 1px solid #634148;
	padding: 3px 3px 3px 3px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	}

#nav ul li ul li ul li a:hover {
	background-color: #5d1919;
	color: #ffffff;
	}

#nav ul li ul li ul li.sfhover {
	background: #5d1919;
	}

/* Main */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

/* SPECIFIC NAVIGATION ELEMENTS */

#nav ul li.aboutus {
	width: 129px;
	}

#nav ul li.ministries {
	width: 144px;
	}

#nav ul li.calendar {
	width: 205px;
	}

#nav ul li.resources {
	width: 140px;
	}

#nav ul li.contact {
	width: 125px;
	}

#nav ul li.nothing {
	width: 160px;
	}

/*         About Us          */

#nav ul li.aboutus a {
	text-align: center;
	}

#nav ul li.aboutus ul {
	width: 120px;
	border-top: 1px solid #634148;
	}

#nav ul li.aboutus li {
	}

#nav ul li.aboutus ul li a {
	width: 120px;
	text-align: left;
	background-image: none;
	}

/*         Ministries          */

#nav ul li.ministries a {
	text-align: center;
	}

#nav ul li.ministries ul {
	width: 144px;
	border-top: 1px solid #634148;
	}

#nav ul li.ministries li {
	}

#nav ul li.ministries ul li a {
	width: 144px;
	text-align: left;
	background-image: none;
	}
	

/*         Resources          */

#nav ul li.resources a {
	text-align: center;
	}

#nav ul li.resources ul {
	width: 140px;
	border-top: 1px solid #634148;
	}

#nav ul li.resources li {
	}

#nav ul li.resources ul li a {
	width: 140px;
	text-align: left;
	background-image: none;
	}
	
/*         Contact          */
	
#nav ul li.contact a {
	text-align: center;
	}

#nav ul li.contact ul {
	width: 125px;
	border-top: 1px solid #634148;
	}

#nav ul li.contact li {
	}

#nav ul li.contact ul li a {
	width: 125px;
	text-align: left;
	background-image: none;
	}

.gsc-control {
  width: 610px;
}


/* ////////////////////////////////     TABBER Styles    //////////////////////////////////*/

/*
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
*/
.tabberlive .tabbertabhide {
  display:none;
}

/*
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
*/
.tabber {
}

.tabberlive {
  margin-top: 1em;
  width: 98%;
}

/*
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
*/
ul.tabbernav {
  margin:0;
  padding: 3px 0;
  border-bottom: 1px solid #bc9b4f;
  font: bold 12px arial, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
  font-family: arial, sans-serif;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  padding-top: 0.2em;
  margin-left: 3px;
  border: 1px solid #bc9b4f;
  border-bottom: none;
  background: #DAD6B1;
  text-decoration: none;
}

ul.tabbernav li a:link { color: #342410; }
/* ul.tabbernav li a:visited { color: #667; } */

ul.tabbernav li a:hover {
  color: #bc9b4f;
  background: #982E1D;
  border-color: #982E1D;
}

ul.tabbernav li.tabberactive a {
  background-color: #FAF6D1;
  border-bottom: 1px solid #FAF6D1;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: #FAF6D1;
  border-bottom: 1px solid #FAF6D1;
}

/*
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
*/
.tabberlive .tabbertab {
  padding: .5em 2em 2em 2em;
  border:1px solid #bc9b4f;
  border-top:0;
  background: #FAF6D1;

  /* If you don't want the tab size changing whenever a tab is changed
     you can set a fixed height */

  /* height:200px; */

  /* If you set a fix height set overflow to auto and you will get a
     scrollbar when necessary */

  /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}