a{outline:none;}

a.newtab{ target-new: tab ! important  }

body
{ 
background-color: #828c6e;
  background-image: url('/images/hbg7.jpg');
  background-repeat: repeat-x;
}
#wrapper{
  width:858px;
  height:100%;
  margin: 0 auto;
}  
#header {
  width: 800px;
  height: 75px;
  position:relative;
  left:29px;
  overflow:visible;
  z-index:0;
}

/*--------------MENU STUFF------------------------*/
#menubg {
position:absolute;
top:70px;
left:0px;
width:100%;
z-index:+2;
overflow: hidden;
}
#menu {
  width: 800px;
  height: 26px;
  position:relative;
  top:4px;
  left:29px;
  overflow:visible;
  z-index:+3;
}

#submenu {
      float:left;
      position:relative;
      left:29px;
      top:2px;
      width:300px;
      height:16px;
      z-index:+1;
	  padding: 0 0 0 8px;
	  }
	  #submenu p{
	  font: bold 10px/14px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	  color: #7a7a7a;
	  position:relative;
	  text-decoration: none;
	  }
      #submenu a {
	  font: bold 10px/14px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	  color: #7a7a7a;
	  position:relative;
	  text-decoration: none;
	  }
      
      #submenu a:hover {
	  font: bold 10px/14px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	  color: #7a7a7a;
	  position:relative;
	  text-decoration: underline;
	  }
/*--------------FOOTER jive------------------------*/
#bottom{
background-image: url('/images/bottom.jpg');
background-repeat: no-repeat;
height:180px;
width:858px;
position: relative;
padding-bottom:75px;
top:-40px;
clear: left;
font: 12px Calibri, sans serif;
}

#bottomleft{
position:relative;
float:left;
width:158px;
left:42px;
top:8px;
}

#bottomright{
position:relative;
float:right;
width:400px;
margin:0 42px 0 0;
}

#addy {
position:relative;
float:right;
top:8px;
color: #fff;
}

#map {
position:relative;
float:right;
top:8px;
}

#map img{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;
}

#map:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}

ul.address{
position:relative;
float:right;
margin-top:3px;
margin-right:7px;
list-style-type:none;
text-align:right;
}

ul.phone{
color: #fff;
margin-bottom: 1em;
margin-top:3px;
list-style-type:none;
text-align:left;
}
li.title{
font-weight:bold;
}
li.email{
text-decoration:underline;
}

/*--------------Banner Rotator------------------------*/
#bannerframe{
background-image:url('/images/bannerframe.png');
background-repeat: no-repeat;
width:606px;
height:314px;
position:relative;
top:2px;
z-index:+4;
}
#banner {
float:left;
background: url('/images/bshadow.png');
background-repeat: no-repeat;
width:606px;
height:332px;
position:relative;
top:-312px;
left:0px;
z-index:+2;  
}
#rotator {
position:relative;
top:2px;
font: 12px 'Trebuchet MS', arial, sans-serif;
font-weight: bold;
color: #999;
text-align:center;
line-height: 200px;
z-index:+2;
}

/*--------------Facebook/Twitter buttons/links------------------------*/
#buttons{
clear:right;
float:left;
position:relative;
left:6px;
top:6px;
padding-bottom:15px;
width:195px;
height:auto;
}
a.button:link{
font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
color: #2c9381;
text-decoration: underline;
}
a.button:visited{
font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
color: #2c9381;
text-decoration: underline;
}
a.button:hover{
font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
color: #1d6356;
text-decoration: underline;
}
a.button:active{
font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
color: #1d6356;
text-decoration: underline;
}

/*--------------Sermon/Blog Section------------------------*/
#sermon{
width:160px;
height:106px;
float:left;
position:relative;
left:15px;
background-color:#463941;
padding: 0 3px 0 0;
}

#sermonh1 {
background:none;
position:relative;
top:6px;
left:6px;
width: 85px;
height: 16px;
}
#sermonh1bg {
position:relative;
left:19px;
top:-21px;
height:17px;
background-color:#000000;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
}

#sermon ul {
	position: relative;
	top: 6px;
	float:right;
    right:2px;
	width: 153px;
    height: 22px;
	overflow: hidden;
	list-style: none;
}

#sermon li {
	float: left;
}

#sermon li a {
	display: block;
	height: 22px;  
	overflow: hidden;
	background: url(/images/listendown.png) no-repeat;
    text-decoration:none;
}

#sermon li.spacer{
width:12px;
}

#sermon li a#listen {
	width: 56px;
	background-position: 0 0;
}

#sermon li a#download {
	width: 85px;
	background-position: 100% 0;
}

#sermon li a#listen:hover {
	background-position: 0 50%;
}
#sermon li a#download:hover {
	background-position: 100% 50%;
}
#sermon li a#listen:active {
	background-position: 0 100%;
}
#sermon li a#download:active {
	background-position: 100% 100%;
}

#blog{
width:160px;
height:106px;
float:left;
position:relative;
top:30px;
left:15px;
background-color:#463941;
padding: 0 3px 0 0;
}
#blog a{
display:block;
position:relative;
float:right;
top:-8px;
right:2px;
height:22px;
overflow:hidden;
background:url(/images/blogbutt.png) no-repeat;
text-decoration:none;
}
#blog a#blogbutton{
width: 56px;
background-position:0 0;
}
#blog a#blogbutton:hover {
	background-position: 0 50%;
}
#blog a#blogbutton:active {
	background-position: 0 100%;
}
#right_top h1{
	font: bold 11px/15px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #d8d8d8;
    position:relative;
    top:-10px;
    left:17px;
	margin: 0 0 0 12px;
}
#right_top p{
	font: normal 11px/14px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	position:relative;
    top:-2px;
    color: #d8d8d8;
    padding: 0px 0px 0px 16px;
}


/*------------- HOME MID LEFT BOX ----------------- */

.mid_left{
	position: relative;
    top:-320px;
	margin: 0 0 0px 6px;
	text-align: left;
	float: left;
	width: 584px;
}

.mid_left h1{
	font: normal 26px/32px verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #569643;
	margin: 0 0 2px 2px;
	width: auto;
	}

.welcome{
	position: relative;
	margin: 0 0 0 9px;
	padding: 0 30px 6px 0;
	text-align: left;
	height: auto;
	float: left;
}

.mid_left .welcome p{
	font: normal 16px/23px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #63686D;
    padding: 0 0 0 12px;
	clear: left;
}

.mid_left h2{
	font: bold 13px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
    margin: 0 0 2px 0;
}

.infobox{
	background: #f5f5f5;
	border: 1px solid #cccccc;
	width: 510px;
	height: 90px;
	margin: 14px 0 0 22px;
	padding: 11px 0 0 4px;
	float: left;
}

.mid_left p{
	font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6E747A;
}

.infobox p a, .infobox p a:link, .infobox p a:visited{
	font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #2c9381;
	text-decoration: underline;
}


.infobox p a:hover, .infobox p a:active{
	font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #1d6356;
	text-decoration: underline;
}

.service_times{
	position: relative;
	width: 264px;
	margin: 0;
	padding: 0 7px 0 11px;
	float: left;
	text-align: left;	
}

.connect {
	position: relative;
	width: 200px;
	margin: 0 0 0 11px;
	padding: 0;
	float: left;
	text-align: left;
}

/*------------- upcoming events ----------------- */

 #newsframe1 {
     position:relative;
     width:230px;
     height:26px;
     top:-13px;
     left:-24px;
     z-index:+1;
     float:left;
 }
 
  #newsframe1 a{
     text-decoration:none;
 }

.upevents {
	position: relative;
    top:-19px;
    left:-26px;
	width: 230px;
	height: 305px;
	padding: 0;
	float: left;
    z-index:0;
}

#newsframe2 {
     background: url('/images/newsframe2.png') 0 0 no-repeat;
     position:relative;
     width:254px;
     height:3px;
     top:-42px;
     left:-24px;
     z-index:+1;
     float:left;
}

