/* @override 
	http://oaksfellowship.monkcms.net/_css/styles.css
	http://www.theoaksonline.org/_css/styles.css
*/

/* Site: The OaksOnline */

* {
   margin: 0;
   padding: 0;
   outline: 0;
}

body{
   font-size: 62.5%;
  font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;
   line-height: 1;
	
}

#home,#subpage,#guest,#onecol{
	background: #c4c4c4 url(../_img/bg_site.jpg) repeat-x;
}

hr{
   display: none;
}

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

#container{
   width: 909px;
   margin: 0 auto;
}

a{
   overflow: hidden;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* 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 */



/* =Header
---------------------------------------------------------------------
*/
 #header{
	height: 62px;
	width: 909px;
	position: relative;
}

#home #header #logo a{
	width: 130px;
	height: 56px;
}
#header #logo{
	float: left;
	margin-left: 25px;
	position: relative;
	top: 3px;
}

#header #logo a img{
	border-style: none;
}

#home #header #logo{
	margin-left: 50px;
}

#header #searchbar{
	
	margin-right: 20px;
	margin-top: 5px;
	position: absolute;
	right: 220px;
}

#header #searchbar #search_go{
	margin-right: 10px;
	margin-top: 5px;
	text-transform: uppercase;
	color: #c0b678;
	font-weight: bold;
	text-decoration: none;
}
#header #searchbar #search_term{
	height: 15px;
	color: #767676;
}
#portal #header #logo{
	margin-left: 50px;
}

#header #tab{
	position: absolute;
	right: 0;
	width: 222px;
	height: 27px;
	background-image: url(../_img/bg_login-tellfriend.gif);
}

#header #tab a{
	text-decoration: none;
	color: #545454;
}
 #header #tab a.thickbox{
	background: url(../_img/bg_login-tellfriend-text.gif) no-repeat 20px 0px;
	width: 115px;
	height: 10px;
	float: left;
	display: block;
	text-indent: -9999em;
	margin-top: 9px;
}
#header #loggedin{
	position: absolute;
	text-align: right;
	top: 32px;
	right: 0;
	color: #4c4c4c;
}

#header #loggedin .thickbox{
	display: none;
}


#header #loggedin a{
	color: #000;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}

#header #loggedin span{
	font-weight: bold;
	color: #000;
}

#header #loggedin a:hover{
	text-decoration: underline;
}
 #header #tab a.logout{
	width: 115px;
	height: 10px;
	text-indent: -9999em;
	background: url(../_img/bg_login-tellfriend-text.gif) no-repeat 20px -13px;
	display: block;
	float: left;
	margin-top: 7px;
}

 #header #tab a.tell{
	text-indent: -9999em;
	background: url(../_img/bg_login-tellfriend-text.gif) no-repeat 20px bottom;
	width: 90px;
	height: 10px;
	display: block;
	margin-top: 7px;
}



#header #tellwindow{
	position: absolute;
	right: 0;
	top: 30px;
	background-color: #c4c4c4;
	padding: 10px;
	color: #292929;
	font-weight: bold;
	border: 1px solid #adadad;
	z-index: 900;
	display: none;
}

#header #tellwindow a{
	display: none;
}

#header #tellwindow td div{
	text-align: left;
	display: inline-block;
}

#tellwindow form table tbody tr td p input {
	float: left;
	margin-top: 10px;
}



#header #tellwindow input{
	margin-bottom: 5px;
	display: block;
	width: 200px;
	height: 20px;
	border: 1px solid #989898;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}


#header #tellwindow textarea{
	width: 200px;
	height: 90px;
	border: 1px solid #989898;
	padding: 5px 2px 2px;
}

#header #tellwindow input#submit{
	width: 80px;
	margin-top: 10px;
}

#header #tellwindow label{
	display: block;
	color: #545454;
	margin-bottom: 2px;
	text-transform: uppercase;
}

#tellwindow p  {
	text-align: right;
	color: #fff;
	font-size: 1.2em;
	background-color: #bebebe;
	padding: 5px;
	cursor: pointer;
	margin-bottom: 5px;
}





#header #tellwindow #response {
	padding: 5px;
	color: #fff;
	text-align: center;
	width: 200px;
	background-color: #009ddf;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 1.1em;
	line-height: 1.3em;
	text-transform: uppercase;
	border: 1px solid #4379ac;
}


/* =Navigation
---------------------------------------------------------------------
*/

#nav ul{
	list-style-type: none;
}

#nav ul li{
	float: left;
	height: 43px;
	display: block;
}

#nav ul li.last a{
	background-image: none;
	margin-right: 0;
}

#nav ul li a{
	text-decoration: none;
	font-size: 1.1em;
	color: #000;
	text-transform: uppercase;
	background: url(../_img/bg_mainnav-sep.gif) no-repeat 100%;
	padding-right: 30px;
	margin-right: 30px;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

#nav ul li a:hover{
	color: #fff;
}

#nav ul li ul {
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
   background-color: #d1d1d1;
	padding-bottom: 10px;
	border: 1px solid #e4e4e4;
	border-top-style: solid;
	padding-left: 10px;
	margin-left: -1%;
	border-top-color: #b7b7b7;
	margin-top: 2px;
}


#nav li ul li a{
	background-image: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 0;
	width: 140px;
}

#nav li:hover ul,
#nav li.sfhover ul {
   left: auto;
   z-index: 999;
}

#nav ul li ul li{
	padding-left: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 20px;
}

#nav li li {
	position: relative;
}

#nav ul ul, #nav li:hover ul ul {
   position: absolute;
   left: -999em;
   z-index: 999;
}

#nav li li:hover ul {
	top: 6px;
   left: 130px;
}

#nav li li:hover a {
	color: #fff;
}

#nav li li:hover li a {
	color: #000;
}

#nav li li:hover li a:hover {
	color: #fff;
}

#nav #nonnav{
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#nav #nonnav li ul{
	width: 200px;
}

#nav #nonnav li ul a{
	width: 190px;
}



/* =Container-Inner
---------------------------------------------------------------------
*/
#container-inner #nav{
	background: url(../_img/bg_main-nav.jpg) no-repeat;
	height: 43px;
	padding-left: 30px;
}


/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
	border: 1px solid #d1d1d1;
	border-top-style: none;
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 10px;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
	margin-bottom: 4px;
}

#subpage #content{
	padding-right: 0px;
	width: 600px;
	float: left;
	margin-left: 10px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	display: inline;
}

#content .pagetitle{
	color: #5a481c;
	font-weight: normal;
	font-style: normal;
	font-size: 2.8em;
	margin-bottom: 10px;
	padding-top: 20px;
	background-image: none;
	padding-left: 0;
}

#content .subtitle{
	color: #c0b678;
	font-size: 1.9em;
	margin-bottom: 20px;
}

#content h2{
	color: #c0b678;
	font-size: 2em;
	margin-bottom: 10px;
}

#content h3{
	font-size: 1.4em;
	color: #000;
	background: url(../_img/bg_content-h3.jpg) no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 7px;
	padding-left: 10px;
	font-weight: bold;
}

#content h4{
	color: #c0b678;
	font-size: 1.4em;
	margin-bottom: 5px;
}

#content h4,
#content h5,
#content h6{
   
}

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

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

#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;
}

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

#content a{
   color: #63633E;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content a img{
    border: none;
}
#onecol #content #text{
	padding-bottom: 25px;
}

#content #text .item{
	z-index: 1;
	position: relative;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #F00;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 1.1em;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/_img/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/_img/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/_img/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/_img/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/_img/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/_img/mb_podcast.gif);
}

#content-wrap #pageimg{
	padding-top: 5px;
	margin-left: 4px;
	margin-bottom: 5px;
}

#content .item{
	padding: 20px;
	position: relative;
}
#content .item.alt{
	background-color: #e3e3e3;
}
#content .item h3{
	background-image: none;
	width: 430px;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding: 0;
}

#content .item h3 a{
	text-decoration: none;
}

#content .item .date{
	font-weight: bold;
	font-size: 1.2em;
	color: #5d5e60;
	position: absolute;
	right: 20px;
	top: 20px;
}

#content #filter{
	margin-bottom: 15px;
	margin-top: 20px;
	width: 588px;
}

#content #filter label{
	display: block;
	color: #7b7b7b;
	margin-bottom: 5px;
}

#content .pagination{
	text-align: right;
	margin-bottom: 15px;
	font-weight: bold;
}
#content #pagination{
	display: block;
	width: auto;
	text-align: right;
}
/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
	background-color: #f3f3f3;
	border: 1px solid #d4d4d4;
	width: 246px;
	margin-left: 8px;
	padding: 15px 10px 10px;
	margin-bottom: 6px;
	margin-top: 5px;
	float: left;
	display:inline;
}


#sidebar #subnav{
	
}

#sidebar #subnav ul{
	list-style-type: none;
}

#sidebar #subnav ul li{
	padding-left: 8px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


#sidebar #subnav ul li ul{
	display: none;
}

#sidebar #subnav ul li a, #sidebar #subnav ul li.current li a{
	color: #171717;
	text-decoration: none;
	font-size: 1.2em;
}

#sidebar #subnav ul li a:hover{
	color: #5a481c;
}
#sidebar #subnav ul li.current ul ul{
	display: none;
}

#sidebar #subnav ul li.current{
	border-bottom-style: none;
	padding-top: 8px;
	background: url(../_img/bg_subnav-current-li.gif) no-repeat;
	margin-bottom: 0;
	
	display: block;
	padding-bottom: 9px;
}

#sidebar #subnav ul li.current a{
	color: #5a481c;
}


#sidebar #subnav ul li.current ul{
	margin-top: 9px;
	width: 229px;
	padding-top: 10px;
	background: #dadada url(../_img/bg_subnav-btm.gif) no-repeat 0 bottom;
	padding-bottom: 0px;
	display: block;
	
}

#sidebar #subnav ul li.current li{
	background-image: none;
	border-bottom-style: none;
	padding-left: 20px;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sidebar #subnav ul li.current li a:hover{
	color: #5a481c;
}


#sidebar h3{
	color: #c0b678;
	font-size: 1.7em;
	margin-bottom: 25px;
}

#sidebar .item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
}

#sidebar .item h3{
	font-size: 1.2em;
	margin-bottom: 7px;
	line-height: 1.2em;
}

#sidebar .item h3 a{
	text-decoration: none;
	color: #545454;
}

#sidebar .item p{
	line-height: 1.5em;
	color: #585858;
}


#sidebar #searchbox #search_term{
	border-style: none;
	
	background: url(../_img/bg_sidebar-search-input.gif) no-repeat;
	color: #787878;
	padding-bottom: 10px;
	margin-right: -3px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	width: 120px;
}
#sidebar #searchbox #search_go{
	width: 32px;
	height: 33px;
	border-style: none;
	float: left;
	display: block;
}

#content .pagination a, #content .pagination span, #content #pagination a{
	padding: 5px;
}

#content .pagination a,  #content #pagination a{
	color: #c0b678;
	text-decoration: underline;
}


#content .pagination span.prev, #content .pagination a.prev{
	/*background: url(../_img/pg_prev.jpg) no-repeat 5px 5px;*/
	width: 15px;
	height: 10px;
	text-indent: -9999em;
}

#content .pagination span.next, #content .pagination a.next{
	/*background: url(../_img/pg_next.jpg) no-repeat 5px 5px;*/
	text-indent: -9999em;
	width: 15px;
	height: 10px;
 
}

#content #pagination #off,#content #pagination #current{
	color: #000;
	text-decoration: none;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
    clear: both;
	background-color: #d7d7d7;
	border: 1px solid #b9b9b9;
    color: #5c5c5c;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	height: 20px;
	margin-bottom: 20px;
}

#footer ul{
	list-style-type: none;
}
#footer ul.links{
	float: right;
}
#footer ul li{
	float: left;
	background: url(../_img/bg_footer-link-sep.gif) no-repeat 100%;
	margin-right: 10px;
	padding-right: 10px;
}

#footer ul li.last{
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

#footer a{
	color: #5c5c5c;
	text-decoration: none;
}

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

#container .powered{
	text-align: right;
	color: #808080;
}

#container .powered a{
	color: #4f4f4f;
	text-decoration: none;
}

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





/* @group Calendar */

#content #calwrap{
	width: 850px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#content #calwrap table.calendar{
   margin-bottom: 25px;
   border-collapse: collapse;
 width:850px;
   font-size: 1em;
}

#content #calwrap table.calendar caption{
   padding-bottom: 10px;
   color: #a8a8a8;
   font-size: 1.3em;
   font-weight: bold;
}

#content #calwrap table.calendar caption span{
   color: #c0b678;
	font-size: 1.5em;
}

#content#calwrap table.calendar caption span.calendar-prev{
   padding-left: 10px;

}

#content #calwrap table.calendar caption span.calendar-next{

	padding-right: 10px;

}

#content #calwrap  table.calendar th{
   padding: 10px 0;
   color: #FFF;
   font-size: 1.6em;
   font-weight: normal;
   text-align: center;
   background: url(../_img/bg_cal-caption.jpg) repeat-x;
}

#content #calwrap  table.calendar th:last-child{
	border-right: 1px solid #c2c2c2;
}

#content #calwrap table.calendar td{
   width: 68px;
   height: 80px;
   padding: 5px;
   border: 1px solid #c2c2c2;
   background: #e8e8e8;
   color: #777;
   font-size: 1em;
   vertical-align: top;
}

#content #calwrap table.calendar td.empty{
   background: #e8e8e8;
}

#content #calwrap table.calendar td a{
   text-decoration: none;
}

#content #calwrap  table.calendar td ul{
   margin: .5em 0 0;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content  #calwrap  table.calendar td li{
   padding-left: 0px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1em;
	line-height: 1.2em;
}

#content #calwrap table.calendar td li a{
   text-decoration: none;
   color: #4e4e4e;
	font-size: .9em;
}

#content #calwrap table.calendar td li a:hover{
	text-decoration: underline;
}

#content .filters{
	margin-left: auto;
	margin-right: auto;
}

#content .filters td{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #85858d;
}

body #content .quicklink{
	border: 1px solid #9e9e9e;
	padding-top: 15px;
	padding-bottom: 13px;
	padding-left: 20px;
	background: #dedede url(../_img/bg_mb-sep.gif) repeat-y 150px;
	width: 265px;
	margin: 20px 15px 20px 560px;
}

#subpage #content .quicklink{
	margin-left: 305px;
	padding-right: 0;
	margin-right: 0;
}

#content .quicklink a{
	color: #909193;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	display: block;
}

#content .quicklink a.cal{
	background: url(../_img/icn_cal.gif) no-repeat;
	padding-left: 25px;
	width: 100px;
	height: 18px;
	float: left;
	padding-top: 2px;
	margin-right: 12px;
}

#content .quicklink a.vol{
	background: url(../_img/bg_cal-list.gif) no-repeat 15px -2px;
	width: 90px;
	height: 20px;
	padding-top: 2px;
	padding-left: 27px;
	text-align: center;
}

#content .quicklink a:hover{
	color: #000;
	text-decoration: underline;
}

#content table#events{
	clear: right;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 590px;
}

#content  table#events tr.alt{
	background-color: #e3e3e3;
}

#content table#events td{
	padding: 10px;
}

#content table#events td.title{
	width: 250px;
	padding-left: 20px;
}

#content table#events td.category{
	width: 200px;
	color: #8c8b89;
	text-transform: uppercase;
}

#content table#events td.time{
	width: 130px;
	color: #8c8b89;
	text-transform: uppercase;
}

#content table#events td a{
	font-size: 1.3em;
	text-decoration: none;
}

#content table#events td a:hover{
	text-decoration: underline;
}


/* @end */

/* @group Sermons */

.sermons #content{
	margin-right: 0;
	display: inline;
}
#sidebar #howitworks{
	background-image: url(../_img/bg_how-it-works.gif);
	position: relative;
	padding: 20px;
	margin-bottom: 10px;
	color: #7f7f7f;
}

#sidebar #howitworks strong{
	color: #606060;
}
#sidebar #howitworks p{
	line-height: 1.5em;
}
#sidebar #howitworks #btm{
	height: 5px;
	background: url(../_img/bg_how-it-works.gif) no-repeat left bottom;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 246px;
}

#sidebar #howitworks h4{
	display: block;
	text-indent: -9999em;
	background: url(../_img/bg_howitworks-text.gif) no-repeat;
	height: 20px;
	margin-bottom: 10px;
}

#sidebar #howitworks ul{
	margin-top: 15px;
	list-style-type: none;
}

#sidebar #howitworks li{
	margin-bottom: 15px;
	background: url(../_img/bg_sidebar-hiw-sep.gif) repeat-y 30px 0;
}

#sidebar #howitworks li .icn{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	background: url(../_img/bg_mediabox.gif) no-repeat 0 bottom;
	margin-top: 10px;
}

#sidebar #howitworks li p{
	padding-left: 45px;
}

#sidebar #howitworks li.play .icn{
	background-position: 0 bottom;
	margin-top: 5px;
}

#sidebar #howitworks li.save .icn{
	background-position: -17px bottom;
}

#sidebar #howitworks li.dlnotes .icn{
	background-position: -35px bottom;
}

#sidebar #howitworks li.video .icn{
	background-position: -54px bottom;
}

#sidebar #howitworks li.dlvideo .icn{
	background-position: -75px bottom;
	width: 22px;
	padding-left: 10px;
}

#sidebar #register a{
	display: block;
	background: url(../_img/bg_register-resources.jpg) no-repeat;
	width: 264px;
	height: 40px;
	text-indent: -9999em;
	margin-bottom: 10px;
}

#sidebar .subscribe{
	display: block;
	background: url(../_img/bg_podcast-subscribe.jpg) no-repeat;
	width: 264px;
	height: 59px;
	text-indent: -9999em;
	margin-bottom: 10px;
}


#content .sermon{

	border-bottom: 1px solid #cacaca;
	position: relative;
	padding-bottom: 5px;
	margin-top: 5px;
}

#content .sermon .wrap{
	float: left;
	padding-top: 22px;
}

#content  #latest .sermon{
 padding-top:6px;   
}

#content  #latest .sermon .wrap{
	padding-top: 0;
}

#content .sermon h4 {
	font-weight: normal;
	font-style: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 300px;
}

#content .sermon h4 a {
	color: #3c3c3c;
	text-decoration: none;
	font-weight: bold;
}

#content .sermon h4 a:hover{
	text-decoration: underline;
}

#content .sermon .mediabox{
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	position: absolute;
	right: 10px;
	width: 165px;
	top: 35%;
}


#content .sermon .image img{
	float: none;
}

#content .sermon .image{
	float: left;
}
#content .sermon .mediabox li{
	float: left;
	border-right: 1px solid #dbdbdb;
	padding-right: 5px;
	margin-right: 10px;
}

#content .sermon .mediabox li a{
	background: url(../_img/bg_mediabox.gif) no-repeat;
	display: block;
	
	text-indent: -9999em;
	width: 20px;
	height: 22px;
}

#content .sermon .mediabox li:last-child{
	border-right-style: none;
	padding-right: 0;
	margin-right: 0;
}

#content .sermon .mediabox li.play a{
	background-position: 0 0;
}

#content .sermon .mediabox li.save a{
	background-position: -18px 0;
}

#content .sermon .mediabox li.dlnotes a{
	background-position: -36px 0;
}

#content .sermon .mediabox li.video a{
	background-position: -56px 0;
}

#content .sermon .mediabox li.dlvideo a{
	background-position: -77px 0;
}


#content .sermon .info{
	display: inline-block;
	display: -moz-inline-block;
	list-style-type: none;
	margin-left: 0;
	width: 280px;
}

#content .sermon .info li{
	float: left;
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	background: url(../_img/bg_sermon-info-sep.gif) no-repeat right;
	font: 1.1em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 2px;
}

#content .sermon .info li:last-child{
	background-image: none;
}

#content #sermonlist{
	padding-left: 16px;
}


#content #latest{
	height: 100px;
	background: url(../_img/bg_latest-sermon.gif) no-repeat left bottom;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-bottom: 10px;
	position: relative;
	width: 609px;
}

#content #latest .top{ 
background: url(../_img/bg_latest-sermon.gif) no-repeat left top;
   width: 609px;
   height: 5px;
   position: relative;
   left: -20px;
   top: -2px;
 }

#content  #latest h5{
	color: #c0b678;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	top: 0;
}

#content  #latest .sermon{
	border-bottom-style: none;
}

#content #latest .sermon h4{
	width: 300px;
}

#content  #latest .sermon .mediabox{
	
	right: -9px;
	top: 18;
	width: 185px;
	position: absolute;
}

#content #latest .sermon .mediabox li{
	border-bottom-style: none;
	background: url(../_img/bg_latest-sermon-sep.gif) no-repeat right;
	padding-right: 5px;
}

#content #latest .sermon .mediabox li:last-child{
	margin-right: 0;
	padding-right: 0;
	margin-left: 0;
}

#content #latest .sermon .mediabox li.play a{
	background-position: 0 bottom;
}

#content #latest .sermon .mediabox li.save a{
	background-position: -18px bottom;
}

#content #latest .sermon .mediabox li.dlnotes a{
	background-position: -36px bottom;
}

#content #latest .sermon .mediabox li.video a{
	background-position: -56px bottom;
}

#content #latest .sermon .mediabox li.dlvideo a{
	background-position: -77px bottom;
}

#content .sort{
	margin-bottom: 20px;
}

#content .sort table{
	width: auto;
}

#content #sermonbox{
	position: relative;
	background: url(../_img/bg_latest-sermon.gif) no-repeat;
	width: 609px;
	height: 58px;
	z-index: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#content #sermonbox #btm{
	background: url(../_img/bg_latest-sermon.gif) no-repeat left bottom;
	height: 5px;
	left: 0;
	z-index: 2;
	bottom: 0;
	position: absolute;
	display: block;
	width: 609px;
}

#content  .sermondetail .mediabox{
	right: 0;
	top: 20px;
	width: 195px;
	position: absolute;
	list-style-type: none;
}

#content .sermondetail .mediabox li{
	border-bottom-style: none;
	padding-right: 10px;
	background: url(../_img/bg_latest-sermon-sep.gif) no-repeat right;
	float: left;
	margin-right: 10px;
}

#content .sermondetail .mediabox li a{
	background: url(../_img/bg_mediabox.gif) no-repeat;
	display: block;

	text-indent: -9999em;
	width: 20px;
	height: 22px;
}

#content .sermondetail .mediabox li:last-child, #content .sermondetail .mediabox li.last{
	margin-right: 0;
	padding-right: 0;
	margin-left: 0;
}

#content .sermondetail .mediabox li.play a{
	background-position: 0 bottom;
}

#content .sermondetail .mediabox li.save a{
	background-position: -18px bottom;
}

#content .sermondetail .mediabox li.dlnotes a{
	background-position: -36px bottom;
}

#content .sermondetail .mediabox li.video a{
	background-position: -56px bottom;
}

#content .sermondetail .mediabox li.dlvideo a{
	background-position: -77px bottom;
}

#content #sermonbox  .info{
	display: inline-block;
	display: -moz-inline-block;
	list-style-type: none;
	margin-left: 0;
	position: absolute;
	left: 20px;
	top: 22px;
}

#content #sermonbox .info li{
	float: left;
	display: inline-block;
	
	margin-right: 10px;
	padding-right: 10px;
	background: url(../_img/bg_sermon-info-sep.gif) no-repeat right;
	font: 1.1em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#content #sermonbox  .info li:last-child{
	background-image: none;
}

#content .sermondetail #text{
	width: 350px;
	float: right;
	
}

#content .sermondetail #text p, #content .sermondetail #text p span{
	color: #655f50;
	
}

#content .sermondetail #img{
	width: 231px;
	float: left;
}

#sidebar .back{
	width: 264px;
	height: 40px;
	text-indent: -9999em;
	margin-bottom: 0px;
	display: block;
	background: url(../_img/bg_back-message-list.gif) no-repeat;
}


#content h3.sermongroup{
	background-image: none;
	color: #c0b678;
	background-color: #f3f3f3;
	margin-bottom: 10px;
}


#content .sort label{
	color: #606060;
	font-weight: bold;
}

#content .sort td{
	padding: 4px;
}

#content .sort select{
	width: 140px;
}


#content div table tbody > tr td a.advoptions {
	text-align: right;
}


#content #event h6{
	font-size: 1.5em;
}

/* @end */

/* @group Small Groups */

#sidebar #grouptypes{
	background-image: url(../_img/bg_how-it-works.gif);
	position: relative;
	padding: 20px;
	margin-bottom: 10px;
	color: #7f7f7f;
}

#sidebar #grouptypes h3{
	color: #606060;
	font-size: 1.1em;
}
#sidebar #grouptypes p{
	line-height: 1.5em;
}
#sidebar #grouptypes #btm{
	height: 5px;
	background: url(../_img/bg_how-it-works.gif) no-repeat left bottom;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 246px;
}


#sidebar #grouptypes h4{
	display: block;
	text-indent: -9999em;
	background: url(../_img/bg_group-types.gif) no-repeat;
	height: 20px;
	margin-bottom: 10px;
}

#sidebar #grouptypes .item.last{
	border-bottom-style: none;
}

#sidebar a.sgfaq{
	display: block;
	background: url(../_img/bg_join-small-group.jpg) no-repeat;
	width: 248px;
	height: 60px;
	text-indent: -9999em;
	margin-top: 20px;
}


#content #smallgroups .item p{
	padding-bottom: 0;
	margin-bottom: 0;
	color: #585a5e;
}

#smallgroups .thickbox{
	display: block;
	background: url(../_img/bg_join-group.gif) no-repeat;
	height: 25px;
	width: 90px;
	float: right;
	text-indent: -9999px;
}

#subpage #smallgroups .group .join .thickbox{
	display: block;
	background: url(../_img/bg_join-group.gif) no-repeat;
	height: 25px;
	width: 90px;
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

#smallgroups .group{
	color: #575757;
	width: 612px;
	float: left;
}

#smallgroups .group .locate{
	height: 25px;

	float: left;
	margin-bottom: 20px;
}

#smallgroups .group .locate a{
	display: block;
	background: url(../_img/bg_locate-on-map.gif) no-repeat;
	width: 130px;
	height: 25px;
	text-indent: -9999px;
}

#smallgroups .group p{
	clear: left;
		color: #575757;
}

#sidebar a.backsgl{
	background: url(../_img/bg_back-smallgroup-list.gif) no-repeat;
	display: block;
	width: 250px;
	height: 32px;
	margin-bottom: 10px;
	text-indent: -9999em;
}


/* @end */
/* @group Products */

#content #products{
	width: 612px;
	float: left;
}

#content #products h4.familytitle{
	color: #c0b678;
	background-color: #e5e5e5;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 50px;
	clear: both;
}

#content #products h4.familytitle.first{
	margin-top: 0;
}

#products .product .pinfo{
	width: 325px;
	display: block;
	float: left;
	padding-left: 10px;
}

#products .product .pinfo h4{
	font-weight: normal;
	font-style: normal;
	font-size: 1.7em;
}

#subpage #content #products .product .pinfo p{
	color: #3c3c3c;
	font-size: 1.1em;
}

#products .product .pinfo h4 a{
	color: #3c3c3c;
	text-decoration: none;
}

#products .product .pinfo h4 a:hover{
	text-decoration: underline;
}

#products .product{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
}


#products .product img{
	border-style: none;
}

#subpage #content #products .product .price{
	float: right;
	display: inline;
	font-size: 2em;
	position: relative;
	top: 25px;
	padding-right: 10px;
	color: #3c3c3c;
	letter-spacing: -1.5px;
}

#content #products .product .purchase{
	display: block;
	padding-top: 20px;
	float: right;
	margin-right: 20px;
}

#content #product{
	margin-top: 40px;
}
#content #product h4{
	color: #c0b678;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
}

#content #product #detail{
	background: url(../_img/bg_product-detail.gif) no-repeat;
	height: 62px;
	position: relative;
	margin-bottom: 20px;
}


#content #product #detail .purchase{
	position: absolute;
	right: 30px;
	top: 16px;
}

#content #product #detail .shipping{
	position: absolute;
	color: #9e9e9e;
	right: 135px;
	top: 28px;
}

#content #product #detail .price{
	position: absolute;
	left: 30px;
	color: #2f2f2f;
	font: bold 2em "Lucida Grande", Lucida, Verdana, sans-serif;
	top: 18px;
}
#content #product .description{
}
#content #product .description p{
	padding-right: 5px;
}

#content #product .productimage img{
	margin-right: 30px;
	margin-bottom: 20px;
}


#content table.monkCart{
	margin-bottom: 10px;
	width: 845px;
	border-bottom: 3px solid #e0e0db;
	padding-bottom: 10px;
	border-collapse: collapse;
}

table.monkCart tr.item{
	background-color: #e8e8e8;
	font-size: 1.2em;
}

table.monkCart tr.item td{
	vertical-align: middle;
}

table.monkCart tr.item form input.qty{
	vertical-align: middle;
	height: 18px;
	margin-left: 10px;
	float: left;
}

table.monkCart tr.item form input.button{
	margin-top: 0px;
	padding-left: 5px;
}

table.monkCart tr.total{
	font-size: 1.3em;
	font-weight: bold;
}

table.monkCart tr td{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em;
}

table.monkCart tr.total td{
	border-top: 1px solid #b2b2b2;
	font-size: .9em;
	padding: 5px 5px 10px 0;
}

table.monkCart tr.total td.amount{
	font-size: 1.3em;
	color: #cc2229;
	border-left: 1px solid #e6e6e6;
	padding-right: 0;
	padding-bottom: 5px;
	text-align: center;
}

table.monkCart tr.item fieldset{
	padding-top: 5px;
}

table.monkCart th{
	font-size: 1.3em;
	padding-bottom: 12px;
}

#onecol #content{
	padding-left: 30px;
	padding-right: 30px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#content .submit-order .thickbox{
	display: block;
	background: url(../_img/bg_cart-submit-order.gif) no-repeat;
	width: 101px;
	height: 28px;
	text-indent: -9999em;
}

#sidebar a.backstore{
	display: block;
	background: url(../_img/bg_back-to-store.gif) no-repeat;
	text-indent: -9999em;
	width: 250px;
	height: 31px;
	margin-bottom: 15px;
}

#filter select{
	margin-right: 10px;
}

/* @end */


#content .gallery{
	margin-bottom: 10px;
}

form#newsletter{
  color: #030303;
  font-size: 1.2em;
}

form#newsletter label{
  float: left;
  width: 80px;
  line-height: 25px;
  margin-bottom: 10px;
  clear: both;
}
form#newsletter input{
  font-size: 12px;
  padding: 3px;
  margin-bottom: 10px;
}

form#newsletter .mcms_newsletter_group_select label{
  float: none;
  width: auto;
}
form#newsletter .mcms_newsletter_group_select input{
  margin: 0 5px 5px 0;
}