/* 
EXPRESS 20 STANDARD STYLES
Powered by SiteOrganic
*/

@import "/soIncludes/fonts/AvantGardeBkBtBook/stylesheet.css";
@import "/soIncludes/fonts/NoveCentoWideBold/stylesheet.css";
@import "/soIncludes/fonts/NoveCentoWideMedium/stylesheet.css";
@import "/soIncludes/fonts/NoveCentoWideLight/stylesheet.css";
@import "/soIncludes/fonts/BellGoth/stylesheet.css";
@import "/soIncludes/fonts/DearJoe1/stylesheet.css";
@import "/soIncludes/fonts/DearJoe4/stylesheet.css";
@import "/soIncludes/fonts/Duke/stylesheet.css";
@import "/soIncludes/fonts/GothamBook/stylesheet.css";
@import "/soIncludes/fonts/FuturaBkBtBook/stylesheet.css";
@import "/soIncludes/fonts/FuturaLtCnBTLight/stylesheet.css";
@import "/soIncludes/fonts/FuturaMdCnBTMedium/stylesheet.css";
@import "/soIncludes/fonts/Aller/stylesheet.css";
@import "/soIncludes/fonts/LaneNarrowRegular/stylesheet.css";
@import "/soIncludes/fonts/CabinBold/stylesheet.css";
@import "/soIncludes/fonts/Humanst521/stylesheet.css";
@import "/soIncludes/fonts/GarogierRegular/stylesheet.css";
@import "/soIncludes/fonts/SourceSansPro/stylesheet.css";
@import "/soIncludes/fonts/SourceSansProRegular/stylesheet.css";
@import "/soIncludes/fonts/Calluna/stylesheet.css";
@import "/soIncludes/fonts/sofiapro_light_macroman/stylesheet.css";
@import "/soIncludes/fonts/OpenSans/stylesheet.css";
@import "/soIncludes/fonts/OpenSansSemiBold/stylesheet.css";
@import "/soIncludes/fonts/PTSans/stylesheet.css";
@import "/soIncludes/fonts/BebasNeue/stylesheet.css";
@import "/soIncludes/soExpress1/express20/calendar.css";
@import "/soIncludes/fonts/Museo/stylesheet.css"; 
@import "/soIncludes/fonts/Ingleby/stylesheet.css";
@import "/soIncludes/fonts/Blackjar/stylesheet.css";
@import "/soIncludes/fonts/IMFell/stylesheet.css";
@import "/soIncludes/fonts/PT_Sans_Narrow/stylesheet.css";
@import "/soIncludes/fonts/Montserrat/stylesheet.css"; 
@import "/soIncludes/fonts/Unbuntu/stylesheet.css";
@import "/soIncludes/fonts/Raleway/stylesheet.css";
@import "/soIncludes/fonts/RalewayExtra/stylesheet.css";
@import "/soIncludes/fonts/Roboto/stylesheet.css"; 
@import "/soIncludes/fonts/Roboto2/stylesheet.css";  
@import "/soIncludes/fonts/Osans/stylesheet.css";
@import "/soIncludes/fonts/RobotoBlack/stylesheet.css";
@import "/soIncludes/fonts/LatoRegular/stylesheet.css";
@import "/soIncludes/fonts/LatoLight/stylesheet.css";
@import "/soIncludes/fonts/LatoHairline/stylesheet.css";
@import "/soIncludes/fonts/LaneNarrowRegular/stylesheet.css";
@import "/soIncludes/fonts/RichFancy/stylesheet.css";
@import "/soIncludes/fonts/CfoldPhoto/stylesheet.css";
@import "/soIncludes/fonts/Klinic/stylesheet.css";
@import "/soIncludes/fonts/GreatVibes/stylesheet.css";
@import "/soIncludes/fonts/Nexa/stylesheet.css";
@import "/soIncludes/fonts/Nexa2/stylesheet.css";
@import "/soIncludes/fonts/URWFont/stylesheet.css";
@import "/soIncludes/fonts/Cinzel/stylesheet.css"; 
@import "/soIncludes/fonts/Nunito/stylesheet.css";
@import "/soIncludes/fonts/AlexBrush/stylesheet.css";
@import "/soIncludes/fonts/Merriweather/stylesheet.css"; 
@import "/soIncludes/fonts/Open Sans/stylesheet.css";
@import "/soIncludes/fonts/SourceSansProRegular/stylesheet.css";
@import "/soIncludes/fonts/SourceSansPro/stylesheet.css";
@import "/soIncludes/fonts/Marguerite/stylesheet.css";
 
 
 










@import "sermons.css";

/* UNIVERSAL ELEMENTS */


@media only screen and (max-device-width: 480px) { 
html { -webkit-text-size-adjust:none; } 
}


html {
	margin: 0;
	padding: 0;
}

body {
	background-repeat: repeat-x;
	background-position: top left;
	color: #505050;
	margin: 0;
	padding: 0;
	font: 13px/18px Arial, Helvetica, Geneva, sans-serif;
}

.wrapper,
.solink span {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 910px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img, a:hover img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'AvantGardeBkBTBook';
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 0;
}

header, footer, nav, article, aside, section {
	display: block;
}

ul {
	margin: 0;
}

/* NAVIGATION */

/* Header Navigation */


nav select { 
display: none; 
}
nav.main {
	clear: both;
	display: block;
}

nav.main ul {
	display: block;
	list-style: none;
	margin: 0;
}

nav.main ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

nav.main li a {
	display: block;
	list-style: none;
	line-height: 50px;
	padding: 0 15px 0 0;
}

nav.main li.hover a,
nav.main li:hover a {
	color: #383838;
}

nav.main li ul {
	position: absolute;
	z-index: 10000;
	padding: 0;
}

nav.main ul:first-child li ul {
	display: none;
}

nav.main ul:first-child li.hover ul,
nav.main ul:first-child li:hover ul {
	display: block;
}

nav.main li li {
	background: none;
	float: none;
}

nav.main li li:last-child {
	
}

nav.main li li a,
nav.main li:hover li a {
	font-size: 12px;
	padding: 5px 7px;
}

nav.main li li a:hover {
	color: #FFF;
}

nav.main ul.social {
	float: right;
	width: auto;
}

nav.main ul.social li a {
	margin: 0;
	padding: 5px;
}



/* Utility Navigation */

nav.utility {
	float: right;
	font-family: 'AvantGardeBkBTBook';
	margin: 10px;
}

nav.utility ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.utility li {
	border-left: 1px solid #ccc;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 5px;
}

nav.utility li:first-child {
	border: none;
}

nav.utility a,
nav.utility a:hover {
	color: #818080;
}

nav.utility a:last-child {
	border: none;
}

/* WebNetwork Navigation */

#web_network {
	display: block;
	position: relative;
	float: right;	
}

#web_network ul {
	list-style: none;
	position: absolute;
	display: none;
}

#web_network:hover ul,
#web_network.hover ul {
	display: block;
}

#web_network li a {
	border: none;
}

/* Group Navigation */

aside nav {
	font-size: 12px;
}

aside nav h2 {
	display: block;
	font-size: 28px;
}

aside nav ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}

aside nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

aside nav ul li a,
aside nav ul li a:hover {
	display: block;
	padding: 5px 20px;
}

aside nav ul li a.cluster_parent {
	cursor: pointer;
}

aside nav ul li a.cluster_parent_open {
	cursor: pointer;
	padding: 5px 20px 0;
}

aside nav ul li ul {
	background: #FFF;
	margin: 0;
	padding: 0;
	z-index: 525;


/* stay above calendar */
}

aside nav ul li li {
	
}

aside nav ul li li a,
aside nav ul li li a:hover {
	padding: 3px 35px;
}

aside nav ul li.selected {
	font-weight: bold;
}

aside nav ul li.cluster.closed {
	
}

aside nav ul li.cluster.opened {
}

aside nav ul.group-links {
	font-size: 21px;
	font-family: 'AvantGardeBkBTBook';
	list-style: none;
	margin: 10px 0;
	padding: 10px;
}

aside nav ul.group-links li {
	list-style: none;
	padding: 0px 0 5px
}

aside nav ul.group-links li a,
aside nav ul.group-links li a:hover {
	display: block;
    background-repeat: no-repeat;
    background-position: 0 4px;
}

aside #campus_news {
	width: 280px;
	height: 248px;
	margin: 10px 0 24px;
	overflow-y: auto;
	overflow-x: hidden;
	background: url(../images/css/background_campus_news.png) no-repeat scroll top left;
	border: 3px solid #eee;
	padding: 0;
}

#campus_news .news {
	float: left;
	width: 250px;
	margin: 0 15px 0;
	padding: 5px 0 9px;
	display: inline;
	border-top: 1px dotted #73A6D6;
}

#campus_news h3 {
	font-weight: normal;
	font-size: 23px;
	margin: 0;
	padding: 10px 13px 10px;
}

#campus_news .news .description {
	float: left;
	padding: 0px;
}

#campus_news .news .description .title {
	float: left;
	font: bold 15px Arial, Helvetica, sans-serif;
	clear: both;
	cursor: pointer;
	padding: 0 0 2px;
	color: #333;
}

#campus_news .news .description .title:hover {
	text-decoration: underline;
}

#campus_news .news .description .intro {
	float: left;
	clear: both;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #555;
}

aside h3 {
	font-size: 23px;
	margin: 0 0 5px;
}

aside .event {
	float: left;
	width: 286px;
	margin: 13px 0 0;
	display: inline;
}

aside .event .date {
	float: left;
	width: 43px;
	cursor: pointer;
	height: 45px;
	padding: 2px 0px 0px 3px;
	background: url(../images/css/background_date.gif) no-repeat;
}

aside .event .date_alt {
	float: left;
	width: 45px;
	height: 45px;
	padding: 2px 0px 0px;
	background: url(../images/css/background_date_alt.gif) no-repeat;
}

aside .event .date .month,
aside .event .date_alt .month {
	float: left;
	text-align: center;
	width: 40px;
	font: normal 17px/17px Arial, Helvetica, sans-serif;
	color: white;
	text-transform: uppercase;
}

aside .event .date .day,
aside .event .date_alt .day {
	float: left;
	text-align: center;
	width: 40px;
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: white;
}

aside .event .description {
	float: left;
	padding: 0px 10px;
}

aside .event .description .title {
	float: left;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	width: 220px;
	cursor: pointer;
}

aside .event .description .title:hover {
	text-decoration: underline;
}

aside .event .description .intro {
	float: left;
	clear: both;
	font: 12px/15px Arial, Helvetica, sans-serif;
	width: 220px;
}

aside .link {
	float: left;
	margin: 13px 15px 0;
	display: block;
	width: 286px;
	float: right;
}

aside .link a {
	padding: 0 0 5px 28px;
	line-height: 22px;
	font-size: 16px;
	font-weight: normal;
	float: right;
	background: url(../images/css/view_full_calendar.png) no-repeat scroll top left;
}

aside .link a:hover {
	text-decoration: underline;
}

/* HEADER */

header {
	clear: both;
	display: block;
	float: left;
	height: 180px;
	width: 100%;
}

header h1 {
	display: block;
	float: left;
	font-weight: normal;
	padding: 0;
}

header h1 a,
header h1 a:hover {
	text-decoration: none;


/*	margin: 50px 0 30px;*/
}

header h1 a span {
	color: #555;
	text-align: right;
	text-decoration: none;
}

header h1 span.title {
	font-size: 30px;
	line-height: 25px;
}

header h1 span.tagline {
	font-size: 15px;
	line-height: 15px;
}

header .search {
	display: block;
	float: right;
}

header .search input {
	border: none;
	float: left;
	font-size: 12px;
	font-family: arial;
	height: 23px;
	margin: -5px 0 0;
	padding: 0 10px;
	width: 140px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

header .search input.go {
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

#countdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#countdown ul li {
	display: block;
	float: left;
}

#countdown ul li span {
	color: #333;
	display: block;
	font-size: 10px;
	margin: 3px auto 0;
	padding: 0;
	width: 25px;
}

#twitter_update_list li {
	list-style: none;
	padding: 0;
	margin: 0;
}
/** Force links in a twitter feed to stay  
in the container 		***/

#twitter a{
-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

/* CONTENT */

#content {
	clear: both;
	display: block;
	float: left;
	margin: 10px 0;
	width: 100%;
}

#homeImages li {
	background: url(/images/css/15-story-bg.png) no-repeat scroll top left;
	width: 310px;
	height: 274px;
	position: absolute;
	right: 0;
	padding: 15px 18px;
	margin: 28px 0;
	list-style-type: none;
	z-index: 1;
	top: 26px;
	text-align: right;
}

#homeImages li:first-child {
	left: 0;
	z-index: 2;
	top: 12px;
	text-align: left;
}

#homeImages {
	float: left;
	position: relative;
	width: 594px;
	height: 330px;
}

#homeImages h3 {
	margin: 2px 0 0;
}

#homeImages a.readmore {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

#breadcrumbs {
    display: none;
}

.features {
	
}

.features ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.features ul.main {
	display: block;
}

.features ul li {
	z-index: 1;
}

.features ul li.shown {
	z-index: 2;
}

section {
	margin: 20px 0;
}

article section {
	float: left;
}

article.wide,
.home-left {
	display: block;
	float: left;
	margin: 0 0 20px;
	width: 600px;
}

aside {
	display: inline-block;
	float: right;
	position: relative;
	overflow: hidden;
	width: 295px;
}

.page-image img {
	margin: 0 0 20px;
	float: right;
}

.page-image img:first-child {
	float: left;
}

/* FOOTER */

footer {
	clear: both;
	margin: 30px 0 0;
	padding: 30px 0 0;
}

footer P {
	float: left;
	margin: 0 0 20px;
	padding: 0;
	width: 600px;
}

footer nav {
	float: right;
}

footer nav a {
	padding: 0 10px;
}

footer .solink {
	background: #555555;
	clear: both;
	margin: 20px 0 0;
	padding: 10px;
	position: relative;
	text-align: right;
}

/* FEATURES */

#features {
	display: block;
	float: left;
	height: 270px;
	width: 600px;
	margin: 0 0 10px;
    position: relative;
}

#features ul.main {
	display: block;
	height: 270px;
	width: 594px;
}

#features ul.main li,
#features ul.main li a {
	height: 270px;
	width: 590px;
	overflow: hidden;
	position: absolute;
}

/* SPOTLIGHT */

#spotlight ul {
	width: 620px;
	padding: 0;
	margin: 0;
}

#spotlight ul li {
	list-style: none;
}

#spotlight ul li.last,
#spotlight ul li:last-child {
	margin: 0;
}

#spotlight span.more {
	font-family: 'AvantGardeBkBTBook';
	text-transform: lowercase;
	float: right;
	margin: 10px 0 0;
	background: url(../images/css/arrow-small.gif) no-repeat center left;
	padding: 5px 10px 5px 20px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#spotlight li div {
	height: 135px;
	overflow-y: auto;
}

/* MARQUEE */

.marquee {
	font-size: 21px;
	font-family: 'AvantGardeBkBTBook';
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

.marquee li {
	background: url(../images/css/dottedline.gif) repeat-x bottom left;
	list-style: none;
	padding: 0px 0;
}

.marquee li a {
	background: url(../images/css/arrow-large.gif) no-repeat left 5px;
	display: block;
	padding: 10px 0 15px 40px;
}

/* SERMONS */

.sermons {
	
}

.sermons h2 {
	background: #e2e2e2;
	font-size: 20px;
	margin: 0 0 5px;
	padding: 10px;
}

.sermons article {
	background: none;
}

.sermons article img {
	float: left;
	margin-right: 10px;
}

.sermons article h3 {
	font-size: 17px;
	padding: 0 0 5px;
}

.sermons article span {
	color: #505050;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}

.sermons article a {
	background: url(../images/css/arrow-small.gif) no-repeat center left;
	padding-left: 20px;
	margin: 8px 0 -7px;
	float: left;
	display: inline;
}

#coming_events .time {
    display: none; 
}

/* WELCOME */

.welcome {
	
}

.welcome h2 {
	font-size: 30px;
	line-height: 28px;
}

/* BLOG */

#RSS {
	border: 1px solid #0D7191;
	padding: 5px;
	color: white;
}

#RSS .subscribe_rss {
	display: block;
	background: url(/images/css/background_blog_rss.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 32px;
}

#RSS .subscribe_rss a {
	color: #FFFFFF;
}

#RSS .link {
	display: block;
	font-weight: bold;
	margin: 5px 0px 0px;
}

#RSS .link input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 2px 4px;
	border: 1px solid #0D7191;
	width: 370px;
}

#author {
	background: #E9E9E9;
	padding: 5px;
	margin: 5px 0px 10px;
	border: 1px solid #DDDDDD;
}

#author .name {
	font-weight: bold;
}

#author .image {
	padding: 0px;
	background: transparent;
	border: none;
}

#article_menu {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 160px;
}

#article_menu h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-transform: none;
	padding: 3px 0px;
	margin: 0px 0 5px;
	border-bottom: 2px solid #999;
}

#comments h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-transform: none;
	margin: 10px 0px 0px;
}

#post h2 {
	margin: 0px 0px 5px;
}

#article_menu .article_grouping {
	float: left;
	width: 160px;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
}

#article_menu .article_grouping ul {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#article_menu .article_grouping ul li {
	list-style: none;
	background: none;
	border-bottom: 1px solid #DDDDDD;
	padding: 0px;
}

#article_menu .article_grouping ul li a {
	padding: 0px 0px 0px 13px;
	display: block;
	background: url(../images/css/bullet.png) 4px 7px no-repeat;
}

#article_menu .article_grouping ul li a:hover {
	background: url(../images/css/bullet.png) 4px 7px no-repeat;
	color: white;
}

#post,
#articles {
	float: left;
	width: 420px;
}

#articles .article {
	padding: 15px 0px;
	border-bottom: 3px #DDDDDD double;
}

#post .article {
	padding: 0px 0px 15px;
	border-bottom: 3px #DDDDDD double;
}

.article .date {
	font-weight: bold;
	letter-spacing: -1px;
}

.article .title {
	font: bold 15px Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px 0px 5px;
}

.article img {
	display: block;
	padding: 5px 0px;
}

.article .body {
	padding: 5px 10px;
	margin: 0px 0px 5px;
	display: block;
}

.article .footer {
	background: #E9E9E9;
	padding: 3px 5px;
	border: 1px solid #DDDDDD;
}

.comment {
	padding: 10px 0px;
	border-bottom: 3px #DDDDDD double;
}

.comment .date {
	font-weight: bold;
	padding: 0px 0px 3px 20px;
	background: url(../images/css/background_blog_comments.gif) no-repeat 3px 3px;
}

.comment .body {
	background: white;
	padding: 5px 10px;
	margin: 0px 0px 5px;
	display: block;
	border: 1px solid #DDDDDD;
}

.commentbox {
	width: 100%;
}

.commentbox td {
	vertical-align: top;
}

.commentbox textarea {
	height: 100px;
	width: 95%;
}

#post .file,
#articles .article .footer .file {
	display: inline;
	background: url(../images/css/background_blog_file.gif) no-repeat 0px 1px;
	padding: 0px 0px 0px 17px;
}

#articles .article .footer .comments {
	display: inline;
	background: url(../images/css/background_blog_comments.gif) no-repeat 0px 1px;
	padding: 0px 0px 0px 17px;
}

#post #news_link,
#articles .view_all {
	margin: 5px 0px;
}

#post #news_link a,
#articles .view_all a {
	background: #555555 url(../images/css/bullet.png) 5px 9px no-repeat;
	border: 1px solid #333333;
	padding: 1px 5px 1px 14px;
	color: white;
	display: block;
}

#post #news_link a:hover,
#articles .view_all a:hover {
	background: url(../images/css/bullet.png) 5px 9px no-repeat;
	border: 1px solid #0D7191;
}

#article_menu #tagCloud {
}

#article_menu #tagCloud {
  border: none;
  float: left;
  margin: 10px 0;
}

#article_menu .article_grouping h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999999;
	text-transform: none;
	padding: 3px 0px;
	margin: 0px 0 5px;
	border-bottom: 2px solid #999;
}

#article_menu #tagCloud a {
  border: none;
  display: inline;
  text-decoration: none;
  padding: 1px 10px 1px 0;
}

#article_menu #tagCloud a.cloud1,
#article_menu #tagCloud a.cloud2,
#article_menu #tagCloud a.cloud3,
#article_menu #tagCloud a.cloud4,
#article_menu #tagCloud a.cloud5,
#article_menu #tagCloud a.cloud6 {
  font-size: 8px;
  border: none;
}

#article_menu #tagCloud a.cloud7,
#article_menu #tagCloud a.cloud8,
#article_menu #tagCloud a.cloud9 {
  font-size: 9px;
  border: none;
}

#article_menu #tagCloud a.cloud10,
#article_menu #tagCloud a.cloud11,
#article_menu #tagCloud a.cloud12 {
  font-size: 10px;
  border: none;
}

#article_menu #tagCloud a.cloud13,
#article_menu #tagCloud a.cloud14,
#article_menu #tagCloud a.cloud15 {
  font-size: 11px;
  border: none;
}

#article_menu #tagCloud a.cloud16,
#article_menu #tagCloud a.cloud17,
#article_menu #tagCloud a.cloud18 {
  font-size: 15px;
  border: none;
}

#article_menu #tagCloud a.cloud19,
#article_menu #tagCloud a.cloud20,
#article_menu #tagCloud a.cloud21 {
  font-size: 18px;
  border: none;
}

#article_menu #tagCloud a.cloud22,
#article_menu #tagCloud a.cloud23,
#article_menu #tagCloud a.cloud24,
#article_menu #tagCloud a.cloud25 {
  font-size: 20px;
  border: none;
}

/* MEDIA LIBRARY */

#archives {
	font-size: 12px;
	width: 98%;
}

#content #archives a {
	background: none;
}

#content #archives a:hover {
	background: none;
}

#archives h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

#archives ul {
	list-style: none;
	padding: 5px 0 0;
	margin: 10px 0;
	float: left;
	width: 100%;
	font-size: 12px;
}

#archives ul li {
	float: left;
	display: table-cell;
	float: left;
	display: block;
	margin: 5px;
	padding: 0px 20px;
}

#archives ul.categories li {
	float: left;
	padding: 0px;
}

#archives ul li a {
	text-decoration: none;
}

#content #archives ul li.back,
#content #archives ul li a.back {
	background: url(/images/css/return-arrow.png) no-repeat center left;
	float: left;
	margin: 5px 0;
	padding-left: 15px;
}

#content #archives ul li.feed a,
#content #archives #archivesTabs ul li.feed a,
#content #archives ul li a.feed {
	background: url(/images/css/background_blog_rss.gif) no-repeat 0 12px;
	padding-left: 35px;
	color: #436277;
}

#content #archives.series ul li a.feed {
	background-position: 0 1px;
}

#content #archives #archivesTabs ul li.feed {
	background: none;
}

#content #archives ul li a.podcast {
	background: url(/images/css/icon_podcast.png) no-repeat center left;
	padding-left: 25px;
}

#content #archives ul li a.email {
	background: url(/images/css/icon_email.png) no-repeat center left;
}

#content #archives ul li a.podcast:hover {
	
}

#content #archives .podcastList {
	display: block;
	float: none;
	position: absolute;
	margin-top: 1px;
	background: #fff;
	border: 3px solid #666;
}

#content #archives .podcastList.hidden {
	display: none;
}

#content #archives .podcastList a {
	float: none;
	padding: 5px 10px 5px 25px;
	text-decoration: none;
	background: url(/images/css/icon_podcast.png) no-repeat center left;
	display: block;
}

#content #archives .podcastList a:hover {
	color: #999;
}

/* Sermon Search Tabs */

#archivesSearch h2 {
	float: left;
	font-size: 20px;
	margin: 0 0 -40px;
	padding: 10px;
}

#archivesTabs {
	width: 100%;
	padding: 0;
	margin: 0;
}

#content #archivesTabs  ul.tabs-nav {
	float: right;
	border: none;
	padding: 0;
	margin: 0 -20px 0 0;
	width: 100%;
}

#content #archivesTabs ul.tabs-nav li {
	float: right;
	margin: 0;
	padding: 0;
}

#content #archivesTabs ul.tabs-nav li a,
#content #archivesTabs ul.tabs-nav li.tabs-selected a,
#content #archivesTabs ul.tabs-nav li.selected a {
	position: relative;
}

#archivesSearchMessage {
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 0px 10px 5px;
	margin: -5px 0 10px;
	clear: both;
	width: 100%;
	height: auto;
	float: left;
}

#archivesSearchMessage p {
	margin: 10px 0;
}

#archivesResults {
	font-weight: normal;
	background: #fff;
	display: block;
	padding: 5px 10px;
	margin: 0px 0;
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	line-height: 1.3em;
}

#archivesResults .tabs-container {
	margin: 0;
	display: block;
}

#archivesResults .tabs-container ul {
	font-weight: normal;
	background: #fff;
	border: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 24%;
	float: left;
}

#archivesResults .tabs-container ul li {
	background: none;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

#archivesResults .tabs-container ul li.selected, #archivesResults .tabs-container ul li.selected a {
	float: left;
}

#archivesResults .tabs-container .filterYearContainer {
	float: left;
	display: block;
	width: 75px;
}

#archivesResults .tabs-container .filterYearContainer ul {
	float: none;
}

#archivesResults .tabs-container .filterYearContainer span, #archivesResults .tabs-container .filterYearContainer ul li {
	padding: 5px;
}

#programTitle {
	margin: 10px 0 0 0;
}

#archivesListing {
	clear: both;
	margin: 25px 0 0;
}

#archivesListing table, #archivesListing table tr, #archivesListing table td, #archivesListing table th {
	text-align: left;
	vertical-align: top;
}

#archivesListing table th, #archivesListing table td {
	padding: 5px 10px;
}

.sermonPlayer, .seriesPlayer {
	float: left;
	width: 480px;
}

.sermonPlayer .player, .seriesPlayer .player {
	display: block;
	height: auto;
	width: 100%;
	margin: 0 0 10px 0;
}

.seriesPlayer .desc {
	font-size: 12px;
	line-height: 175%;
}

#archives .sermonPlayer ul, #archives .seriesPlayer ul {
	border: none;
}

#archives .sermonPlayer ul li a,
#archives .seriesPlayer ul li a {
	float: none;
	margin: 0;
	padding: 0;
}

#archives .sermonPlayer h3,
#archives .seriesPlayer h3 {
	font-weight: normal;
	padding: 5px;
	background-color: #e6f0fa;
}

#archives .sermonPlayer ul.links,
#archives .seriesPlayer ul.links {
	margin: 10px 0 20px;
	padding: 0;
}

#archives .sermonPlayer ul.links li,
#archives .seriesPlayer ul.links li {
	display: block;
	margin: 0px 0 !important;
	float: left;
	padding: 0;
}

#content #archives .sermonPlayer ul.links li a,
#content #archives .seriesPlayer ul.links li a {
	display: block;
	width: auto;
	padding: 5px 0 0px 0px;
}

#content #archives .sermonPlayer ul.links li a:hover,
#content #archives .seriesPlayer ul.links li a:hover {
	background: none;
	text-decoration: underline;
}

/* Sermon & Series Landing Page Details */

.sermonDetails,
.seriesListing {
	float: left;
	width: 348px;
	margin: 0 0 0 15px;
}

#archives .sermonDetails ul {
	margin: 5px 0 10px;
	border: none;
}

#archives .sermonDetails .attachments li {
	padding: 0;
	margin: 0;
	clear: both;
}

#archives .sermonDetails ul li {
	
}

.sermonDetails .sermonDate {
	font-size: 14px;
	font-weight: bold;
}

.sermonDetails .seriesSpeaker {
	padding: 5px 0;
	color: #999;
}

.sermonDetails .seriesSpeaker img {
	float: left;
}

.seriesListing .seriesList {
	text-align: left;
}

.seriesListing .seriesList a {
	display: block;
	font-size: 12px;
}

.seriesListing .seriesList th,
.seriesListing .seriesList td {
	display: table-cell;
	padding: 0 5px 5px;
	vertical-align: top;
	font-size: 12px;
}

.seriesListing .seriesList th {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

.seriesListing .seriesList tr {
	color: #000;
}

.seriesListing .seriesList tr.future td,
.seriesListing .seriesList tr.future td a {
	color: #999;
}

.seriesListing .seriesList .date {
	width: 15%;
	display: table-cell;
}

.seriesListing .seriesList .title {
	width: 50%;
	display: table-cell;
}

.seriesListing .seriesList .speaker {
	width: 25%;
	display: table-cell;
}

/* DIRECTORY */

#staff {
	margin: 0;
	padding: 0;
	width: 553px;
	display: none;
}

#staff.loaded {
	display: block;
}

#staff-photos {
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 5px;
	width: 100%;
}

#staff-photos h2 {
	float: left;
	clear: both;
	margin: 5px 0;
}

#staff-photos .group {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
}

#staff-photos .group li {
	float: left;
	margin: 2px;
}

#staff-photos .group li.shown {
	
}

#staff-photos .group li a {
	clear: both;
}

#staff-photos .group li a:hover {
	
}

#staff-photos .group li.shown a {
	
}

#staff-photos .group li a img {
	float: left;
}

#staff-current {
	float: left;
	display: block;
	position: relative;
	clear: both;
	margin: 10px 0;
	padding: 0;
	width: 563px;
	height: 500px;
}

#staff-current .staff-member {
	position: absolute;
	width: 553px;
	padding: 5px;
	color: #000;
	z-index: 10;
}

#staff-current .staff-member a {
	
}

#staff-current .staff-member a:hover {
	
}

#staff-current .staff-member.shown {
	z-index: 100;
}

#staff-current .staff-member img {
	background: #ddd;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0px 175px 10px;
	padding: 3px;
}

#staff-current .staff-member h1,
#staff-current .staff-member h2,
#staff-current .staff-member h3,
#staff-current .staff-member .bio,
#staff-current .staff-member .email,
#staff-current .staff-member .link,
#staff-current .staff-member .address,
#staff-current .staff-member .city,
#staff-current .staff-member .state,
#staff-current .staff-member .zip,
#staff-current .staff-member .phone {
	float: left;
	text-align: left;
	width: 323px;
	position: relative;
	clear: right;
}

#staff-current .staff-member h1 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px;
}

#staff-current .staff-member h2 {
	
}

#staff-current .staff-member h3 {
	
}

#staff-current .staff-member .bio {
	margin: 10px 0 0;
}

#staff-current .staff-member .email {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 7px;
	margin: 5px 0 0;
}

#staff-current .staff-member .link {
	padding: 5px 10px;
	background: #eee;
	margin: 1px 0 0;
	width: 303px;
}

#staff-current .staff-member .link:first-of-type {
	margin: 10px 0 0;
}

#staff-current .staff-member .link:last-of-type {
	margin: 1px 0 10px;
}

#staff-current .staff-member .link:hover {
	background: #1297C2;
	color: #eee;
	text-decoration: none;
}

#staff-current .staff-member .address {
	display: inline;
	padding: 0 5px 0 0;
}

#staff-current .staff-member .city {
	display: block;
	width: auto;
	padding: 0 5px 0 0;
}

#staff-current .staff-member .state {
	display: inline;
	width: auto;
	padding: 0 5px 0 0;
}

#staff-current .staff-member .zip {
	display: inline;
	width: auto;
	padding: 0 5px 0 0;
}

#staff-current .staff-member .phone {
	border-top: 1px solid #ccc;
	padding: 5px 0;
	margin: 5px 0;
}

#staff-current .associate {
	width: 223px;
	padding: 5px;
	float: right;
	margin-right: 20px;
}

#staff-current .associate img {
	margin: 0 10px 0 0;
	float: left;
	display: block;
}

#staff-current .associate .name {
	font-size: 15px;
	display: block;
	float: left;
	width: 123px;
}

#staff-current .associate .title {
	display: block;
	font-style: italic;
	float: left;
	width: 123px;
}

#staff-current .associate .email {
	margin: 4px 0;
	width: 123px;
	float: left;
}

/* FORMS & PROFILE PAGES */

form input, form textarea {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

form input.checkBox {
	padding: 0;
	margin: 0 3px 0 0;
	border: none;
}

form dl,
#standard_my dl {
	clear: both;
	display: block;
	float: left;
	padding: 5px 0;
	width: 100%;
}

form dl dt,
form dl dd,
#standard_my dl dt,
#standard_my dl dd {
	float: left;
}

form input#zip,
form input#zipSuffix {
	width: 50px
}

form input#area_code1,
form input#area_code2,
form input#area_code3,
form input#prefix1,
form input#prefix2,
form input#prefix3,
form input#suffix1,
form input#suffix2,
form input#suffix3 {
	width: 40px;
}

form #submit,
form p,
#standard_my #my_left {
	clear: both;
}

form #submit {
	width: 100%;
	float: left;
	letter-spacing: .5em;
	margin: 10px 0 20px;
}

form #submit input {
	cursor: pointer;
	

/*float: left;*/
	float: none;
	display: block;
	letter-spacing: .05em;
	width: auto;
}

#email_subscriptions input {
	margin: 2px 5px;
	width: auto;
	float: left;
}

#email_subscriptions dl dt,
#email_subscriptions dl dd {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.links ul,.links ul li {
	list-style: none;
	margin: 3px 0;
	padding: 3px 0;
}

#volunteer_criteria {
	padding: 10px 0;
}

#standard_groupContacts dl dd {
	margin: 0;
	line-height: 18px;
}

/* Announcement */

#fullscreen {
	z-index: 999999;
}

#announcement h1 {
	margin: 0 0 10px;
}

/* CSS Document */

/*
TO CHANGE VOLUNTEER COLORS:

CHOOSE COLORS, 
1. ONE DARK HUES 
2. ONE SLIGHTLY DARKER HUES (TO SERVE AS A BORDER)
3. ONE LIGHT HUE
4. ONE SLIGHTLY DARKER HUE THAN THE LIGHT HUE (TO SERVE AS A BORDER)

CURRENT:
1. #CFCFCF -DARK GRAY HUE
2. #898989 -SLIGHTLY DARKER HUE THAN THE DARK GRAY
3. #F7F7F7 -LIGHT GRAY HUE
4. #E8E8E8 -SLIGHTLY DARKER HUE THAN THE LIGHT GRAY

FIND AND REPLACE THOSE SIX COLORS WITH YOUR OWN PALETTE.

*/

#volunteer {
	width: 100%;
	padding: 20px 0;
}

#volunteer a {
	font-weight: bold;
	text-decoration: none;
}

#volunteer button {
	text-align: center;
	margin: 0px auto;
}

#volunteer_results_close h2 {
	background: #9EAB2C;
	border: 1px solid #8E9A27;
}

h5 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0px;
}

#volunteer #zip,
#volunteer #people {
	font-weight: bold;
	background: #F8F8F8;
	border: 1px solid #CCC;
	color: #333;
	margin: 10px 0px 0px;
}

#volunteer #zip td,
#volunteer #people td {
	padding: 2px;
}

#volunteer select {
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 1px;
}

#volunteer .input_text {
	border: 1px solid #999;
	border-top: 1px solid #666;
	border-bottom: 1px solid #CCC;
	margin: 1px !important;
	margin: 0px 1px;
	padding: 1px 1px 1px 3px;
	font-size: 11px;
}

#volunteer .checkbox {
	background: none !important;
	background: transparent url(../images/css/background_checkbox.gif) no-repeat 2px 2px;
	display: inline;
}

#volunteer .checkbox input {
	padding: 0px;
	margin: 3px;
}

#volunteer .select {
	float: left;
}

#volunteer .textfield {
	float: left;
	clear: both;
}

#volunteer th {
	text-align: left;
	vertical-align: top;
	width: 160px;
}

#volunteer td {
	padding: 0px 0px 15px;
	vertical-align: top;
}

#volunteer small {
	font-size: 9px;
	font-weight: normal;
	clear: both;
	width: 100%;
	display: block;
}

#volunteer_results_close table,
#volunteer_results_exact table,
#volunteer_results table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0px;
}

#volunteer_results_close td,
#volunteer_results_exact td,
#volunteer_results td {
	padding: 10px 5px;
}

#volunteer_results_close .alt,
#volunteer_results .alt {
}

#volunteer_results_exact .alt {
}

#volunteer_results_close .alt td,
#volunteer_results_exact .alt td,
#volunteer_results .alt td {
	border: 1px solid #DFDFDF;
}

#volunteer_results_close .over,
#volunteer_results_exact .over,
#volunteer_results .over {
	cursor: pointer;
}

#volunteer_results_close dl,
#volunteer_results_exact dl,
#volunteer_results dl {
	padding: 10px 0px;
	margin: 0px;
}

#volunteer_results_close dt,
#volunteer_results_exact dt,
#volunteer_results dt {
	float: left;
	font-weight: bold;
	clear: both;
	line-height: 19px;
}

#volunteer_results_close dd,
#volunteer_results_exact dd,
#volunteer_results dd {
	padding: 0px;
	margin: 0px;
	line-height: 19px;
}

#volunteer_results_close p,
#volunteer_results_exact p,
#volunteer_results p {
	margin: 5px 0px;
	padding: 0px 0px 0px 5px;
}

#volunteer_results_close strong,
#volunteer_results_exact strong,
#volunteer_results strong {
	
}

#volunteer_results_close label,
#volunteer_results_exact label,
#volunteer_results label {
	display: block;
}

#volunteer_results_close button,
#volunteer_results_exact button,
#volunteer_results button {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px;
}

#volunteer_criteria {
	float: left;
	width: 98%;
	/*

width: 585px;*/
	padding: 5px;
	margin: 15px 0px 20px;
}

#volunteer_criteria #links {
	background: #C1CF44;
	text-align: center;
	border: 1px solid #AEBC30;
}

#volunteer_criteria #links button {
	display: inline;
	margin: 5px 3px;
}

#volunteer_criteria dl {
	padding: 3px 0px;
	margin: 0px;
}

#volunteer_criteria dt {
	float: left;
	width: 150px;
	font-weight: bold;
	clear: both;
	padding: 0px 0px 7px;
	line-height: 19px;
}

#volunteer_criteria dd {
	padding: 0px 0px 7px;
	margin: 0px;
	line-height: 19px;
}

#volunteer_detail dl {
	float: left;
	padding: 10px 0px;
	margin: 0px;
}

#volunteer_detail dt {
	float: left;
	width: 150px;
	font-weight: bold;
	clear: both;
}

#volunteer_detail dd {
	padding: 0px 0px 7px;
	margin: 0px;
}

#volunteer_detail #contact {
	padding: 0px 0px 10px 0px;
	display: inline-block;
	margin: 15px 0;
	clear: both;
}

#feedbackForm p {
	padding: 5px;
}

#feedbackForm dl {
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0px;
	padding: 3px 0px;
	display: block;
}

#feedbackForm dl.checkbox dt {
	width: 25px;
}

#feedbackForm dl dt {
	float: left;
	width: 30%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	padding-left: 15px;
}

#feedbackForm dl dt select {
	width: 90px;
}

#feedbackForm dl dt.required {
	font-weight: bold;
	background: url(/soImages/required.gif) no-repeat left top;
	padding: 0px 0px 5px 15px;
}

#feedbackForm dl dd {
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 60%;
	margin-left: 5%;
}

#feedbackForm dl dd select {
	width: 146px;
	margin: 0px;
	padding: 0px;
	height: auto;
}

#feedbackForm dl dd table {
	border-collapse: collapse;
}

#feedbackForm dl dd table td {
	

/*padding: 2px 0px 2px 3px;*/
  

/* to fix radio button alignment in IE*/
  padding: 0 3px 0 0;
	vertical-align: top;
}

#feedbackForm dl dd table td input {
	margin: -1px 3px 1px 0px;
	width: auto;
}

#feedbackForm input.radiobutton,
#feedbackForm input.checkbox {
	border: none;
	margin: 3px 3px 0 0;
	padding: 0;
}

#feedbackForm tr.required {
	font-weight: bold;
	background: url(/soImages/required.gif) no-repeat left 5px;
}

#feedbackForm dl dd ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#feedbackForm dl dd ul li {
	background: none;
	padding: 0px;
	margin: 0;
	list-style-image: none;
}

#feedbackForm #submit {
	padding-left: 25%;
	padding-top: 5px;
}

#feedbackForm #submit button,
#feedbackForm #submit .formButton,
#feedbackForm #submit .formButtonLong {
	float: left;
	clear: none;
	margin: 0px 5px;
}

#feedbackForm form textarea {
	width: 200px;
	height: 120px;
}

.sermonPlayer .player.hide, .seriesPlayer .player.hide {
	display: none;
}

.audioPlayer.hide {
    display: none;
}

.audioPlayer audio {
    width: 100% !important; 
}

#SearchResultsFound li {
	clear: both;
	margin: 0 0 15px;
}

#SearchResultsFound li img {
	float: left;
	margin: 0 10px 5px 0;
}

#SearchResultsFound li p {
	clear: none;
	display: block;
	margin: 0; 
}


@media screen and (min-width: 300px) and (max-width: 480px) {
	nav.main .mobile {
		display: none;
	}	
}

/*group contact sidebar stuff */
/*#standard_groupContacts{
background-color:#efefef
}*/
#standard_groupContacts .contact-entry{
	padding:10px;
	overflow:auto;
	clear:both;
	display:block;
}
#standard_groupContacts .contact-entry img{}
#standard_groupContacts .contact-entry .contact-details{margin-top:5px; display:inline-block;width:160px;}
#standard_groupContacts .contact-entry h3{text-transform:uppercase}
#standard_groupContacts .contact-entry .contact-role{font-weight: bold;}
#standard_groupContacts .contact-entry .contact-photo{display:inline-block;width:90px;margin-right:10px}
ul.sharebar{padding:0;}