body

{font-family:Verdana,Arial,Helvetica,Sans-serif;font-size:85%; background-color:#99cc66;background-image:url(images/grazing-chickens.jpg);
background-repeat:no-repeat;
background-size:cover;}


h1 {font-family:'Boogaloo',Arial, serif; font-weight: 500; ; color:#993300; margin-bottom:6px; margin-top:10px; font-size:180%;}
h2 {font-family:'Boogaloo',Arial, serif; color:#336633; font-weight: 400; margin-bottom:0;  font-size:170%;}
h3 {font-family:'Boogaloo',Arial, serif; color:#336633; font-weight: 400; margin-bottom:0;  font-size:140%;}
h4 {font-family:'Boogaloo',Arial, serif; color:#993300; font-weight: 500; margin-bottom:0;  font-size:140%;}
h5 {font-family:Verdana,Arial,Helvetica,Sans-serif; color:#000; font-weight: 700; margin:0px;  font-size:1.2em;}
h1+p, h2+p, h3+p, h5+p {margin-top:0;}

p {font-family:Verdana,Arial,Helvetica,Sans-serif; color:#000; font-weight: 500; line-height: 1.4em;  font-size:1em;}

table {
font-family:Verdana,Arial,Helvetica,Sans-serif; 
font-size:.9em;}

table, th, td {border: 2px solid black;}

table {border-collapse:collapse;}


/* ID Styles *****************************************************************************************/
#wrapper {background-color:hsla(217, 98%, 100%, 0.9);
width:80%; 
min-width:900px;
max-width:1200px;
margin-left:auto;
margin-right:auto; 
box-shadow: 0px 0px 25px #000000;}

#content {margin-left: 20px; 
margin-right: 20px;
margin-top: 15px;
margin-bottom: 20px;}
			
#header {text-align: center; width:100%; height:230px;  background-color:white;
}

#footer {background-color: hsla(120, 33%, 30%, .7); padding:10px 20px; clear:both;}

#footer a {color: white}
#footer a:hover {color: #FFCC66}
#footer a:visited {color: #CCFF66}
#footer a:active {color: #FF6633}

#ad {background-color: rgba(204, 204, 255, .5);
padding: 5px;
width:90%; 
height: 280px;
margin:10px, auto, 10px;}

#ad2 {
padding: 5px;
width:100%; 
height: 340px;
margin:10px, auto, 10px;}


#layout {width:100%; background-color: #fff;}

#layout th, td {padding:5px 10px;
vertical-align: middle;}

#layout th {font-weight: 700; text-align:center; font-family:Verdana,Arial,Helvetica,Sans-serif; font-size:120%;}

#layout-col1 {width:175px;}
#layout-col2 {width: 50%;}
#layout-col3 {width: 28%;}

#layout image {width:180px; vertical-align: middle; padding:10px 0;font-family:'Boogaloo',Arial, serif; color:#336633; font-weight: 400; margin: 0 auto; font-size:130%; }

#layout2 {width:100%; background-color: #fff; font-size:1em; line-height:1.5em;}

#layout2 th, td {padding:5px 10px;
vertical-align: middle; }


#layout2-col1 {width:50%;}
#layout2-col2 {width: 50%;}

#orderoptions {font-family:Verdana,Arial,Helvetica,Sans-serif;font-size:85%;}


/* Class Styles *****************************************************************************************/

.fltleft {
	float: left;
	margin: 10px 30px 10px 0;}
	
	.fltright {
	float: right;
	margin: 0px 0px 10px 30px;}

.shadow {border:0; box-shadow:0px 0px 20px #000000;}

br.clear {clear:both;}

.centertext {text-align: center;
padding: 5px 0 20px;}

.centerimg {vertical-align: middle;
align-items: center;
display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    margin:5px, auto, 5px;}

.copyright {text-align:right}

.red {color: #900;}


ul {font-family:'Boogaloo',Arial, serif; color:#336633; font-weight: 500; margin-bottom:0;  font-size:1.5em;}

ul p {font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:.65em;
color: black;
margin:0;
padding:0;}

.layout {width:100%; background-color: #fff;}

.layout th, td {padding:5px 10px;
vertical-align: top;}

.layout th {font-weight: 700; text-align:center; font-family:Verdana,Arial,Helvetica,Sans-serif; font-size:120%;}

.layout-col1 {width:175px;}
.layout-col2 {width: 40%;}
.layout-col3 {width: 33%;}

.layout image {width:180px; vertical-align: middle; padding:10px 0;font-family:'Boogaloo',Arial, serif; color:#336633; font-weight: 400; margin: 0 auto; font-size:130%; }

.subscribe {width: 750px;
background-color:hsla(217, 98%, 100%, 0.8);
margin:10px auto 10px;
box-shadow: 0px 0px 15px #000000;
padding: 10px;}


/****** DROPDOWN MENU STYLES ***************************************************/

#menu ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin:0;
  padding: 0;
  list-style: none;}
ul li {
  display: block;
  position: relative;
  float:right;
 
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #336633;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: #669966; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #663300; }
li:hover li a:hover { background: #CC9966; }

#nav ul {margin:0;
  padding: 0; 
  list-style:square;}
  
#nav li {margin:0;
  padding: 0; 
  list-style:square;}