body{ font-family: Arial, Helvetica, sans-serif; }

hr{ margin: 25px 0 30px; border: none; border-top: 1px solid #ccc; }

.alignright { float: right; margin-left: 15px; }
.alignleft { float: left; margin-right: 15px; }

.title{ font-size: 22px!important; border-bottom: 1px solid #ccc; margin: 0 15px; }
.news-item{ border-bottom: dashed #ccc 1px; clear: both; }

#banner{ width: 710px; height: 225px; margin-left: 28px; }

#content { padding: 0 10px; }
.who1 { float: left; width: 30%; }
.who2, .who3 { float: right; width: 65%; }
.clear { clear: both; }
body{
padding:0px;
margin:0px;
}
a img{ border: none; }
.limks {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #F9FBFC;
	text-decoration: none;
}
p, .copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	text-decoration: none;
}
h1 { text-align: left; text-transform: uppercase; font-size: 18px; color: #709F9C; }
.headline { margin: 30px 0 0 10px; }
.copy2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #7C8A9C;
	text-decoration: none;
}
.link {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 115%;
	font-weight: bold;
	color: #709F9C;
}
.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #0099CC;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #686868;
}
.link3 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #436C8E;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #5B5A5A;
}
.tit, h2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CF6445;
}
h2{ font-size: 15px; margin: 25px 0 10px; }
.link4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #5E809E;
}
.link5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #2278BE;
}
.form_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 19px;
	width: 307px;
	background:transparensy;
}
.form_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 107px;
	width: 307px;
	border: none;
	background:transparensy;
	overflow:auto;
}
.registration{ font-size: 12px; }
input { border-top: 1px dotted #b0b0b0; border-bottom: 1px dotted #b0b0b0; }
.registration input{ border: 1px solid #ddd; background: #f2f2f2; padding: 3px 5px; margin-left: 10px; }
input.check{ margin: 5px 2px 5px 15px; }
input[submit] {
	border: none;
	background-color: white;
}
.event_page_title { font-size: 24px; font-weight: bold; line-height: 115%; font-family: Tahoma; }
.eventTitle{ margin-bottom: 0px; color:#709F9C; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.sermonTitle{ margin-bottom: 0px; color:#709F9C; font-size: 18px; line-height: 1.3em; }

.sermon{ width: 600px; margin-bottom: 25px; }
.sermon p{ text-align: left; }

#index { font-size: 11px; }
.eventDate{ margin: 5px 0; font-style:italic; font-size: 11px; color: #000; }
.eventDesc{ padding: 0 0px 15px 0; margin-right: 5px; border-bottom: 1px dashed #999; font-size: 11px; color: #000; }
#ongoingEvents{ border: 2px solid #ddd; background-color: #f2f2f2; padding: 10px; margin: 0 5px; }
#ongoingEvents h4{ margin-bottom: 0; }
#ongoingEvents p{ font-size: 11px; }
#ongoingEvents .date{ font-style:italic; }

.feature{ background-color: #ffc; border: 1px solid #ccc; padding: 2px 5px; width: 95%; }

#bg3{ background:url(images/bgs_3.jpg) bottom no-repeat #eaf4f3; }

.sidebar { width: 255px; float: right; }
.sidebar h3 { margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.sidebar h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.sidebar p { color: #000; line-height: 1.25em; }
.events { margin-left: 15px; width: 410px; }

.map { margin-left: 65px; }

#resource_list li { margin-left: 25px; font-size: 11px; margin-top: 5px; }
#resource_list li a { color: #5E809E; } 

.who_top { background-image: url(images/tit_bg.jpg); background-repeat: repeat-x; height: 34px; }

.alignright { float: right; margin-left: 15px; }
.alignleft { float: left; margin-right: 15px; }

#content { padding: 0 10px; }
.who1 { float: left; width: 30%; }
.who2, .who3 { float: right; width: 65%; }
.clear { clear: both; }
body{
padding:0px;
margin:0px;
}
a img{ border: none; }
.limks {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #F9FBFC;
	text-decoration: none;
}
.limks:hover{ color: #00457c; text-decoration: underline; }
p, .copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #666;
	text-decoration: none;
}
h1 { text-align: left; text-transform: uppercase; font-size: 18px; color: #709F9C; }
.headline { margin: 30px 0 0 10px; }
.copy2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #7C8A9C;
	text-decoration: none;
}
.link {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 115%;
	font-weight: bold;
	color: #709F9C;
}
.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #0099CC;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #686868;
}
.link3 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #436C8E;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #5B5A5A;
}
.tit {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CF6445;
}
.link4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #5E809E;
}
.link5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #2278BE;
}
.form_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 107px;
	width: 307px;
	border: none;
	background:transparensy;
	overflow:auto;
}


.event_page_title { font-size: 24px; font-weight: bold; line-height: 115%; font-family: Tahoma; }
.eventTitle{ margin-bottom: 0px; color:#709F9C; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.sermonTitle{ margin-bottom: 0px; color:#709F9C; font-size: 18px; line-height: 1.3em; }
#index { font-size: 11px; }
.eventDate{ margin: 5px 0; font-style:italic; font-size: 11px; color: #000; }
.eventDesc{ padding: 0 0px 15px 0; margin-right: 5px; border-bottom: 1px dashed #999; font-size: 11px; color: #000; }
#ongoingEvents{ border: 2px solid #ddd; background-color: #f2f2f2; padding: 10px; margin: 0 5px; }
#ongoingEvents h4{ margin-bottom: 0; }
#ongoingEvents p{ font-size: 11px; }
#ongoingEvents .date{ font-style:italic; }

.feature{ background-color: #ffc; border: 1px solid #ccc; padding: 2px 5px; width: 95%; }

#bg3{ background:url(images/bgs_3.jpg) bottom no-repeat #eaf4f3; }

.sidebar { width: 255px; float: right; }
.sidebar h3 { margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.sidebar h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.sidebar p { color: #000; line-height: 1.25em; }
.events { margin-left: 15px; width: 410px; }

.map { margin-left: 65px; }

#resource_list li { margin-left: 25px; font-size: 11px; margin-top: 5px; }
#resource_list li a { color: #5E809E; } 

.inner{ padding: 10px 20px; }

.who_top { background-image: url(images/tit_bg.jpg); background-repeat: repeat-x; height: 34px; }

/*
  Premium Featured Posts Slider
  (c) 2011, Web factory Ltd
*/
#fps-container{
  width: 100%;
  display: block;
  .display: none;
  margin: 0 0 15px 0;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.show{ .display: block!important; }
.hidden{ display: none!important; .display: static; }

.fps-slide {
  display:block;
  overflow: hidden;
  position: relative;
}

.fps-slide h1, .fps-slide h2, .fps-slide h3, .fps-slide h4, .fps-slide h5, .fps-slide h6 {
  margin: 0 0 15px 0;
  clear: none;
}

.fps-entry-title {
  opacity: 0.75; 
  filter: alpha(opacity=75); 
  color: white !important; 
  background-color: black !important; 
  position: absolute; 
  .left: 0;
  bottom: 5px; 
  margin: 0!important; 
  padding: 8px 0 8px 0;
  border: 0; 
  width: 100%; 
  text-indent: 8px;
}

.fps-block {
  display: block;
}

.fps-thumb {
  float: left;
  margin-right:20px;
}

.fps-thumb-right {
  float: right; 
  margin-left: 20px;
}

.fps-slide h2 {
  line-height: 20px;
}

.fps-full-img, .fps-thumbnail, .fps-full-img img {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.fps-next, .fps-prev {
  background-color: transparent !important;
  width: 38px;
  height: 43px;
  z-index: 9999;
  float: left;
  position: absolute;
  bottom: 50%;
  margin-bottom: -20px;
  display: none !important;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  outline: none;
}

.fps-next:hover, .fps-prev:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
  outline: none;
}

.fps-next span, .fps-prev span {
  display:none !important;
}

#fps-container:hover .fps-next, #fps-container:hover .fps-prev {
  display: block !important;
}

.fps-prev { 
  left: 10px;
  background-image: url(images/previous.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.fps-next {
  right: 10px;
  background-image:url(images/next.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.fps-pagination {
  .display: none;
  margin: 0;
  position: relative;
  top: -58px;
  right: 10px;
  list-style: none;
  text-align: right;
  z-index: 1000;
}

.fps-pagination li {
  display: inline-block;
  .display: inline;
  margin: 0 1px;
  list-style: none;
}

.fps-pagination li a {
  display: block;
  width: 11px;
  height: 0;
  padding-top: 11px;
  background-image: url(images/fps-pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.fps-pagination li.current a {
  background-position: 0 -11px;
}

/*----------------------------------- COLORBOX -------------------------------------------*/
/*----------------------------------- COLORBOX -------------------------------------------*/
/*----------------------------------- COLORBOX -------------------------------------------*/
/*----------------------------------- COLORBOX -------------------------------------------*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:80px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px; padding: 0 20px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../../images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../../../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../../../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../../../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../../../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../../../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../../../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../../../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../../../images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}