/* Site: Calvary Maricopa */

/* =RESET MARGINS & PADDING
---------------------------------------------------------------------
*/

* {
   margin: 0;
   padding: 0;
}

body{
   	font-size: 62.5%;
   	font-family: Helvetica, Verdana, Tahoma, sans-serif;
   	line-height: 1;
	background: #ffffff;
	text-align:center;
	vertical-align:top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

hr{
   display: none;
}

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

#container{
   width: 978px;
   margin: auto;
   text-align: left;
}

a{
   overflow: hidden;
   color: #e6e6e6;
   text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.clearClick {
	border: 0:
}

/* =Header
---------------------------------------------------------------------
*/

#header {
}

#logo {
	float: left;
	border: 0px;
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 15px	;
}

#utilitynav {
	float: right;
	color: #ffffff;
	background: url(/_img/bg_utilitynav.png) no-repeat;
	height: 40px;
	width: 305px;
	margin: 20px 0 0 0;
}

#utilitynav #unav_textlinks {
	float: right;
	vertical-align: text-top;
	padding: 13px 0 0 0;
}

#utilitynav .unav_link {
	color: #645631;
	text-decoration: none;
	font-family: Helvetica, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.4em;
	padding: 0 20px 0 0;
}

#utilitynav .unav_link:hover{
	text-decoration: underline;
}


#utilitynav .thickbox {
	color: #645631;
	text-decoration: none;
	font-family: Helvetica, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.4em;
	padding: 0 25px 0 10px;
}

#utilitynav .thickbox:hover {
	text-decoration: underline;
}

#utilitynav .unav_social {
	padding: 6px 0 0 0 ;
	border: 0px;
}

#utilitynav #unavfb {
	padding-left: 7px;
}

#utilitynav #unavtwitter {
	padding-left: 1px;
}

#utilitynav #unavlive {
	padding: 0 20px 3px ;
	border: 0px;
}

#search {
	position: relative;
	float:  right;
	padding: 3px 0 0 0;
}

#searchForm {
}

#searchForm fieldset {
	border: none;
}

#search_term {
	width: 174px;
	height: 27px;
	background: transparent url(/_img/search_bg.png) no-repeat;
	border: none;
	font-size: 1.4em;
	padding: 0 28px 0 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
	color: #aeb8bf;
}

#searchForm a#search_go.mcmsSearch{
	position: absolute;
	top: 3px;
	left: 187px;
	background: url(/_img/search_go.png) no-repeat;
	width: 21px;
	height: 27px;
	padding: 8px;
	border: 0px;
	text-indent: -9999px;
}

/* End Header
---------------------------------------------------------------------
*/

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

#navbar{
	height: 20px;
	clear: both;
}

#nav{
   	list-style: none;
   	padding-top: 0px;
   	padding-left:  0px;
}

#nav li{
   float: left;
   font-size: 1em;
   font-weight: normal;
   font-family: Helvetica, Verdana, sans-serif;
   text-transform: uppercase;
   line-height: 1.15;
}

#nav li a{
   display: block;
   color: #665530; /* Change this to the right color */
   height: 20px;
   text-decoration: none;   
   font-size: 1.7em;
   font-weight: normal;
   font-family: HelveticaNeue, Verdana, sans-serif;
   text-transform: uppercase;
   line-height: 1.15;
   padding: 15px 65px 10px 0;
}

#nav li#nav_know-god a{
	padding: 15px 0px 0 0;	
}

#nav li:hover a{
   display: block;
   color: #000000; /* Change this to the right color */
   background: url(/_img/nav_li_hover.png) no-repeat center top;
   text-decoration: none;
}

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

#nav li li{
   font-size: 1.2em;
}

#nav li ul ul{
   margin: -25px 0 0 150px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

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

#nav li li a{
   width: 150px; /* Needs to be same as other 150px value, less any padding or margin */
   background: #F00; /* Change to more appropriate value */
}

#nav_home {
	color: #e8e2d5;
	text-indent: -9999px;
	visibility: hidden;
	width: 0px;
    padding: 0;
}

#nav li ul li:hover {
	background-color: #b5a283;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container {
}

/* =Content-Wrap
---------------------------------------------------------------------
*/
#content-wrap
{
   width: 978px;
   background:;
}

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

#content
{
	height: 855px;
}

#hero
{
	padding: 0;
}

#callouts
{
}

#callout1, #callout2, #callout3, #callout4
{
	float: left;
	padding: 10px 14px 10px 0;
}

#callout4{
	padding-right: 0px;
}

.callout
{
	padding: 0 0 10px 0;
}

#searchdivider
{
	clear: both;
	background: url(/_img/bg_dividerbar.png) no-repeat;
	height: 33px;
	padding: 0 0 15px 0;
}

#searchdivider span{
	padding:15px;
}

#content_bottom
{
	display: block;
	height:  273px;
	width: 978px;
}

#content_bottom h2 {
	color: #7e1b20;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	padding: 12px 0 0 12px;	
}

#content_bottom h3{
	color: #4c4c4c;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	padding: 5px 0 0 15px;	
}

#content_bottom h3 a{
	color: #4c4c4c;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	padding: 0;
}

#content_bottom p {
	color: #4c4c4c;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	padding: 0 0 0 15px;
	line-height: 1.4em;	
}

#content_bottomleft {
	float: left;
	background: url(/_img/bg_cbl.png) no-repeat;
	width: 234px;
	height: 273px;
	margin: 0 14px 0 0;	
}

#content_bottomcenter {
	float: left;
	background: url(/_img/bg_cbc.png) no-repeat;
	width: 482px;
	height: 273px;	
}

#content_bottomright {
	float: right;
	background: url(/_img/bg_cbr.png) no-repeat;
	width: 234px;
	height: 273px;	
}

#content_bottom .recentmessage {
	clear: both;
}

#content_bottom .recentinfo {
	float: left;
	width: 170px;
}

#content_bottom .recentmedia {
	position: relative;
	float: right;
	padding: 7px 10px 0 0;
}
#content_bottom .recentmedia img{
	padding: 0 2px;
	border: 0px;
}

#content_bottom .recentmedia .recentplayer a{
	position: absolute;
	left: -20px;
	background: url(/_img/btn_listen.png) no-repeat;
	width: 14px;
	height: 14px;
	padding: 0 2px;
	border: 0px;
	text-indent: -9999px;
	
}

#content_bottom .eventinfo {
	padding: 0 35px;
}

#content_bottom .eventinfo h4{
	color: #7e1b20;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	padding: 7px 0;
}

#content_bottom .eventinfo h5{
	color: #7e1b20;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	padding: 0 0 3px 0;
	line-height: .3;
}

#content_bottom .eventinfo p {
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.1em;
	text-align: justify;
}

#content_bottom #servicetimes p {
	color: #4c4c4c;
	font-family: HelveticaNeue, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	padding: 10px 0 10px 25px;
	line-height: 1em;	
}

#content #mini-cal1, #content #mini-cal2, #content #mini-cal3, #content #mini-cal4, #content #mini-cal5, #content #mini-cal6, #content #mini-cal7, #content #mini-cal8, #content #mini-cal9, #content #mini-cal10,#content #mini-cal11, #content #mini-cal12 {
	padding: 5px 15px 0 15px;
}

#content table.calendar{
   margin-bottom: 25px;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   padding:;
}

#content table.calendar caption{
   padding-bottom: 0px;
   font-size: 1.3em;
}

#content table.calendar caption span{
   color: #1D759A;
}

#content table.calendar .calendar-month{
   padding: 0;
   color: #4c4c4c;
   font-size: 1.3em;
   font-weight: bold;
   text-align: center;
}

#content table.calendar th{
   padding: 5px 0 3px 0;
   color: #595959;
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
}

#content table.calendar td{
   width: 30px;
   height: 18px;
   border-left: 0;
   border-top: 0;
   font-size: 1em;
   vertical-align: middle;
   text-align: center;
   color: #ebe9e9;
   font-weight: bold;
   font-size: 1.1em;
   background: url(/_img/bg_caltd.png) no-repeat 4px 1px;
}

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

#content table.calendar td.linked-day{
	background: url(/_img/bg_caltdevent.png) no-repeat 4px 1px;
	color: #7e1b20;
}

#content table.calendar td.linked-day a{
	color: #7e1b20;
}

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

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

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar caption span.calendar-prev img{
   padding-right: 10px;
}

#content table.calendar caption span.calendar-next img{
   padding-left: 10px;
}

/* = #footer
---------------------------------------------------------------------
*/

#footer p{
	text-align: center;
	color: #7f8382;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
}

#footer .powered img{
	border: 0px;
	vertical-align: bottom;
}

/* =SIFR
---------------------------------------------------------------------
*/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	
  .sIFR-active #nav li{
    font-family: Helvetica;
    visibility: hidden;
    color: #e6e6e6;
  }

}