@charset "utf-8";
/* CSS Document */
body {
	font: 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, "MS Sans Serif";	
	color: #666666; 
	background: #c0c0c0 url(images/bg_top_revised.jpg); background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
	z-index: 1;
}
#wrapper {
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #c0c0c0 url(images/bg_shadow_revised.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index: 2;
}
#header {
	background: #c0c0c0 url(images/header_revised.jpg);
	background-repeat:no-repeat;
	height: 300px;
	width: 1020px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	z-index: 3;
}
h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	line-height: 1.5em;
	font-size: 2.2em;
}
#topnav {
	width: 990px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 32px;
	margin: 0 auto;
	z-index: 500;	
	background-image: url("images/top_bg.jpg");
  background-repeat: repeat-x;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, "MS Sans Serif";	
}
#container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	z-index: 4;
	height: auto;
}
#mainContent {
width: 990px;
display: inline;
	margin: 0 0 0 0; 
	padding: 0 ; 
	z-index: 5;
	height: auto;
}
#innerContent {
   position: absolute;
	width: 656px; 
	padding: 0;
	z-index: 6;	
	height: auto;
}
#footer {
	background: #c0c0c0 url(images/footer_revised2.jpg);	
	background-repeat:no-repeat;
	width: 1020px;
	height: 100px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */	
	margin-top: 10px;
}
a.more:link { text-decoration: none; color: #666666; font-size: 12px; }
a.more:hover { text-decoration: underline; color: #F6861F; font-size: 12px; }
a.more:visited { text-decoration: none; color: #666666; font-size: 12px; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h1 {
    font-size: 18px;
	color: #5D5E8A;
	line-height: 20px;
	margin: 0;	
	}
h2 {
    font-size: 16px;
	color: #666666;
	line-height: 18px;
	margin: 20px 0 3px 0;	
	}
h3 {
    font-size: 14px;
	color: #00416B;
	line-height: 16px;
	margin: 0 0 3px 0;	
	}
h3.special {
    font-size: 12px;
	color: #FF0000;
	line-height: 14px;
	margin: 0 0 3px 0;	
	}
.sbpadding {
   	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px;
	height: 475px;	
	z-index: 50;
	}
#headerlinks {
	position: relative;
	width:200px;
	top:75px;
	z-index:101;
	top: 5px;
	float: right;
	padding-right: 10px;
	color: #ffffff;
}

#innerFooterLeft {
	position: relative;
	width:450px;
	height:70px;
	z-index:102;
	margin-left: 30px;
	margin:0 0 25px 30px;	
	float: left;
	text-align: left;	
	color: #1A047B;
}
#innerFooterRight {
    position: relative;
	width:420px;
	height:70px;
	z-index:103;
	margin: 0 30px 25px 0;	
	float: right;
	text-align: right;
	color: #1A047B;
}
a.ftr:link {font-size: .85em; color: #1A047B; text-decoration: underline; font-weight: bold;}
a.ftr:hover {font-size: .85em; color: #ffffff; text-decoration: none; font-weight: bold; }
a.ftr:active {font-size: .85em; color: #1A047B; text-decoration: underline; font-weight: bold; }
a.ftr:visited {font-size: .85em; color: #1A047B; text-decoration: underline; font-weight: bold; }

a.hdr:link {font-size: .85em; color: #ffffff; text-decoration: none; font-weight: bold;}
a.hdr:hover {font-size: .85em; color: #ffffff; text-decoration: underline; font-weight: bold; }
a.hdr:active {font-size: .85em; color: #ffffff; text-decoration: none; font-weight: bold; }
a.hdr:visited {font-size: .85em; color: #ffffff; text-decoration: none; font-weight: bold; }


p { 
   margin: 10px 0 10px 0;
   }
#logo {
	position:relative;
	width:300px;
	height:300px;
	z-index:400;
	left: 0;
	top: 30px;
	float: left;
}
#featurebg {
	position:relative;
	width:620px;
	height:230px;
	z-index:401;
	left: 10px;
	top: 53px;
	float: left;
	background-image: url(images/div2_bg.jpg);
}
#apDiv3 {
	position:relative;
	width:258px;
	height:230px;
	z-index:402;
	left: 20px;
	top: 10px;
	float: left;
	text-align: center;
}
#featureinner {
	position:relative;
	width:567px;
	height:182px;
	z-index:500;
	left: 27px;
	top: 24px;	
	float: left;
}
#box1 {
	position:relative;
	width:895px;
	height: auto;
	z-index:402;
	float: left;
	margin: 0 10px 20px 20px;
	padding: 20px;
	text-align: justify;
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv1 {
	position:relative;
	width:510px;
	height:auto;
	z-index:404;
	left: 0;
	top: 10px;
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
	border: 1px solid #eee;
	display:inline; /* IE only - to fix doubled float margin bug */
}
.slidetext1 {
    position:relative;
	width:470px;
	height:180px;	
	left: 0;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, "MS Sans Serif";
	font-size: 18px;
	color: #ffffff;	
	padding: 20px;	
	float: left;	
	display:inline; 
	font-weight: bold;
	}
#apDiv2 {
	position:relative;
	width:160px;
	height:160px;
	z-index:404;
	float: left;
	margin-right: 20px;
	background-image: url(images/bg_fam_resources.jpg);
	top: 10px;
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv3 {
	position:relative;
	width:160px;
	height:160px;
	z-index:405;
	margin-right: 20px;
	float: left;
	left: 0px;
	background-image: url(images/bg_gmba_churches.jpg);
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv4 {
	position:relative;
	width:160px;
	height:160px;
	z-index:406;
	float: left;
	background-image: url(images/bg_min_resources.jpg);
	top: 10px;
	display:inline; /* IE only - to fix doubled float margin bug */
}
#apDiv5 {
	position:relative;
	width:290px;
	height:250px;
	z-index:404;
	top: 135px;
	left: 30px;
	float: left;
	color: #2A0000;	
}
/* This is the transparent box */
#transbox {
width: 100px;
margin: 130px 19px 19px 400px;
background-color: #fff;
border: 2px solid black;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#transbox div {
padding: 20px;
font-size:inherit;
font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, "MS Sans Serif";
color: #000000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}
.stafftitle {
   font-weight: bold;
   text-align: left;
   }  
.caption { 
margin: 5px; 
padding: 5px; 
background: #ffffff; 
font-size:90%; 
color: blue;
width: auto; 
} 
.caption img {} 
.left {float: left;} 
.right {float: right;}  

.schedule {
   padding: 10px;
   font-size: 11px;
   background-color: #C8C8D0;
   }
.thschedule {
    padding: 10px;
    font-weight: bold;
	color: #1A047B;
	background-color: #C8C8D0;
	}
.time {
    width: 60px;
	background-color: #C8C8D0;
	}