/* Mass Reset (taken from 960.gs) -- 
	This resets the padding, margins, etc so you are working off the same defaults since browsers are all different */

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Text base (taken from 960.gs) --
	This adds some basic text formating that the mass reset takes away */
	
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px} /*p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}*/

/* CSS Document */

/* --- basic markup styles for links and images --- */

body {
	margin: 0; padding: 0;
	background: #D1D4E6; color: #000;
	font:  small Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
}


/* --- Header content including navlinks using sprites --- */

#header {
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat;
	height: 138px; width: 1046px;
	position: relative;
}

#navlinks li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 83px;
}

#navlinks li, #navlinks a {
	height: 30px; display: block;
}

#panel1b {left: 519px;	width: 55px;}
#panel2b {left: 579px;	width: 60px;}
#panel3b {left: 645px;	width: 76px;}
#panel4b {left: 727px;	width: 55px;}
#panel5b {left: 788px;	width: 63px;}
#panel6b {left:	857px;	width: 58px;}
#panel7b {left:	921px;	width: 74px;}


#panel1b a:hover {
    background: transparent url(../images/header.jpg)
    -519px -148px no-repeat;}
#panel2b a:hover {
    background: transparent url(../images/header.jpg)
    -579px -148px no-repeat;}
#panel3b a:hover {
    background: transparent url(../images/header.jpg)
    -645px -148px no-repeat;}
#panel4b a:hover {
    background: transparent url(../images/header.jpg)
    -727px -148px no-repeat;}
#panel5b a:hover {
    background: transparent url(../images/header.jpg)
    -788px -148px no-repeat;}
#panel6b a:hover {
   background: transparent url(../images/header.jpg)
    -857px -148px no-repeat;}
#panel7b a:hover {
	background: transparent url(../images/header.jpg)
	-921px -148px no-repeat;}
	
	
#index_mastheadL {
	margin: 0 auto;
	width: 1046px;
	height: 319px;
	background: url(../images/index_mastheadL.png) no-repeat;
	position: relative;
	z-index: 1;
}

/* index MastheadL Links  */
#headerlinks li {
	margin: 0; padding: 0; list-style: none;
	position: relative;
}

#headerlinks li, #headerlinks a {
	height: 38px; display: block;
}

#Hpanel1b {left: 40px;	top: 25px;  width: 310px;}
#Hpanel2b {left: 40px;	top: 117px;	width: 356px;}
#Hpanel3b {left: 40px;	top: 128px;	width: 356px;}
#Hpanel4b {left: 40px;	top: 138px;	width: 355px;}



#Hpanel1b a:hover {
    background: transparent url(../images/index_mastheadL.png)
    -40px -321px no-repeat;}
#Hpanel2b a:hover {
    background: transparent url(../images/index_mastheadL.png)
    -40px -364px no-repeat;}
#Hpanel3b a:hover {
    background: transparent url(../images/index_mastheadL.png)
    -40px -407px no-repeat;}
#Hpanel4b a:hover {
    background: transparent url(../images/index_mastheadL.png)
    -40px -449px no-repeat;}
    

#streaming {
	margin: 16px 0 17px 0;
	height: 183px; width: 244px;
	position: relative;
}

/* Sprite Buttons */

#listennow {
	float: left;
	display: block;
	width: 111px;
	height: 38px;
	background: url(../images/listennow.gif) no-repeat;
	
}

#listennow:hover {
	background-position: 0 -38px;
}
	
#listennow span {
	display: none;
}	

#watchnow {
	float: left;
	display: block;
	width: 111px;
	height: 38px;
	background: url(../images/watchnow.gif) no-repeat;
	
}

#watchnow:hover {
	background-position: 0 -38px;
}
	
#watchnow span {
	display: none;
}	

#archive {
	float: left;
	display: block;
	width: 111px;
	height: 38px;
	background: url(../images/archive.gif) no-repeat;
	margin-left: 13px;
	
}

#archive:hover {
	background-position: 0 -38px;
}
	
#archive span {
	display: none;
}	


#readingplan {
	float: left;
	display: block;
	width: 128px;
	height: 38px;
	background: url(../images/readingplan.gif) no-repeat;
	margin: 13px;
	
}

#readingplan:hover {
	background-position: 0 -38px;
}
	
#readingplan span {
	display: none;
}

#devotions {
	float: left;
	display: block;
	width: 181px;
	height: 38px;
	background: url(../images/devotions.gif) no-repeat;
	
}

#devotions:hover {
	background-position: 0 -38px;
}
	
#devotions span {
	display: none;
}	

/* secondary page mastheads */

#about_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/about_masthead.jpg) no-repeat;	
}

#purpose_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/purpose_masthead.jpg) no-repeat;	
}

#believe_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/believe_masthead.jpg) no-repeat;	
}

#history_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/history_masthead.jpg) no-repeat;	
}

#staff_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/staff_masthead.jpg) no-repeat;	
}

#children_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/children_masthead.jpg) no-repeat;	
}

#college_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/college_masthead.jpg) no-repeat;	
}

#axis_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/axis_masthead.jpg) no-repeat;	
}

#c3group_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/c3group_masthead.jpg) no-repeat;	
}

#ccu_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/ccu_masthead.jpg) no-repeat;	
}	

#moms_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/moms_masthead.jpg) no-repeat;	
}	

#evergreen_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/evergreen_masthead.jpg) no-repeat;	
}	

#connectlanding_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/connect_masthead.jpg) no-repeat;	
}

#serveservice_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/serveservice_masthead.jpg) no-repeat;	
}

#serveinreach_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/serveinreach_masthead.jpg) no-repeat;	
}

#serveoutreach_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/serviceoutreach_masthead.jpg) no-repeat;	
}

#events_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/event_masthead.jpg) no-repeat;	
}

#media_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/media_masthead.jpg) no-repeat;	
}

#archive_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/archive_masthead.jpg) no-repeat;	
}

#contact_masthead {
	margin: 0 auto;
	width: 1046px;
	height: 288px;
	background:url(../images/contact_masthead.jpg) no-repeat;	
	
}
	

/* secondary page masthead text and link decoration */

div.secmasthead ul {
	line-height: 24px;
	padding: 68px 70px 0 0;
	list-style: none;
	color: #fff;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 14px;
	text-align:right;
	font-weight: bold;
}

div.secmasthead a {
	color:#fff;
	text-decoration: none;
}

div.secmasthead a:hover {
	color: #848CB9;
	text-decoration: none;
}


/* This is the container for the main content of the index */

#page-container {
	width: 1046px;
	margin: 0 auto;
	background:url(../images/indexbg.gif) repeat-y;
	padding: 0 0 15px 0;
}
	
	
#page-container div.main {
	float: left;
	width: 769px;
}

#page-container div.main img.youthlogo {
	margin: 13px 0 0 65px;
}

#page-container div.onecolumn {
	width: 720px;
	padding: 17px 0 0 49px;
}

#page-container div.onecolumn #contactleft {
	float:left;
	width: 180px;
	padding: 0 0;
	margin: 0 0;
}

#page-container div.onecolumn #contactleft h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1e3a75;
	padding: 0 0 13px 15px;
	margin: 0 0;
}

#page-container div.onecolumn #contactleft p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 0 0 13px 15px;
	margin: 0 0;
}

#page-container div.onecolumn #contactleft span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0 0 13px 15px;
	margin: 0 0;
}

#page-container div.onecolumn #contactright {
	float: left;
	width: 522px;
	padding: 0 0 18px 0;
	border: 2px solid #a5a6ad;
	background: #fff;
	margin: 0 0 17px 0;
}



#page-container div.contactmap {
	width: 690px;
	height: 589px;
	padding: 0 0;
	margin: 0 0 17px 14px;
	background: url(../images/map.gif) no-repeat;
}

#page-container div.onecolumn div.contactmap p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 10px 17px 0 17px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

#page-container div.onecolumn a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

#page-container div.onecolumn a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #848CB9;
	text-decoration: underline;
}


#page-container div.onecolumn div.boxleft {
	display: block;
	width: 696px;
	height: 247px;
	padding: 17px 0 0 0;
	margin: auto;
	background:url(../images/boxbg.gif) no-repeat;
}

#page-container div.onecolumn div.boxsermon {
	display: block;
	width: 696px;
	height: 247px;
	padding: 17px 0 0 0;
	margin:  auto;
	background:url(../images/boxbg.gif) no-repeat;
}
#page-container div.onecolumn div.boxleft li {
	padding: 0 0 10px;
	margin: 0 0;
}

#page-container div.onecolumn div.boxsermon li {
	padding: 0 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxsermon p.sermonvids {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0 0 5px 0;
	margin: 0 0;
}

#page-container div.onecolumn li {
	list-style:none;
	margin-bottom: 13px;
}
#page-container div.onecolumn a.linkage {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #848CB9;
	text-decoration: none;
	text-transform: uppercase;
}

#page-container div.onecolumn a.linkage:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #184387;
	text-decoration: underline;
	text-transform: uppercase;
}


#page-container div.onecolumn div.boxleft #buttonsleft {
	float: right;
	margin: -38px 14px 0 0;
	padding: 0 0 0 0;
	clear: both;
}

#page-container div.onecolumn div.boxsermon #buttonsleft {
	float: right;
	margin: -38px 14px 0 0;
	padding: 0 0 0 0;
	clear: both;
}

#page-container div.onecolumn div.boxsermon #subscribebutton {
	float: right;
	margin: -5px 0px 0 0;
	padding: 0 0 0 0;
	clear: both;
}

#page-container div.onecolumn div.boxright #buttonsright {
	float: left;
	margin: -38px 0 0 14px;
	padding: 0 0 0 0;
	clear: both;
}

#page-container div.onecolumn div.boxright #buttonsright a {
margin-right: 10px;
}

#page-container div.onecolumn div.boxleft img {
	float: left;
	margin: 0 0 0 15px;
	padding: 0 13px 0 0;
}

#page-container div.onecolumn div.boxsermon img {
	float: left;
	margin: 0 13px 0 15px;
	padding: 0 13px 0 0;
}

#page-container div.onecolumn div.boxsermon #videoPlayback {
	float: left;
	margin: 0 13px 0 15px;
	background-color: #000;
}

#page-container div.onecolumn div.boxsermon img.sermon {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#page-container div.onecolumn div.boxsermon img.mediabuttons {
	float: left;
	margin: 0 0 0 0;
	padding: 0 6px 0 0;
}

#page-container div.onecolumn div.boxsermon a.play {
	float: left;
	margin: 0 0 0 0;
	padding: 0 6px 0 0;
}

#page-container div.onecolumn div.boxleft h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #1e3a75;
	text-transform: uppercase;
	padding: 0 14px 0 0;
	margin: 0 0;
}



#page-container div.onecolumn div.boxleft h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	text-transform: uppercase;
	padding: 0 14px 0 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxsermon p.mediasermontitle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	text-transform: uppercase;
	padding: 10px 14px 5px 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxleft h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #1e3a75;
	text-transform: uppercase;
	padding: 0 14px 13px 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxsermon h3sermon {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #1e3a75;
	text-transform: uppercase;
	padding: 0 14px 5px 0;
	margin: 0 0;
}



#page-container div.onecolumn div.boxleft h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	text-transform: uppercase;
	padding: 0 14px 13px 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxleft p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 0 14px 17px 0;
	margin: 0 0;
}

#page-container div.onecolumn div.boxsermon p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 0 14px 5px 0;
	margin: 0 0;
}


#page-container div.onecolumn div.boxright {
	display: block;
	width: 696px;
	height: 247px;
	padding: 17px 0 0 0;
	margin: 0 0 0 12px;
	background:url(../images/boxbg.gif) no-repeat;
}


#page-container div.onecolumn div.boxright img {
	float: right;
	margin: 0 14px 0 10px;
	padding: 0 0 0 0;
}

#page-container div.onecolumn div.boxright h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #1e3a75;
	text-transform: uppercase;
	padding: 0 0 0 14px;
	margin: 0 0;
}

#page-container div.onecolumn div.boxright a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	margin: 0 0;
	text-decoration: underline;
}

#page-container div.onecolumn div.boxright a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	margin: 0 0;
	text-decoration: none;
	
}

#page-container div.onecolumn div.boxleft a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	margin: 0 0;
	text-decoration: underline;
}

#page-container div.onecolumn div.boxleft a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	margin: 0 0;
	text-decoration: none;
	
}


#page-container div.onecolumn div.boxright h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #848cb9;
	text-transform: uppercase;
	padding: 0 0 0 14px;
	margin: 0 0;
}

#page-container div.onecolumn div.boxright h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #1e3a75;
	text-transform: uppercase;
	padding: 0 0 13px 14px;
	margin: 0 0;
}

#page-container div.onecolumn div.boxright p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 0 0 17px 14px;
	margin: 0 0;
}

#page-container div.onecolumn img {
	display:block;
	margin: 0 auto;
	padding: 0 0 17px 0;
}


#page-container div.onecolumn img.nopadding {
	display:block;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#page-container div.onecolumn img.float {
	float: left;
	margin: 0 0 0 17px;
}

#page-container div.onecolumn img.floatright {
	float: right;
	margin: 0 17px 0 17px;
}

#page-container div.onecolumn img.norm {
	display:inline;
	margin: 0 0 0 17px;
}

#page-container div.onecolumn p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0 17px 0 17px;
}

#page-container div.onecolumn p.whatisaxis {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0 17px 0 17px;
}

#page-container div.onecolumn p.whatisaxis span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 0;
}

#page-container div.onecolumn span {
	font-size: 18px;
	font-weight: bold;
}

#page-container div.onecolumn h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #1e3a75;
	padding: 0 0 10px 17px;
}

#page-container div.onecolumn h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #1e3a75;
	padding: 0 0 0 17px;
}

#page-container div.onecolumn h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 17px;
}

#page-container div.onecolumn div.livestream {
	margin: auto;
	padding-top: 45px;
	text-align: center;
}


#page-container div.mainleft {
	width: 244px;
	float: left;
	padding: 15px 0 0 65px;
}

#page-container div.studentmainleft {
	width: 424px;
	float: left;
	padding: 15px 0 0 17px;
}

#page-container div.childrenmainleft {
	width: 335px;
	float: left;
	padding: 15px 0 0 65px;
}

#page-container div.childrenmainright {
		width: 335px;
	float: left;
	margin: 15px auto 15px 17px;
}

#page-container div.childrenmainright p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 10px 0 0 0;
}

#page-container div.childrenmainleft img.banners {
	margin: 0 0 17px 0;
	padding: 0 0;
}

#page-container div.staceynote {
	clear:both;
	width: 687px;
	height: 237px;
	background: url(../images/children_notebg.jpg) no-repeat;
	margin: 0 0 0 65px;
	padding: 14px 0 0 0;
}

#page-container div.staceynote p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 0 20px 0 160px;
	line-height:14px;
}

#page-container div.staceynote span {
	font-weight: bold;
}

#page-container div.pastorsblog {
	width: 426px;
	height: 384px;
	background: url(../images/pastorsblog.jpg) no-repeat;
	float: left;
	margin: 204px auto 15px 17px;

}

#page-container div.studentblog {
	width: 244px;
	height: 547px;
	background: url(../images/youth_blogbg.jpg) no-repeat;
	float: left;
	margin: 15px auto 15px 65px;

}

#page-container div.col2 {
	width: 277px;
	margin: 0 auto 0 769px;
	padding: 0 0 0 0;
}

#page-container p.sermonseries {
	padding: 10px 0;
	color:#000;
}

#page-container p.sermonseries a {
	color:#000;
	text-decoration:none;
}

#page-container p.sermonseries a:hover {
	text-decoration:underline;
}

#whatshappening {
	padding: 0 0 18px 0;
	margin: 0 0 0 0;
	height: 229px;
}

#whatshappening p {
	padding: 10px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 14px;
}

#whatshappening a {
	padding: 10px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #194387;
	text-decoration:underline;
}

#whatshappening a:hover {
	padding: 10px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#194387;
	text-decoration:none;
}


img.indexfirst {
	margin: 15px 0 0 0;
}

img.contact {
	margin: 15px 0 0 10px;
}

img.sidebarlast {
	margin: 0 0 17px 0;
}

img.indexlast {
	margin: 15px 0 5px 0;
}

img.sermonseries {
	margin: 0 10px 16px 0;

}

img.studentseries {
	float: left;
	margin: 0 10px 16px 0;

}

#page-container p.col2 {
	color: #fff;
	font-size:11px;
	padding: 0 65px 0 12px;
	line-height: 1.3em;
}


	
/* This is the container for the secondary pages */	
	
#secondary_page-container {
	width: 1046px;
	margin: 0 auto;
	background:url(../images/secondarybg.gif) repeat-y;
	}
	
#secondary_page-container div.secmain {
	float: left;
	width: 660px;
	padding: 26px 0px 16px 67px;
}

#secondary_page-container div.secmain ul {
	list-style:none;
	
}

#secondary_page-container div.secmain li img {
	float:left;
	clear:both;
	padding: 0px 8px 26px 0;
	
}

#secondary_page-container div.secmain h1 {
	color: #1e3a75;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	
}

#secondary_page-container div.secmain h2 {
	color: #848cb9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	
}

#secondary_page-container div.secmain h3 {
	color: #848cb9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding: 0 0 110px 0;
	
}

#secondary_page-container div.secmain h3 a {
	color: #848cb9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	
}

#secondary_page-container div.secmain h3 a:hover {
	color: #848cb9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
	
}

#secondary_page-container div.singlecolumn {
	float: left;
	width: 666px;
	padding: 17px 0px 0px 66px;
}

#secondary_page-container #ccusinglecolumn {
	float: left;
	width: 432px;
	height: auto;
	padding: 155px 0 0 300px;
	background: url(../images/moms_logobg.jpg) no-repeat;
}

#secondary_page-container #ccusinglecolumn h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #1e3a75;
}

#secondary_page-container #ccusinglecolumn h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1e3a75;
}

#secondary_page-container #ccusinglecolumn p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#secondary_page-container #evergreenright {
	float: left;
	width: 432px;
	padding: 116px 0 0 0;
}

#secondary_page-container #evergreenleft {
	float: left;
	width: 234px;
	padding: 17px 0 0 66px;
}

#secondary_page-container #evergreenleft img {
	padding-bottom: 16px;
}

#secondary_page-container #evergreenright h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #1e3a75;
}

#secondary_page-container #evergreenright h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1e3a75;
	padding-bottom: 20px;
}

#secondary_page-container #evergreenright p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#secondary_page-container #ccusinglecolumn span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0 0 0 35px;
}


#smallonecolumn {
float: right;
	width: 223px;
	padding: 0 0 0 18px;
}

#serviceonecolumn {
float: right;
	width: 250px;
	padding: 0 0 0 18px;
}

#secondary_page-container div.singlecolumn #c3famplaylist {
	background: #184387;
	width: 425px;
	height: 38px;
	padding: 0 0;
	margin: 0 0 20px 0;
}

#secondary_page-container div.singlecolumn #c3famplaylist a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	margin: 0 0;
	padding: 0 0;
}

#secondary_page-container div.singlecolumn #c3famplaylist ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	padding:0.5em 0 0 0;
	margin: 0 0;
	text-align: right;
}

#secondary_page-container div.singlecolumn #c3famplaylist li {
	display: inline;
	list-style: none;
	padding:0 13px;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #smallonecolumn p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0 0 18px 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #serviceonecolumn h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1e3a75;
	padding: 0 0;
	font-weight: bold;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #serviceonecolumn h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1e3a75;
	padding: 0 0 18px 0;
	font-weight: bold;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #serviceonecolumn p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0 0 18px 0;
	margin: 0 0;
}


#secondary_page-container div.singlecolumn #smallonecolumn p.larger {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0 0 18px 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #smallonecolumn span {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #smallonecolumn p.smallitalic {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-style: italic;
	padding: 0 0 0 17px;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #smallonecolumn p.smallrightalign {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: right;
	font-style: italic;
	padding: 0 0 1em 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}


#secondary_page-container div.singlecolumn #size12onecolumn p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#secondary_page-container div.singlecolumn #size12onecolumn p.ccu {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #size12onecolumn span {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding: 0 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn #size12onecolumn h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 0 0 17px 0;
}

#secondary_page-container div.singlecolumn #size12onecolumn h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
	
#secondary_page-container div.singlecolumn #size12onecolumn h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 0 0 10px 0;
}	

#secondary_page-container div.singlecolumn span {
	font-weight: bold;
	padding: 0 0;
	margin: 0 0;
}

#secondary_page-container div.singlecolumn img {
	margin: 0 0 13px 0;
}

#secondary_page-container p {
	padding: 0 0 .5em 0;
	color: #000;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 12px;
}

#secondary_page-container span {
	padding: 0 0 0 3em;
}

#secondary_page-container h1 {
	color: #000;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 18px;
	font-weight: bold;
}

#secondary_page-container h2 {
	color: #000;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 14px;
	font-weight: bold;
}

#secondary_page-container a {
	color: #000;
	text-decoration:none;
}

#secondary_page-container a:hover {
	color:#333;
	text-decoration:underline;
}

/* This is the sidebar container for the secondary pages */

#secondary_page-container div.seccol2 {
	width: 297px;
	margin: 0 auto 0 749px;
	padding: 0 0 0 0;
}

#secondary_page-container div.seccol2 h2 {
	color:#1e3a75;
	padding: 0 70px 0 12px;
	margin-bottom: .5em;
}

#secondary_page-container div.seccol2 h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#1e3a75;
	font-style: italic;
	padding: 17px 70px 0 12px;
	margin: 0;
}

#secondary_page-container div.seccol2 h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#1e3a75;
	font-style: italic;
	padding: 17px 70px 5px 12px;
	margin: 0;
}

#secondary_page-container div.seccol2 p {
	font-size:11px;
	padding: 0 70px 0 12px;
	line-height: 1.3em;
}

#secondary_page-container div.seccol2 p.italic {
	font-size:12px;
	padding: 0 0 0 12px;
	margin: 0 70px 0 0;
	font-style: italic;
}

#secondary_page-container div.seccol2 p.rightalign {
	font-style: normal;
	font-size:12px;
	padding: 0 70px 0 12px;
	text-align:right;
	
	
}

#secondary_page-container div.seccol2 p.white {
	color: #fff;
	font-size:11px;
	padding: 0 70px 0 12px;
	line-height: 1.3em;
}


#secondary_page-container div.seccol2 img.robinthumb {
	padding: 10px 0 5px 12px;
}

#secondary_page-container div.seccol2 img.imgbottompad {
	margin: 0 0 .5em 0;
}

div.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
}

#footer {
	text-align: center;
	padding: 1em 0 1em 0;
}

#footer p {
	color: #000;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-weight: bold;
	font-size:10px;	
}

/* flow player */
#index_video  {
	background:url(../images/index_video.jpg) no-repeat;
	display:block;
	width:244px;
	height:183px;	
	text-align:center;
	margin: 17px 0 17px 0;
}

#index_promo {
	display:block;
	width:244px;
	height:183px;	
	text-align:center;
	margin: 0 0 17px 0;
}

#youth_video  {
	background:url(../images/youth_video.jpg) no-repeat;
	display:block;
	width:425px;
	height:300px;	
	text-align:center;
	padding: 0 0 15px 0;
}



/* Robin's Blog */

#page-container div.pastorsblog SPAN.rssdesc {
	font-size: 12px;
	line-height: 17px;
	
}

.rssfeedtitle {
	display:none;
}

#page-container div.pastorsblog a.rsstitle {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	display: inline;
	line-height: 18px;
}

#page-container div.pastorsblog a.rsstitle:hover {
	text-decoration: underline;
	color:#333;
}

p.magicrss {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 85px 15px 0 15px;

}

p.readmore {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 0 15px 15px 15px;

}

div.pastorsblog a {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	font-size:9px;
	text-decoration:none;
	display: none;
}

/* Shane's Blog */

#page-container div.studentblog SPAN.rssdesc {
	font-size: 12px;
	line-height: 17px;
}

#page-container div.studentblog a.rsstitle {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	display: inline;
	line-height: 18px;
	padding: 0 0;
	margin: 0 0;
}

#page-container div.studentblog a.rsstitle:hover {
	text-decoration: underline;
	color:#333;
}

div.studentblog a {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	font-size:9px;
	text-decoration:none;
	display: none;
}

#lightbox {
	background-color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	font-weight: bold;
	padding: 20px 20px 20px 20px;
}

#blackbox {
	background-color: #000;
	}

#lightbox p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	font-weight: bold;
	clear: both;
}

#lightbox a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#lightbox a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: underline;
	font-weight: bold;
}

#lightbox span {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#lightbox img {
	padding: 0 8px 8px 0;
	float:left;
}

#lightbox h1 {
	color: #1e3a75;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	
}

#lightbox h2 {
	color: #848cb9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	
}

/* -- form CSS */




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:normal;
  width: 490px; 
  margin: 0 0;
  padding: 0 0;
}

form.contactpage {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 17px 0 0 0;
  width: 490px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: 1px solid #2A435C;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
    font-weight:bold;                   /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */

}
/* Arrow expandable list css */

#connect_masthead .arrowlistmenu {
/*width: 410px; width of accordion menu*/
float: right;
padding: 68px 70px 0 0;
}

#connect_masthead .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size: 14px;
	text-align:right;
	font-weight: bold;
	line-height: 30px;
	cursor: pointer;}

#connect_masthead .arrowlistmenu .menuheader a{color:#fff; text-decoration: none;}

#connect_masthead .arrowlistmenu .menuheader a:hover{color:#848CB9; text-decoration: none;}

#connect_masthead .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#000000;
}

#connect_masthead .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom:1px; /*bottom spacing between each UL and rest of content*/
}

#connect_masthead .arrowlistmenu ul li{
/*bottom spacing between menu items*/
line-height:1.3em;
font-size: 12px;
}

#connect_masthead .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #ffffff;
}

#connect_masthead .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #ffffff;
}

#connect_masthead .arrowlistmenu ul li a{
color:#fff; text-decoration:none; margin: 0 0 0 0;
}

#connect_masthead .arrowlistmenu ul li a:visited{
color:#fff; text-decoration:none; margin: 0 0 0 0;
}

#connect_masthead .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#848CB9; text-decoration:none; margin: 0 0 0 0;
}

#connect_masthead .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
color:#848CB9; text-decoration:none; margin: 0 0 0 0;
}



#video-container {
	margin: 16px 0 0 95px;
	width: 400px;
	height: 265px;
}
#facebox .body {
	width: 588px !important;
}