/* @override 
  http://park.dev/_css/styles.css
	http://www.parkcommunitychurch.org/_css/styles.css
*/
/* @group Initial */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
}
body {
    font-size: 62.5%;
	line-height: 1em;
	color: black;
	background: #000 none no-repeat;
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	background-repeat: no-repeat;
	background-position: center 0;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
   overflow: hidden;
}

#container{
   width: 1000px;
   margin: 0 auto;
   position: relative;
}

a{
   overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.transparent {
	 filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#logo a{
	background: url(../_img/logo.png) no-repeat;
	display: block;
	text-indent: -9999em;
	width: 116px;
	height: 154px;
}


#sub #content-wrap{
	background: url(../_img/subpage_bg.png) no-repeat 0 249px;
	height: 880px;
	position: relative;
	z-index: 4;
}

#sub #header{
	position: relative;
	left: -19px;
	background: url(../_img/header_bg.png) no-repeat 10px 5px;
}
/* @end */
/* @group Search */

#sub #header #search{
	background: url(../_img/search_bg.png) no-repeat;
	width: 172px;
	position: absolute;
	right: 0px;
	top: 10px;
	padding-bottom: 2px;
}

#sub #header #search input{
	width: 105px;
	border-style: none;
	height: 20px;
	background-image: none;
	background-color: transparent;
	color: #afafb1;
	padding-left: 5px;
	text-transform: uppercase;
	font-size: .9em;
	float: left;
}

#sub #search #searchForm .mcmsSearch{
	display: block;
	height: 30px;
	background: url(../_img/search-go-btn.png) no-repeat;
	position: relative;
	top: -1px;
	text-indent: -9999em;
	width: 60px;
	right: -20px;
}

#sub #search #searchForm fieldset{
	width: 189px;
}

/* @end */

/* @group Header Links */

#sub #header #util{
	text-align: right;
	display: block;
	position: absolute;
	top: 16px;
	right: 190px;
}

#sub #header #util a{
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	margin-left: 15px;
}

#sub #header #util a:hover{
	text-decoration: underline;
}

/* @end */



/* @group Main Navigation */

#mainnav{
	height: 50px;
	background: url(../_img/nav_bg.png) no-repeat;
	position: absolute;
	bottom: -17px;
	width: 834px; 
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:normal;
}
#sub #nav{
   list-style: none;
	position: absolute;
	top: 5px;
	left: 25px;
	width: 800px;
}

#sub #nav li{
   float: left;
   font-size: 1.2em;
    margin-right: 13px;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-top:5px;
	padding-bottom:5px;
}

#sub #nav li a{
   display: block;
   color: #FFF; /* Change this to the right color */
   text-decoration: none;
}
#sub #nav li a:hover, #sub #nav li.current a, #sub #nav li ul li.current a{
	color:#000;
}
#sub #nav li#nav_home, #sub #nav li#nav_home.current{
	margin-right: 25px;
	margin-top: 0px;
}
#sub #nav li#nav_home a, #sub #nav li#nav_home.current a{
	display: block;
	background: url(../_img/icn_home.gif) no-repeat;
	width: 20px;
	height: 15px;
	text-indent: -9999em;
}

#sub #nav li#nav_new-to-park-start-here{
	position: absolute;
	right: 12px;
	bottom:1px;
	margin-right: 0;
}

#sub #nav li#nav_new-to-park-start-here a{
	color: #fffeff;
}
#nav li
{ display:relative; 
}
#nav li ul
  { position:absolute;
    left:-9999em;
    margin-top:5px;
  }
#nav li:hover ul{
  left:auto;
  z-index:5000;
  background-color:#00929F;
  padding:10px;
}
#nav li:hover ul li
  { display:block;
    float:none !important;
    padding:0px !important;
  }
#nav li ul li a
  {  font-size:.9em;
     padding: 0 5px 5px 0;
  }
#sub #nav li.current li a{
  color:#fff ;
}

/* @end */
/* @group Submenu */
#submenu{
	position: absolute;
	left: 290px;
	top: 263px;
	width: 580px;
	height: 50px;
}
.media #submenu, .events-list #submenu{
	top: 257px;
}
.media #submenu .label, .events-list #submenu .label{
	float: left;
	color: #fff;
	font-size: 1.2em;
	margin-right: 5px;
	position: relative;
	top: 6px;
}
#subnav li{
	float: left;
	padding-right: 7px; 
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:normal; 
	font-size:1.2em;
}
#subnav li a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding-left:10px
}

#subnav li.current{
	background: url(../_img/nav_li-current-bg.png) no-repeat center bottom;
	padding-bottom: 20px;
}
#subnav li.current a, #subnav li a:hover{
   color:#000; 
}
#submenu #breadcrumbs{
	color: #ddd;
	text-transform: uppercase;
	text-decoration: none;
}
#submenu #breadcrumbs a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#submenu #breadcrumbs a:hover{
	text-decoration: underline;
}
/* @end */
/* @group Content */
#content .holder{
	clear: both;
}
#content h2{
	font-size: 2.2em;
	margin-bottom: 5px;
	color: #e7a806;
}

#content h3{
   font-size: 1.8em;
	margin-bottom: 5px;
	color: #00929f;
}

#content h4{
   font-size: 1.6em;
	margin-bottom: 5px;
}

#content h5{
   font-size: 1.4em;
	margin-bottom: 5px;
	font-weight: bold;
}

#sub #content #text p,
#content li{
   margin-bottom: 1em;
   color: #666666;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin: 0 0 1em 3em;
	width: 100%;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content li{
   margin: 0;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
    margin-left: 3em;
	color: #666666;
	
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #e7a808;
	text-decoration: none !important;
	border-bottom-style: none;
}



#content a:hover{
   text-decoration: underline !important;
}

#content a.clickhere{
	display: inline-block;
	color: #fff;
	background: #6cb9c2 url(../_img/arrow_btn-bg.png) no-repeat right 0;
	text-transform: uppercase;
	font-size: .9em;
	padding: 7px 25px 5px 10px;
}

#content a.clickhere:hover{
	background: #00929f url(../_img/arrow_btn-bg.png) no-repeat right -40px;
	text-decoration: none !important;
}

#content img{
	padding: 8px;
	background-color: #def1f0;
}
#content .mcms_stats{
	background: none;
	padding: 0;
}

#content img.spinner{
	background-color: transparent;
}

#content h2#pagetitle{
	color: #e7a808;
	text-transform: uppercase;
	background: url(../_img/subpage_title-bg.png) no-repeat right 0;
	display: inline-block;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight:normal;
	font-size: 2.0em;
	line-height: 1.8em;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:0px;
	margin-top:25px;
}

#text .item{
	margin-top: 10px;
}

#text .item.post{
	margin-top: 10px;
	margin-bottom: 30px;
}

/*#text .item .arrow{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	background: url(../_img/item_toogle-arrow.png) 0 0;
	margin-top: -2px;
	cursor: pointer;
}

#text .item .arrow.dwn{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	background: url(../_img/item_toogle-arrow.png) 0 bottom;
}*/

#text .item h3{
	color: #00929f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.2em;
	margin-left: 0px;
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
	cursor: pointer;
	line-height: 1.3em;
}

#text .item.event h3 a{
  color: #00929f;
  text-decoration: none;
}
#text .item.event h3 a:hover{
  text-decoration: underline;
}

#text .item h3 span{
	color: #666;
}

#text .item h3 span.sep{
	color: #ababab;
}
#text a.ical{
	padding-top: 2px;
	padding-bottom: 3px;
	background: url(../_img/calendar.gif) no-repeat;
	padding-left: 30px;
}

#sub #text .item .info{
	padding-left: 0px;
	line-height: 1.5em;
	padding-bottom: 5px;
}

#sub #text .item .info p{
	color: #666666;
}

#text .item.dwn h3{
	border: none;
}

#text .item.dwn{
	border-bottom: 1px solid #e6e6e6;
}

#text .item .info img{
	width: 150px;
	padding: 8px;
	background-color: #dcf0f0;
	float: left;
	margin-right: 10px;
}

#text .item .info a{
	background: url(../_img/item_info_a-arrow.gif) no-repeat 0 3px;
	padding-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #e4b635;
	font-size: 1.3em;
	display:block;
	clear:both;
	float:right;
}

#text .item .info a:hover{
	text-decoration: underline;
}

#sub #text{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#sub #text ul{
	list-style-type: circle;
}

#sub #text ol{
	list-style-type: decimal;
}

/* @group Blog */

#text .item.post h3{
	color: #00929f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.4em;
	margin-left: 0px;
	padding-bottom: 0px;
	border:none;
	cursor: pointer;
	margin-bottom: 0;
}

#text .item.post h3 a{
	color: #00929f;
	text-decoration: none;
}

#sub #text .item.post .date{
	color: #b5b5b5;
	text-transform: capitalize;
	font-size: 1.3em;
	margin-bottom: 0;
}

#sub #text .item.post p{
	margin-bottom: 0;
	color: #666666;
}

#sub #text .item.post p.subline{
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 25px;
	color: #b5b5b5;
}

#text .item.post p.subline .highlight{
	color: #e7a808;
}

/* @end */

/* @end */
/* @group Left Column*/
#sub #leftcol{
	width: 141px;
	float: left;
	height: 500px;
}
/* @end */
/* @group Sub layout */

#billboard #share{
	height: 100px;
	display: block;
	position: absolute;
	z-index: -1;
	left: -30px;
	top: 180px;
	text-indent: -9999em;
	width: 5px;
}

#billboard #share .stico_default{
	display: block !important;
	height: 75px !important;
	width: 70px;
	background: url(../_img/share_bg.png) no-repeat 0 0 !important;
}
#sub #header{
	float: left;
	width: 833px;
	height: 121px;
}
#sub #container-inner{
	float: left;
	width: 853px;
}
#sub #content{
	width: 553px;
	min-height:500px;
	height: auto !important;
	height:500px;
	float:right;
	margin-top:34px;
	margin-right:23px;
	padding-bottom:50px;
	background-color:#fff;
}
#sub.home #content{
  background-color:transparent;
}
#sub #content #text{
	clear: both;
	margin-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	overflow: hidden;
}
#sub #content #text p{
		font-size: 1.2em;
	line-height: 1.5em;
}
#sub #leftcol #logo a{
	display: block;
	background-image: url(../_img/logo.png);
	height: 170zpx;
	width: 120px;
}

#sub #logo{
	margin-top: 65px;
}

#sub #leftcol #landing{
	display: block;
	background: url(../_img/landing-page_btn.png) no-repeat;
	width: 110px;
	height: 32px;
	text-indent: -99999em;
}

#content #title{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 10;
	margin-bottom: 10px;
}

#content #title #pagetitle{
	color: #e7a808;
	text-transform: uppercase;
	background: url(../_img/subpage_title-bg.png) no-repeat right 0;
	font-size: 21px;
	line-height: 1.6em;
	margin-left: 2px;
	float: left;
	display: inline-block;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0;
	margin-top:30px;
}

#content #title #filter{
	color: #fff;
	text-transform: uppercase;
	background: url(../_img/title_bar_filter_bg.png) no-repeat left 0;
	display: inline;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left:0px;
	position: relative;
	padding: 8px 20px 12px 8px;
	float: left;
	left: -1px;
	margin-top:30px;
}

#content #title #filters{
	background: url(../_img/title_bar_filter_links_bg.png) no-repeat right 0;
	padding-left: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	position: relative;
	float: left;
	display: inline;
	left: 0;
	z-index: 0;
	margin-top:30px;
}
#content #title #filters .select{
	float: left;
	display: inline;
	padding-top: 11px;
	margin-right: 15px;
	position: relative;
}

#content #title #filters .select a.btn{
	color: #cccccc;
	font-size: 1.2em;
	text-transform: uppercase;
	background: url(../_img/title_bar_links_arrow.png) no-repeat 0 1px;
	padding-left: 10px;
	text-decoration: none;
	display: block;
	padding-bottom: 10px;
}

#content #title #filters .select .overlay{
	position: absolute;
	z-index: 100;
	background-color: #f4f4f4;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	top: 35px;
	padding: 15px;
}

/* My Comment */


#content #title #filters .select .overlay .top{
	width: 100%;
	position: absolute;
	top: -17px;
	left: 0;
	background: url(../_img/filter_popup_top.png) no-repeat;
	height: 18px;
}

#content #title #filters .select .overlay ul{
	margin: 0 50px 0 0;
}

#content #title #filters .select .overlay ul li a{
	padding-bottom: 5px;
}

#content #title #filters .select .overlay #cloud{
	width: 120px;
}

#content #title #filters .select .overlay #cloud a, #content #title #filters #tags-select .overlay a.none{
	display: block;
	margin-top: 5px;
	line-height: 1.2em;
	font-size: 1.4em;
}

#content #title #filters .select .overlay a, #content #title #filters .select .overlay a.tag{
	background-image: none;
	padding-left: 0;
	margin: 0;
	text-decoration: none;
	font-size: 1.2em;
	text-transform: capitalize;
	color: #b5b5b5;
}

#content #title #filters .select .overlay a:hover{
	text-decoration: underline;
}

#content #title #filters .select .overlay a.select{
	background-color: #b5b5b5;
	color: #ffffff;
	padding: 2px;
}

#content #title #filters #date.select .overlay .none{
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
}

#content #title #filters #date.select .overlay .none:hover{
	text-decoration: underline;
}
/* @end */



/* @group sidebar */
#sub #sidebar{
	width: 274px;
	min-height:410px;
	height:auto !important;
	height: 410px;
  float:left;
	color: #666666;
	background-color:#E8FDFF;
}

#sub #sidebar .side-bottom{
  background: url(/_img/sidebar-bottom.png) no-repeat left bottom;
  clear:both;
  width:274px;
  height:50px;
  margin-bottom:-10px;
  
}

#sub #sidebar a, #sub #sidebar #tabs  li.current a{
	color: #00929f;
	text-transform: uppercase;
	text-decoration: none;
}

#sub #sidebar #tabs a{
	color: #86c4cc;
	font-size: 1.4em;
}

#sub #sidebar h2, #sub #sidebar h3{
	color: #00929f;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
}
#sub #sidebar h3{ 
    color:#2D939E;
  }

#sub #sidebar #tabs{
	margin-bottom: 20px;
}

#sub #sidebar #tabs li{
	text-align: center;
	width: 135px;
	float: left;
	height: 26px;
	padding-top: 20px;
	padding-bottom: 05px;
}

#sub #sidebar #panes{
	padding-left: 25px;
	padding-right: 25px;
	color: #666666;
	height: 340px;
}

#sub #sidebar #panes a:hover{
	text-decoration: underline;
}
#sidebar #tabs  li.tab1.current,#sidebar #tabs  li.tab2.current{
	border-style: none;
}
#sidebar #tabs  li.tab1{
	border-right: 1px solid #fffeff;
	border-bottom: 1px solid #fff;
}

#sidebar #tabs  li.tab2{
	border-left: 1px solid #fffeff;
	border-bottom: 1px solid #fff;
}

#sidebar #panes .item,#sidebar #items .item{
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#sub #sidebar .item a.more,#sidebar #items .item a.more{
	color: #e7a808;
	text-transform: lowercase;
}

/*#sub #sidebar #campuses{
display:none;
	margin-top: 35px;
	color: #ffffff;
	font-size: 1.1em;
	text-transform: uppercase;
}

#sub #sidebar #campuses p{
	margin-bottom: 5px;
}

#sub #sidebar #campuses .campus{
	margin-top: 20px;
	margin-left: 10px;
}

#sub #sidebar #campuses .campus.first{
	margin-right: 30px;

}

#sub #sidebar #campuses .campus a:hover{
	text-decoration: underline;
}*/

#sub #sidebar #items{
  padding:20px;
  padding-bottom:0px;
}
#sub #sidebar .mcms_filter, #sub #sidebar .mcms_filter_list{
  margin-bottom:10px;
}
#sub #sidebar .mcms_filter li
  { font-size:1.2em;    
  }
#sub #sidebar .mcms_filter li a {
  padding: 0 5px 5px 0;
  display:block;
}

#sub #sidebar .mcms_filter_list{
  overflow: hidden;
}
#sub #sidebar .mcms_filter_list li{
/*float: left;*/
margin-right: 5px;
margin-bottom: 5px;  
}
#sub #sidebar .mcms_filter_list li a{
   margin-bottom: 5px;
   display: block;
   color: #555;
  /*background-color: #fff;
  color: #2D939E;
  border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
}
  #sub #sidebar .mcms_filter_list li a:hover{
    color: #ccc;
    /*background-color: #2D939E;
    display: block;
    border-radius:3px;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
  }
/* @end */

#footer{
  positon:relative;
}
#sub #footer{
  clear:both;
  float:right;
	width: 580px;
	height:90px;
	padding-top:0px;
	background:url(/_img/footer_bg.png) no-repeat 4px bottom;
	position: relative;
}
#sub #footer-bar{
	color: #fffeff;
	font-weight:400;
	position: absolute;
	top: 32px;
	right: 230px;
}

#footer-bar a{
	margin-right: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	font-size:1.1em;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	background: url(/_img/social_icons.png) no-repeat;
	text-indent: -9999em;
}
#footer-bar a.facebook{ background-position: left top; }
#footer-bar a.facebook:hover{ background-position: left bottom; }
#footer-bar a.twitter{ background-position: -41px top; }
#footer-bar a.twitter:hover{ background-position: -41px bottom; }
#footer-bar a.podcast{ background-position: -81px top; }
#footer-bar a.podcast:hover{ background-position: -81px bottom; }
#footer .newsletter{
  float: right;
  width: 233px;
}
.newsletter{
  width: 233px;
  height: 42px;
  float: right;
  position: relative;
  top: 10px;
}
#newsletter{
  width: 233px;
  height: 42px;
  position: relative;
  margin-top: -21px;
}

.newsletter .signup{ 
 	display: block;
 	width: 233px;
 	height: 52px;
 	text-indent: -9999em;
 	background: url(/_img/email_list_btn.png) no-repeat;
 }

#newsletter input#newsletter_text{
  width: 130px;
  height: 32px;
  background: url(/_img/newsletter_bg.png) no-repeat;
  border: none;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  position: absolute;
  top:0;
  left: 0px;
}
#newsletter #newsletter_submit{
  position: absolute;
  left: 150px;
  top: -21px;
}
#newsletter label{
  color:#00929f;
  position:absolute ;
  bottom: -5px;
  left: 10px;
  font-size: 1.2em;
  font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
}

#footer-bar a:first-child{
  	margin-left: 25px;
}
#footer-bar a:hover{
	text-decoration: underline;
}

#footer .email-lists, #footer .media-player{
  display: none;
}

/* @group My Group */
/* @end */
#footer-bar #design{
	margin-left: 0px;
}

#footer .powered{
	color: #2e96a0;
	clear:both;
	display:block;
	float:right;
	margin-top: 50px;
	margin-bottom: 30px;
}

#footer .powered a{
	color: #e8fdff;
	text-decoration: none;
}

#footer .powered a:hover{
	text-decoration: underline;
}

#footer .powered li{
	float: left;
	margin-right: 10px;
	padding-top: 5px;
}

 #footer #pwr{
	position: relative;
	width: 153px;
}
 #footer #pwr a {
	text-indent: -9999px;
	display: block;
	height: 24px;
	background: url(../_img/logo_ekklesia.png) no-repeat 0 0;
	width: 90px;
	position: absolute;
	right: 0;
	top: 0px;
}

 #footer #pwr span{
	position: absolute;
	left: 0;
	top: 5px;
}

 #footer #pwr a:hover{
	background-position: 0 -29px;
}

/* @group Media */

.media #serieslist{
	position: relative;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: 15px;
}

.media #serieslist .prevPage{
	display: block;
	background: url(../_img/sermon_series-next-prev.png) no-repeat;
	width: 30px;
	height: 28px;
	position: absolute;
	top: 50px;
	left: 5px;
	z-index: 2;
	text-indent: -9999em;
}

.media #serieslist .nextPage{
	display: block;
	background: url(../_img/sermon_series-next-prev.png) no-repeat 0 bottom;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 50px;
	z-index: 1;
	text-indent: -9999em;
	right: 15px;
}

.media #serieslist .items .item img{
	padding: 0;
	border-style: none;
	background-color: transparent;
	width: 139px;
	height: 104px;
	z-index: 0;
	position: relative;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    height:104px;
	background-color: #def1f0;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 490px;
	z-index: 1;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	z-index: 0;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	margin-right: 12px;
	margin-left: 12px;
	height: 104px;
	z-index: 0;
	position: relative;
} 
/* you may want to setup some decorations to active the item */ 
div.scrollable div.items div.active { 
	position: relative;
	top: -3px;
	background: url(../_img/sermon_series-current.png) no-repeat center bottom;
	padding-bottom: 10px;
	margin-right: 9px;
	margin-left: 9px;
}
div.items div.active p{
	border:3px solid #3fa6b0;
	height: 104px;
}
.media #text .sermon{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #f8f8f8;
	overflow: hidden;
	color: #666666;
	font-size: 1.3em;
}
.media #text .sermon .date{
	color: #bbb;
	margin-bottom: 5px;
}
.media #text .sermon .date span{
	color: #666666;
}
.media #text .series{
	font-size: 1.3em;
	color: #666;
}
.media #text .series > img {
  margin-right: 10px;
}

.media #text .sermon .byline, .media #text .sermondetail .byline{
	float: left;
	width: 160px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 15px;
	
}

.media #text .sermon .byline li, #text .sermondetail .byline li{
	color: #b9b9b9;
	list-style-type: none;
}

.media #text .sermon .byline li a, #text .sermondetail .byline li a{
	text-decoration: none;
	color: #727272;
}

.media #text .sermon .byline li a:hover{
	text-decoration: underline;
}

.media #text .sermon .byline span , #text .sermondetail .byline span{
	color: #666666;
}

.media #text .sermon .links, #text .sermondetail .byline .links{
	float: right;
	width: 150px;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}
.media #text .sermon .links li, #text .sermondetail .links li{
	list-style-type: none;
	list-style-image: none;
	float: left;
	margin-left: 5px;
}
.media #text .sermon .links a, #text .sermondetail .links a{
	color: #e5b93c;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	background: url(../_img/icons_media.png) no-repeat;
	width: 17px;
	height: 18px;
	text-indent: -9999em;
}

.media #text .sermon .links .listen a, #text .sermondetail .links .listen a{
	background-position: 0 0;
}
.media #text .sermon .links .video a, #text .sermondetail .links .video a{
	background-position: 0 -20px;
}
.media #text .sermon .links .notes a, #text .sermondetail .links .notes a{
	background-position: 0 -40px;
}

.media #text .sermon .links .download a, #text .sermondetail .links .download a{
	background-position: 0 -60px;
}

.media #text .sermon img, #text .sermondetail img{
	float: left;
	margin-right: 15px;
	background-color: #f4f4f4;
}
#text .sermondetail h2{
	font-size: 1.8em;
	margin-bottom: 15px;
}


/* @end */

/* @group Scroll Pane */

.jScrollPaneContainer{
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.scroll .jScrollPaneTrack {
		background: url(../_img/scrollbar_bg.png) repeat-y;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.scroll  .jScrollPaneDrag {
	background: url(../_img/scrollbar_scrub.png) repeat-y 0;
	margin-left: 2px;
}
.scroll  .jScrollPaneDragTop {
	background: url(../_img/scrollbar_scrub_top.png) no-repeat;
	height: 6px;
}
.scroll  .jScrollPaneDragBottom {
	background: url(../_img/scrollbar_scrub_btm.png) no-repeat;
	height: 6px;
}
.scroll  a.jScrollArrowUp {
	height: 24px;
	background: url(../_img/scrollbar_toparrow.png) no-repeat 0 0;
}
.scroll  a.jScrollArrowUp:hover {

}
.scroll a.jScrollArrowDown {
	height: 24px;
	background: url(../_img/scrollbar_btmarrow.png) no-repeat 0 0;
}
.scroll a.jScrollArrowDown:hover {

}
.scroll a.jScrollActiveArrowButton, .scroll a.jScrollActiveArrowButton:hover {
	
}

/* @end */

#sub.campuses #content-wrap{
	background-image: none;
}
#sub.campuses  #campuses{
	display: block;
	position: relative;
	top: -1px;
}
#sub.campuses  #campuses li{
	float: left;
	display: block;
	width: 414px;
	height: 150px;
}

#sub.campuses  #campuses li a{
	display: block;
	height: 150px;
	background: url(../_img/campus_links.png) no-repeat;
	text-indent: -9999em;
}
#sub.campuses  #campuses li#crosby-campus{
	margin-right: 2px;
}
#sub.campuses  #campuses li#crosby-campus a{
	background-position: 0 0;
	
}

#sub.campuses  #campuses li#lincoln-park-campus a{
	background-position: -417px 0;
}

#sub.campuses  #campuses li#crosby-campus a:hover{
	background-position: 0 bottom;
}

#sub.campuses  #campuses li#lincoln-park-campus a:hover{
	background-position: -417px bottom;
}

#sub.campuses #footer{
	position: absolute;
	top: 355px;
	right: 6px;
}

#sub #footer #design{
	margin-right: 10px;
}

#sub.campuses #footer .powered{
	position: absolute;
	right: 0;
	top: 150px;
}


#sub.campuses{
	background-position: 0 0;
	background-repeat: no-repeat;
}


#text #cal-wrap{
	position: relative;
	margin-top: 55px;
	display: block;
	width: 474px;
}

/* @group Calendar
 */



/* @end */
#text table.calendar{
	margin-bottom:25px; 
	border: 1px solid #e3e1d9; 
	border-collapse: collapse; 
	width:474px;
	border-right-style: none;
	margin-top: 25px;
	  
}

#text table.calendar body{
	width:474px;
	text-align: right;
}
#text table.calendar caption{ 
	padding:0 0 12px 50px; 
	color: #2d939e; 
	font-weight: bold;
	font-size:1.4em;
	text-align: center;
}


#text #month1, #text #month2, #text #month3, #text #month4, #text #month5, #text #month6, #text #month7, #text #month8, #text #month9, #text #month10, #text #month11, #text #month12{
	width: 474px;
}
#text .calendar span{
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
	font-size: .8em;
}
#text span.calendar-next{
	
}
#text span.calendar-prev{ 
	
}
#text table.calendar th	{ 
	 padding:0; 
	 background: #2f2f2d; 
	 color:#fefefe; 
	 font-size: 1.2em; 
	 font-weight: bold; 
	 line-height: 33px;
	 text-transform:uppercase;
	 text-align: center;
}
#text table.calendar td{ 
	height:68px; 
	border:1px solid #e3e1d9; 
	border-left:0; 
	text-align:right;
	border-top:0; 
	color: #686762; 
	font-size:1.1em; 
	vertical-align:top;
	width: 68px;
	padding: 2px;
}
#text table.calendar td.current{
	background-color: #e8fdff;
}
#text table.calendar td a{ 
	color: #319da8; 
	text-decoration: none;
	
}
#text table.calendar td ul{ 
	font-size: 100%; 
	list-style: none; 
	padding:6px;
	display: block;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 0;
}
#text table.calendar td li{ 
	margin-bottom: .95em; 
	font-size: 1.0em; 
	line-height: 1.3em; 
	text-align:left;
	word-wrap:wrap;
	white-space: normal;
}
#text table.calendar td li a{ 
	color: #e7ad17; 
	text-decoration:none; 
	font-size: 11px;
}
#text table.calendar td li a:hover{ 
	text-decoration:underline; 
}

#text .calendar td.empty{
	background-color: #fcfcfc;
	background-image: none;
}   

#comments form input#name{
	display: inline;
	border: 1px solid #999;
	width: 300px;
	height: 20px;
	margin-top: 10px;
}
#comments form textarea{
	width: 400px;
	height: 100px;
	margin-bottom: 10px;
		border: 1px solid #999;
}
#evite{
	padding: 10px;
	display: block;
	width: 265px;
	height: 378px;
}

#evite h3{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	padding-left: 0;
	color: #2d939e;
}
#evite p{
	padding-left: 10px;
	margin-top: 5px;
	color: #838383;
	line-height: 1.3em;
	font-size: 1.3em;
}

#evite #response{
	color: #feffff;
	padding: 10px;
	text-align: center;
	position: absolute;
	background-color: rgba(0,0,0,1);
	width: 180px;
	top: 30%;
	left: 16%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	display: block;
	font: normal 1.6em/1.5em Arial, Helvetica, sans-serif;
}
#tellafriend{
	padding: 10px;
}
#tellafriend div{
	margin-bottom: 10px;
}

#tellafriend label{
	margin-right: 5px;
	display: block;
	margin-bottom: 2px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #4a4a4a;
}

#tellafriend label span{
	font-size: .9em;
	color: #2d939e;
}

#tellafriend input{
	height: 20px;
	width: 200px;
	border: 1px solid #c0c0c0;
	border-top: 1px solid #a2a2a2;
	border-left: 1px solid #919191;
}

#tellafriend input#submit{
	width: 65px;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	color: #fffeff;
	text-transform: uppercase;
	background-color: #2d939e;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	height: 25px;
}


#cboxContent #preview {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
	color: #464545;
	font-size: 12px;
	line-height: 1.6;
	width: 450px;
	padding: 10px;
	display: block;
}
#cboxContent #preview  a{
	font-weight: bold;
	color: #3A809B;
	}
#cboxContent #preview  a:hover  {
	font-weight: bold;
	color: #3A809B;
	
}
#cboxContent #preview blockquote {
	font-style: italic;
	font-weight: bold;
}
#cboxContent #preview table {
	background: #FFFFFF;
	}
#cboxContent #preview h3{
	font-size: 16px;
	color:#333333;
	font-weight: bold;
	margin-bottom: 15px;
}
#cboxContent #preview p{
	margin-bottom: 10px;
}

#cboxContent #preview  img{
	width: 520px;
	border: 5px solid #def1f0;
}

#cboxContent #preview a.closeprev{
	background: #f5f5f5 url(../_img/go-back.png) no-repeat;
	margin-bottom: 10px;
	display: block;
	font-family: Geneva, Arial, Helvetica;
	text-decoration: none;
	height: 30px;
	width: 100%;
	text-indent: -9999em;
}

#cboxContent #evite #prevbtn{
	float: right;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	color: #fffeff;
	text-transform: uppercase;
	background-color: #c2c2c2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	text-decoration: none;
	padding: 8px;
}

#cboxContent #evite #prevbtn:hover{
	background-color: #8a8a8a;
}
#campus-wrap{
  background: url(/_img/campus_bar_bg.png) repeat-x;
  display: block;
  height: 36px;
}
#campuses{
  width: 950px;
  height: 36px;
  margin: 0 auto;
  background: url(/_img/campus_bg_highlight.png) no-repeat center 0px;
  position: relative;
  padding-left: 200px;
  z-index: 1000;
}
#campuses .marker{
  display: block;
  width: 13px;
  padding: 0px 8px 0px 8px;
  height: 25px;
  background-image: url(/_img/campus_marker.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
  position: relative;
  top: 8px;
  border-right: 1px solid #232323;
  cursor: pointer;
}
#campuses .marker:hover{
  background-position: left -32px;
}
#campuses > ul{
  height: 36px;
}
#campuses li{
  float: left;

  color: #dddddd;
  font-size: 1.1em;
  position: relative;
}
#campuses li .name{
    display: block;
    padding: 11px 15px 13px 15px;
    border-right: 1px solid #222222;
    cursor: pointer;
    font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
    font-weight:normal;
    text-transform: uppercase;
}
#campuses li .name:hover, #campuses li.selected .name{
  background-color: #000;
}
#campuses .overlay{
  position: absolute;
  background: url(/_img/campus_overlay_bg.png) no-repeat;
  width: 386px;
  height: 200px;
  padding-top: 25px;
  padding-left: 14px;
  padding-right: 14px;
  font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
  line-height: 1.4em;
}
#campuses .imgwrap{
  width: 220px;
  height:147px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
#campuses .overlay .meta{
  float: right;
  width: 150px;
}
#campuses .overlay strong{
  font-weight: bold;
}
#campuses .overlay p{
  font-size: 1em;
  margin-bottom: 10px;
}
#campuses .overlay .footer{
  display: block;
  clear: both;
  position: relative;
  background-color: #000;
  background-color: rgba(0,0,0,.8);
  padding-top: 10px;
  padding-bottom: 10px;
  top: 5px;
  padding-left: 45px;
  font-size: 1.3em;
  padding-right: 10px;
}
#campuses .overlay .map{
  width: 63px;
  height: 36px;
  display: block;
  background: url(/_img/campus_map_btn.png) no-repeat top left;
  text-indent: -9999em;
  position: absolute;
  top: 0px;
  left: -25px;
}
#campuses .overlay .map:hover{
  background-position: -45px left;
}
#campuses .overlay .more{
  float: right;
  color: #00929f;
  font-size: .8em;
  font-weight: bold;
  margin-right: 5px;
}
#campuses .overlay .more:hover{
  color: #ccc;
}
#campuses .overlay a{
 color: #00929f;
  text-decoration: none;
  white-space: normal;
  word-wrap:break-word;
}
#campuses .overlay a:hover{
  color:#ccc;
}
#campuses .hidden{
  display: none;
}
#sidebar .sidenav{
  margin-top: 25px;
  padding-left: 25px;
}
#sidebar .sidenav li{
  display: block;
  clear: both;
  margin-bottom: 3px;
}
#sidebar .sidenav li a{
  padding: 5px 10px;
  color: #2D939E;
  display: block;
  width: 100%;
  font-size: 1.4em;
}
#sidebar .sidenav li a:hover, #sidebar .sidenav li.current a{
  color: #000 !important;  
  background-image: none;
}
#sudebar .sidenav li ul{
  margin-left: 15px;
}
#sudebar .sidenav li.current li a{
  color: #2D939E; 
}