body {
	text-align:center;
	font-family:Veranda, sans-serif;
	margin : 0 auto;
	padding : 0;
}

#full-screen-background-image {  
    z-index: -999;
    min-height: 100%;  
    min-width: 1024px;  
    width: 100%;  
    height: auto;  
    position: fixed;  
    top: 0;  
    left: 0;
}

#wrapper {
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	background-color:#81C9B9;	
}

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}


/* ------------------ C L A S S  S T Y L E S --------------------------------------------*/


.logo {

}

.hopName {
	display:none;
	font-family: Papyrus, fantasy;
}

.lowerInternetRadioLinks

{
	padding-top:20px;
	padding-right:12px;
}

.brownBackground {
	background-color:#291709;
	color:#F9EECE;	
}

.left {
	text-align:left;
}

.padText {
	padding:12px;
}

.topBottom5 {
	margin-top:5px;
	margin-bottom:5px;
}

.audioLinkDiv {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:95%;
		padding-left:13px;
}

.button {
	border:solid 2px #F9EECE;
	border-radius:7px;
	padding:7px;
	display:block;
	width:40%;
	margin:5px;
	float:left;
	cursor:pointer;
}

.paragraphReadable {
	line-height:1.5em;
}

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.paddingTen {
	padding:10px;
}

/* ----------------------------- H E A D I N G  T A G S -----------------------------*/

h2 {
	margin-top:7px;
	margin-bottom:2px;
	font-size:125%;
}

/* ------------------------------ L I N K S  ----------------------------------------*/

/* unvisited link */
a:link {
    color: #F9EECE;
}

/* visited link */
a:visited {
    color: #972E18;
}

/* mouse over link */
a:hover {
    color: #972E18;
}

/* selected link */
a:active {
    color: #972E18;
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  GRID OF TWO   ============================================================================= */

.span_1_of_2 {
	width: 49.2%;
}

.span_2_of_2 {
	width: 100%;
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_1_of_6 {
  	width: 15.33%;
}


#copyright {
	margin-top:10px;
	margin-bottom:5px;
	font-size:small;
	font-style:italic;
	color:#37200F;
}

#feastDates {
	width:60%;
	line-height: 1.5em;
}

@media only screen and (min-width: 481px) and (max-width: 833px) {

#archive table td:nth-child(3), td:nth-child(4), td:nth-child(5){
  display: none;
}

#archive article a {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.span_1_of_2 {
		width: 100%; 
	}

}

tr:hover {
  background-color:transparent !important;
}


@media only screen and (max-width: 480px) {

.logo {
	display:none;
}

.hopName {
	display:block;
	color:#F9EECE;
	font-size:7vw;
	background-color:#291709;
	padding-top:12px;
	padding-bottom:12px;
}

.button {
	float:none;
	width:80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.col { 
		margin: 1% 0 1% 0%;
	}
	
.span_1_of_2 {
		width: 100%; 
	}
	
.span_2_of_2 {
	width: 100%;
}

.span_3_of_5 {
		width: 100%; 
	}

.span_2_of_5 {
		width: 100%; 
	}

.span_6_of_6 {
		width: 100%; 
	}
	
.span_1_of_6 {
		width: 100%; 
		margin-top:28px;
	}

.noTop {
	margin-top:0px;
}

.audioLinkDiv {
		padding-left:0px;
}

#archive table td:nth-child(2), td:nth-child(3), td:nth-child(4), td:nth-child(5){
  display: none;
}

#archive article a {
	border:solid 2px #F9EECE;
	border-radius:7px;
	padding:7px;
	display:block;
	width:80%;
	margin:5px;
	cursor:pointer;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#archive table td {
	text-align:center;
}

tr:hover {
  background-color:transparent !important;
}

#aboutPastor img {
	width:100%;
}

#archiveOld p:hover {
	background-color:transparent !important;
}

}

@media screen and (max-width: 800px) {

#feastDates {
	width:90%;
}

line-height: 2em;
	
}

<!------------ A R C H I V E  P A G E S ---------------------------------------------------------------------->

#archive p, h1,h2, h3  {
	padding-left:18px;
	padding-right:15px;
}

#archive h1 {
	font-size:170%;
}

#archive h3 {
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	background-color:#37200F;
	color:#F9EECE;
	font-size:130%;
	padding:7px;
}


#archive table {
	width:95%;
	margin-left:18px;
	border:0px;
	border-collapse:collapse;
	margin-bottom:10px;
	line-height:1.5em;
}

#archive table td {
	text-align:left;
}

#archive a:link {
    color: black;
}

#years {
	text-align:center;
	padding:15px;
	font-size:14pt;
}

#top {
	text-align:center;
	padding:20px;
}

tr:hover {
  background-color: #FFE4C4;
}

<!-- styles for older archive pages years 2006 to 2011 -->

#archiveOld {
	text-align:left;
	padding-left:18px;
	padding-right:18px;
}

#archiveOld p {
	text-align:left;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:18px;
}

#archiveOld p:hover {
	text-align:left;
	 background-color: #FFE4C4;
}

/* ----------- W H A T  W E  B E L I E V E  ------------------------------------------ */

#believe article {
	text-align:left;
	margin-top:15px;
	line-height:1.5em;
	padding:15px;
}

#believe article h1 {
	font-size:175%;
	text-align:center;
}

#believe blockquote {
	margin-top:10px;
	margin-bottom:10px;
}



/* ----------- P R A Y E R  R E Q U E S T  P A G E ------------------ */


/* F O R M  V A L I D A T I O N FOR ADD TO MAILING LIST*/

#prayerForm .indent label.error {
  margin-left: 0;
}

#prayerForm label.error {
  font-size: 0.8em;
  color: #F00;
  font-weight: bold;
  display: block;
  margin-left: 0px;
}
#prayerForm input.error, #prayerForm select.error  {
  background: #FFA9B8;
  border: 1px solid red;
}

/* ----------- P A S T O R   P A G E  --------------------------------- */

#wrapperpastor {
	background-color:#81C9B9;
    max-width:920px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
} 


#aboutPastor {
	padding:10px;
	text-align:left;
}

#aboutPastor h1{
	font-size:175%;
	margin-bottom:8px;
	text-align:center;
}


#contactRon {
	width:60%;
	font-style: italic;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background-color:#BED5C8;
	border: 1px solid black;
	text-align:center;
}

#contactRon a:link {
    color: black;
}
	
}

/* ----------- A D D  T O  M A I L I N G  L I S T  P A G E --------------------------------- */

#addToMailList {
	padding:10px;
}

#addToMailList h1 {
	padding:10px;
	font-size:175%
}

#addToMailList p{
	padding:10px;
	text-align:left;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#addToMailList form {
	margin-top:20px;
}

@media screen and (max-width: 600px) {
	.noShowMobile {
	display:none;
}
	
.Width100 {
	width:100%;
}
	
}