a:active {
	position: relative;
	top: 1px;
}


#main_box {	
	width: 760px;
	margin: 0 auto;
	text-align: center;
	font-family: Helvetica, "Helvetica Neue", Geneva, sans-serif;
}

.mosaic_box {
	width: 140px;
	height: 110px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

.mosaic_box a {
	display: block;
	text-indent: -9999px;
	width: 140px;
	height: 110px;
}

#content {
	margin-top: 20px;
}

#slider {
	min-height: 540px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  min-height: 510px;
  width: 760px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px 10px 10px;
  margin: 0;
  height: 490px;
  width: 740px; /* change to 560px if not using JS to remove rh.scroll */
  text-align: left;
}

#r1c1 {background: transparent url(../images/squares/snt01.jpg) no-repeat 0 0;}
#r1c2 {background: transparent url(../images/squares/snt02.jpg) no-repeat 0 0;}
#r1c3 {background: transparent url(../images/squares/snt13.jpg) no-repeat 0 0;}
#r1c4 {background: transparent url(../images/squares/snt04.jpg) no-repeat 0 0; }
#r1c5 {background: #444 url(../images/squares/sermons.png) no-repeat 0 0; margin-right: 0;}
	#r1c5 a:hover {background-image: url(../images/squares/s5.jpg);}

#r2c12 {
	width: 290px;
	height: 110px;
	float: left;
	margin: 0 10px 10px 0;
	background: #555 url(images/snlogo.png) 0 0 no-repeat;
}
#r2c3 {background: transparent url(../images/squares/snt11.jpg) no-repeat 0 0;}
#r2c4 {background: #888 url(../images/squares/homeg.png) no-repeat 0 0;}
	#r2c4 a:hover {background-image: url(../images/squares/h1.png);}
#r2c5 {background: transparent url(../images/squares/snt06.jpg) no-repeat 0 0; margin-right: 0;}

#r3c1 {background: transparent url(../images/squares/snt07.jpg) no-repeat 0 0;}
#r3c2 {background: transparent url(../images/squares/snt08.jpg) no-repeat 0 0;}
#r3c3 {background: #999 url(../images/squares/mm.png) no-repeat 0 0;}
	#r3c3 a:hover {background-image: url(../images/squares/m1.png);}
#r3c4 {background: transparent url(../images/squares/snt09.jpg) no-repeat 0 0;}
#r3c5 {background: #555 url(../images/squares/newsblog.png) no-repeat 0 0; margin-right: 0;}
	#r3c5 a:hover {background-image: url(../images/squares/nb1.png); margin-right: 0;}


#r4c1 {background: transparent url(../images/squares/snt10.jpg) no-repeat 0 0; margin-bottom: 0;}
#r4c2 {background: #777 url(../images/squares/con.png) no-repeat 0 0; margin-bottom: 0;}
	#r4c2 a:hover {background-image: url(../images/squares/c1.png); margin-bottom: 0;}
#r4c3 {background: transparent url(../images/squares/snt12.jpg) no-repeat 0 0; margin-bottom: 0;}
#r4c4 {background: #333 url(../images/squares/about.png) no-repeat 0 0; margin-bottom: 0;}
	#r4c4 a:hover {background-image: url(../images/squares/q2.jpg); margin-bottom: 0;}
#r4c5 {background: transparent url(../images/squares/snt03.jpg) no-repeat 0 0; margin-right: 0; margin-bottom: 0;}


div.panel p {
	text-align: left;
}

.panel h2 {
	margin: 0 0 20px;
	padding: 0;
	text-transform: uppercase;
}


#sermons h3 {color: #777; text-shadow: 0px 1px 1px #444; margin: 0 0 10px;}
#sermons p {margin: 0;}
#sermons ol {margin: 0 0 4px 30px;}
#sermons div {
	background: #ddd;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 345px;
	padding: 10px;
	margin-bottom: 10px;
}

#sermons ol a {
	background: #333;
	color: #eee;
	display: block;
	margin-top: 6px;
	padding-left: 3px;
	text-decoration: none;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	opacity: .5;

}
#sermons ol a:hover {opacity: 1;}


#srm1 {float: left;}
#srm2 {float: right;}

#motm ul {list-style-type: none;}
#motm li {padding-bottom: 5px;}
#motm li span {text-transform: uppercase;color: #555;font-weight: bold;}


#thirdparty {
	list-style-type: none;
}

#thirdparty li {
	margin: 25px 25px 0 0;
	float: left;
}

#thirdparty a {
	list-style-type: none;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
	opacity: .5;
}



#twtrlink a {
	display: block;
	background: url(../images/twitter.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 217px;
	height: 40px;
}

#fblink a {
	display: block;
	background: url(../images/facebook.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 111px;
	height: 42px;
}

#tumblrlink a {
	display: block;
	background: url(../images/tumblr.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 157px;
	height: 40px;
}

#twtrlink a:hover {opacity: 1;}
#fblink a:hover {opacity: 1;}
#tumblrlink a:hover {opacity: 1;}

#about p {
	width: 450px;
}

iframe {
	width: 375px;
	height: 440px;
	float: right;
}

#hmgroups p {width: 360px;float:left;}
#hgroups {}

.group_group {
	list-style: none;
} 
.group_group li span {
	font-weight: bold;
	text-transform: uppercase;
	background: #444;
	color: #eee;
	padding: 0 2px;
}



.valign {
	position: absolute;
	top: 50%;
	height: 110px;
	width: 100%;
	margin-top: -55px;
}

.row {
	clear: both;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #bbb;
}

ul.navigation a:focus {
    outline: none;
}


#footnav {
	list-style-type: none;
	margin: 0 auto;	
	clear: both;
}

#footnav li {
	display: inline;
	border: 1px solid #333;
	border-width: 0 1px 0 0;
}

#footnav a {
	padding-right: 5px;
}

#footnav li:last-child {
	border-width: 0;
}


.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}