body {font-size: 16px; font-family: arial, helvetica, verdana, sans-serif;}
	  
p {font-size: 16px; font-family: arial, helvetica, verdana, sans-serif;}
	  
h1 	{color: white; font-size:36px; font-style:italic;text-align:center;} 
	
h2 	{color: blue; font-size:24px; font-style:italic; text-align:center;} 

a {color: #FFFFFF; text-decoration: none;}

.link {font-size: 16px; color: #003366; font-family: arial, helvetica, verdana, sans-serif; text-decoration: underline;}

table tr td {color: #000000;}
	
ul  {list-style: square;}	
	
.footer {color: #003366; font-size: 10px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;}
	    
.home {color: #FFFFFF; font-size: 30px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;} 
		
.cocoa {color: #FFFFFF; font-size: 24px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;}

.coffee {color: #FFFFFF; font-size:48px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;} 

.resources {color: #000000; font-size:48px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;}

.prayer {color: #FFFFFF; font-size: 24px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;}

.instructions {color: #FFFFFF; font-size: 20px; font-family: gadget, impact, arial, helvetica, verdana, sans-serif;}

div.horiz a {
      display: block;
      width: 70%;
      text-decoration: none;
}
    div.horiz a:hover 
{
      background: red none;
}



div.horiz { position: absolute; top: 20%; left: 220px; 
		width: 70%;
      		margin: .5em;
      		padding: 0px 0.5em;
      		padding: 2px;
      		background: #fff none;
      		
}

div.horiz ul { margin: 0; padding: 0;

}

div.horiz li { margin: 0;
      		   padding-top: 0;
      		   float: left;
      		   width: 10em;
      		   margin-right: 1em;
      		   background: #6633ff none;
      		   text-align: center;
}
body { color: black; background: #ffffff; 
       font-family: Arial, sans-serif;
}
h1 { color: #949cce; background: #6373b5; padding-top: 7px; 
     margin-top: 0; border: 2px solid #bdc6de; 
     text-align: center; font-family: Verdana; 
     height: 15%; width: 90%;
}
div.sidebar { position: absolute; top: 20%; left: .5%; width: 18%;
	   height: 80%; padding-top: 0.8em; margin-left: 0.3em;
	   background: #949cce;
}
div.sidebar p { margin: 30px 10px 10px 10px;
}
div.center { position: absolute; top: 30%; left: 220px; 
	   margin: 0 0.5em; padding: 0.8em; background: #ffffcc;
	   width: 70%; height: 70%;
}
div.menu a {
	color: #000;
	font: 16px Arial,Helvetica,sans-serif;
	text-decoration: none;
	border: 1px solid #000;
	background: #bdc6de;

	display: block;
	width: 150px;
	padding: 3px 5px;
	margin: 5px;
}


div.menu a:hover {
	color: #ffffff; 
        text-decoration: none; 
        background-color:#b552ad;
}

div.footer { position: absolute; top: 95%; left: 2%; width: 15%; 
	   margin: 0 0.5em; padding: 0.8em; background: #bdc6de;
	   height: 20%; text-align: center; 
           font: 16px Arial,Helvetica,sans-serif;
}

div.first {background-color: gold; 
           color: black;
	   padding-top: 2em;
	   padding-bottom: 2em;
	   padding-left: 2em;
	   padding-right: 2em;
	   font-family: Verdana;


}
div.second {background-color: black; 
	    color: gold;
	    padding-top: 4em;
	    padding-bottom: 4em;
	    padding-left: 4em;
	    padding-right: 4em;}