/* @override http://www.calvarycorvallis.org/assets/css/master.css */

/*

*

*  Logic Global Style Sheet

*

*  =TOC

*  1. Global

*  2. Layout

*  3. Header

*  4. Upper Nav

*  5. Lower Nav

*  6. Image, Caption, Verse

*  7. Footer

*  8. sIFR

*  9. Section Nav, Content Cell

*  10. Forms

*  11. Miscellaneous

*

*/





/***  =1. Global  ***/



body {

  background: #f4f2e8 url(../../imgs/background_editted.gif) repeat-x;

  text-align: center;

  font: 12px arial, helvetica, verdana, sans-serif;

  line-height: 16px;

  color: #464646;

  margin: 0px;

  padding: 0px;

}



a {

  color: #0072BC;

  text-decoration:none;

}



a:hover {

  background-color: #ddeeff;

}



h2 {

  font-size: 20px;

}



h3 {

  font-size: 14px;

}

.left, #contentCell img.left, #contentCell img.image {
	float: left; 
	margin: 0px; 
	padding: 4px 10px 4px 0px;
}
.right, #contentCell img.right {
	float: right; 
	margin: 0px; 
	padding: 4px 0px 4px 10px;
}
.none, #contentCell img.none {
	float: none;
	margin: 0px; 
	padding: 0px;
}
a .left, #contentCell a img, #contentCell a img.left, a .right, #contentCell a img.right, a .none, #contentCell a img.none {
	border: 0px none; 
	text-decoration: none;
}


/***  =2. Layout  ***/



#wrapper {

  width: 760px;

  text-align: left;

  margin-left: auto;

  margin-right: auto;

  margin-top: 12px !important;

  margin-top: 11px; /* IE Hack */

}



#header {

  width: 687px;

  background: #fff;

}



#mainCell {

  width: 554px;

  background: #fff;

  float: left;

  border: 1px solid #448ccb;

  padding: 0;

}



#secondaryCell {

  width: 204px;

  float: right;

}



#footer {

  clear: both;

  text-align: center;

  font-size: 10px;

  margin-top: 40px !important;

  margin-top: 60px; /* IE Hack */

}



/***  =3. Header  ***/



#header h1 {

  width: 252px;

  height: 74px;

  margin: 0;

  margin-left: 40px;

  background: url(../../imgs/calvary_logo.png);

  background-repeat: no-repeat;

}



#header h1 a {

  width: 252px;

  height: 74px;

  display: block;

  text-indent: -5000px;

  overflow: hidden;

  border: none;

}



#header h1 a:hover {

  background: none;

}



/***  =4. Upper Nav  ***/



#upperNav {

  width: 352px;

  height: 22px;

  margin: 0;

  margin-top: -2px !important;

  margin-top: -4px; /* IE Hack */

  padding: 0;

  float: right;

}



#upperNav ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

  float: left;

  width: 352px;

}



#upperNav ul li {

  list-style: none;

  display: block;

  float: left;

}



#upperNav a {

  float: left;

  color: #555;

  font-size: 11px;

  font-weight: bold;

  letter-spacing: 1px;

  padding: 5px 0px 5px 0px;

  margin: 0px;

  display: block;

  text-decoration: none;

  text-transform: uppercase;

  border-right: solid 1px #448ccb;

  background: url(../../imgs/upper_both.gif) left top;

  text-align: center;

  line-height: 12px;

}



#upperNav a:hover {

  background-position: bottom;

}



a#btnAbout {

  width: 79px;

  border-left: solid 1px #448ccb;

}



a#btnMessages {

  width: 84px;

}



a#btnResources {

  width: 89px;

}



a#btnContact {

  width: 96px;

  background: url(../../imgs/btnContact_both.gif) left top;

  border-right: none;

}



#about_us #btnAbout, #messages #btnMessages, #resources #btnResources, #contact_us #btnContact {

  background-position: bottom;

}



/***  =5. Lower Nav  ***/



#lowerNav {

  width: 554px;

  height: 25px;

  margin: 0;

  margin-bottom: 30px;

  padding: 0;

  border-bottom: 1px solid #448ccb;

}



#home #lowerNav {

  margin-bottom: 0;

}



#lowerNav ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

  float: left;

  width: 554px;

}



#lowerNav ul li {

  list-style: none;

  display: block;

  float: left;

}



#lowerNav a {

  float: left;

  color: #555;

  font-weight: bold;

  letter-spacing: 1px;

  padding: 5px 0px 5px 0px;

  margin: 0px;

  display: block;

  text-decoration: none;

  text-transform: uppercase;

  border-right: solid 1px #448ccb;

  background: url(../../imgs/lower_both.jpg) left top;

  text-align: center;

  line-height: 15px;

}



#lowerNav a:hover {

  background-position: bottom;

}



a#btnHome {

  width: 68px;

}



a#btnCurrentInfo {

  width: 121px;

}



a#btnServices {

  width: 88px;

}



a#btnMinistries {

  width: 102px;

}



a#btnMissions {

  width: 89px;

}



a#btnPrayer {

  width: 81px;

  border: none;

}



#home #btnHome, #current_info #btnCurrentInfo, #services #btnServices,

#ministries #btnMinistries, #missions #btnMissions, #prayer #btnPrayer {

  background-position: bottom;

}



/***  =6. Image, Caption, Verse  ***/



#rightSide {

  margin: 0;

}



#caption {

  color: #666666;

  margin: 0;

  margin-top: -4px !important;

  margin-top: -3px; /* Everyone needs this but I don't know why */

  padding: 10px;

  border-right: 1px solid #448ccb;

  border-top: 1px solid #448ccb;

  background: url(../../imgs/caption_dashes.gif) bottom no-repeat;

}



#captionLead {

  display: block;

  font-style: italic;

}



/***  =7. Footer  ***/



#footer ul {

  list-style: none;

  margin: 0;

  padding: 0;

  text-align: center;

}



#footer ul li {

  list-style: none;

  display: inline;

  text-align: center;

  padding-left: 10px;

  background: url(../../imgs/ul_bg.gif) 3px 5px no-repeat;

}



#footer ul li#firstOne {

  padding-left: 0;

  background: none;

}



#footer a {

  text-align: center;

}



#footer p {

  border-top: 1px solid #ccc;

  padding-top: 7px;

  clear: both;

  margin: auto;

  margin-top: 7px;

  width: 600px;

}



/***  =8. sIFR  ***/



/* NOTE - Do NOT modify .sIFR-flash, .sIFR-replaced or span.sIFR-alternate */



.sIFR-flash {

  visibility: visible !important;

  margin: 0;

}



.sIFR-replaced {

  visibility: visible !important;

}



span.sIFR-alternate {

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 0;

  display: block;

  overflow: hidden;

}



.sIFR-hasFlash #pageHeader {

  visibility: hidden;

  font-size: 24px;

  line-height: 31px;

  margin-bottom: -10px;

  margin-top: 16px;

}



/***  =9. Section Nav, Content Cell  ***/



#sectionNavs {

  width: 421px;

  background: url(../../imgs/long_dashes.gif) bottom left no-repeat;

  margin-top: 30px;

  padding-left: 25px;

  padding-bottom: 12px;

}



#sectionNavs ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

}



#sectionNavs ul li {

  list-style: none;

  display: block;

  float: left;

  width: 195px;

}



#contentCell {

  padding: 0 25px 20px 25px;

  overflow: visible;

  height: 1%;

}



#h2Area {

  margin-bottom: 16px !important;

  margin-bottom: 20px;

}



/***  =10. Forms ***/



#btnSubmit {

  width: 50px;

}



#errorList {

  border: 2px solid #f00;

  background: #fcd6d4;

  padding: 0px;

}



#errorList p {

  font-weight: bold;

  padding: 2px;

}



.error_class {

  border: 2px solid #f00;

  background: #fcd6d4;

  padding: 2px;

}



/***  =11. Miscellaneous  ***/



.clearBoth {

  clear: both;

}



#bottomCap {

  clear: both;

  margin: 0;

  height: 5px;

  background-color: #c3d5e1;

  font-size: 5px; /* IE Hack */

  line-height: 5px; /* IE Hack */

}



.displayNone {

  display: none;

}



.clearingDiv {

  clear: both;

  height: 1px;

  line-height: 1px;

  font-size: 1px;

}



.bookTitle {

  font-style: italic;

}



address {

  font-style: normal;

}



.dashDiv {

  clear: both;

  height: 1px;

  line-height: 1px;

  font-size: 1px;

  background: url(../../imgs/caption_dashes.gif) left no-repeat;

  width: 203px;

  margin-top: 16px;

  margin-bottom: 16px;

}



select, input, textarea {

  font: 12px arial, helvetica, verdana, sans-serif;

  color: #363636;

}


div.messages {
	width: 160px;
	padding: 10px;
	margin: 0px 14px 10px 10px;
	border: 1px solid #448ccb;
	float: right;
}
div.messages h4 {
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
}
div.messages ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#columnRight dl dt {
	margin: 5px 10px 3px 10px;
	padding: 5px 0px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#columnRight dl dd {
	margin: 0px 10px;
}
#columnRight dl dd strong {
	color: #8c8b85;
	padding: 3px;
	margin: 0px 10px 10px 0px;
	font-size: 14px;
	display: block;
	width: 40px;
	float: left;
	text-align: ;
}


/* @group Slideshow */


/*
Stylesheet: Slideshow.css - CSS for Slideshow.
License: MIT-style license.
Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
These styles are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
}
.slideshow-images {
	display: block;
	/* height: height_of_slideshow_or_default_image */
	overflow: hidden;
	position: relative;
	/* width: width_of_slideshow_or_default_image */
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/*
The images div is where the slides are shown.
Customize these classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images-visible { 
	left: 0; 
	opacity: 1; 
	top: 0; 
}	
.slideshow-images-next { 
	left: 0; 
	opacity: 0; 
	top: 0px; 
}
.slideshow-images-prev { 
	left: 0; 
	opacity: 0; 
	top: 0px; 
}

/*
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width: 250px;
	height: 187px;
	float: left;
	margin: 0px 0px 0px 0px;
}
.slideshow a img {
	border: 0;
	float: left;
}

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-controller {
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}

.slideshow-images img { 
	float: left;
}	

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
/*
Use the !important keyword to override any on-going javascript FX without affecting performance.
*/
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}


/* @end */