/* ************************************************************************************** */
/*                                     GENERAL SITEWIDE STYLES                            */
/* These styles control the look and feel of all text pages and general site-wide styles  */
/* ************************************************************************************** */

body, body td, table, li {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: x-small; 
}

 BODY { 
  background: #efefef;
  background-attachment: fixed;
  background-position: 100% 0%;
} 


H1 {
font-weight: heavy;
font-size: medium;
color: #B92F00;
}

H2 {
color: #0033cc;
font-size: small;
font-weight: 500;
}

H3 {
color: #B92F00;
font-size: x-small;
font-weight: 600;
}

H4 {
color: Black;
font-size: small;
font-weight: normal;
}

H5 {
color: Black;
font-size: xx-small;
font-weight: bold;
}

H6 {
color: Snow;
font-size: xx-small;
font-weight: 300;
}


.spacer {
	width: 100%;
}
/*                                     END GENERAL SITEWIDE STYLES                            */


/* ************************************************************************************** */
/*                                     Header STYLES                            */
/* 							These styles control the header			 */

#header   {
	position: relative;
 	background-color: #868686;
 	color: White;
 	font-size: medium;
/* change green color in header of all pages here*/    
	border-bottom: 8px solid #99cc00; 
    width: 850px;
    height: 50px;    
}

#header ul li{
	display: inline;
}

#header a:link {
	color: White; 
}
#header a: hover {
	color: Red;
}
#header a:visited {
	color: White; 
}

/* styles to put a link on the site and hide it */
.secret a:link {
	color: black;
	text-decoration: none;
}

.secret a: visited {
	color: black;
	text-decoration: none;
}
	
	
.secret a: hover {
	color: #black;
	text-decoration: underline;
}

.secret a: active {
	color: blue;
	text-decoration: underline;
}

.logo {
	position: absolute;
	top: 10px;
	left: 680px;
	font-size: 11px;
}

.sitelinknav {
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 11px;
}

.photosnav {
	position: absolute;
	top: -12px;
	left: 180px;
}

.recipesnav {
	position: absolute;
	top: -12px;
	left: 400px;
}


.contactus {
	position: absolute;
	top: 12px;
	left: 580px;
	font-size: 11px;
}



.signature {

 font: 700 14px Bradley Hand ITC, Papyrus, Trebuchet MS, Arial, sans-serif;
 color: #696969;
}

.regular {
	font: 500 12px Arial, sans-serif;
	color: #000000;
}

.small {
	color: #696969; 
    font: 500 10px Arial, sans-serif;
}

.secondlineindent {
	margin: -6px 0px 6px 88px;
}

.toplink {
   position: relative;
   margin: -14px -200px 0px 0px;
   text-align: right;
   font-size: 10px;
}


/*                                     END GENERAL SITEWIDE STYLES                            */


/*			********************************************************* 	*/
/* 							MAIN BODY STYLES FOE EACH PAGE					*/

#main   {
    background-color: #FCFCFC;
    border-left: thin solid #CCCCCC;
    border-right: thin solid #CCCCCC;
    border-top: thin solid #cccccc;
    border-bottom: thick solid #cccccc;
    margin-left: 0px;
    margin-right: 0px;
    width: 850px;
}


.white {
color: #FFFFFF;
}

#footer {
	width: 720px;
	font-size: xx-small;
	color: #696969;
	margin: 12px 30px 28px 30px;
}

td.footer {
	font-size: xx-small;
	color: #696969;
}

table.foot{
 	margin-left: 30px;
 }
 
 table.main ul { 
 	font-size: x-small ;
	margin-left : 1.5em;
	list-style-type: none;
}

table.main li {
    margin-left : 1 em;
    margin-top : 6px;
}

#leftcontainer {
	position: relative;
	width: 406px;
}
 
#topleft {
	position: relative;
	margin: 10px 6px 10px 6px;
	width: 100%;
	padding: 12px 6px 6px 6px;
	border: dotted 1px orange;
}

#bottomleft { 
	position: relative;
	width: 100%;
	margin: 2px 6px 10px 12px;
	padding: 2px 0px 6px 10px;
	border: dotted 1px green;
}

#bottomleft h1 {
	color: #696969;
	font: italic 600 13px arial narrow, arial;
	margin-bottom: 0px;
}

#rightcontainer {
	position: absolute;
	top: 51px;
	left: 414px;
	width: 360px;
}

#rightcontainer h1, #leftcontainer h1 {
	color: #B92F00;
	font: 600 10pt Arial, Verdana, sans-serif;
	margin: 4px 0px -12px 2px;
}

.firstletter {
	font-size: 18px;
	font-weight: bold;
	font: Verdana, Arial, Sans-serif;
}


#topright {
	position: static;
	width: 100%;
	margin: 10px 6px 10px 6px;
	padding: 0px 6px 6px 6px;
	border: dotted 1px green;
}

#midright {
	position: relative;
	width: 100%;
	margin: 10px 6px 10px 6px;
	padding: 0px 6px 6px 6px;
	border: dotted 1px red;
}

#bottomright {
	position: relative;
	width: 100%;
	margin: 10px 6px 10px 6px;
	padding: 0px 6px 6px 6px;
	border: dotted 1px yellow;
}

#right{
	padding: 6px;
	font-size: xx-small;
	border: ridge 1px grey;
	color: white;
	background-color: #999;
}

#right h1 {
	color: yellow;
	font: bold small Arial;
	margin-bottom: -10px;
}
/* ******** slideshow controls for holiday homepage ***** */

/* leftcol is the container for the controls and slideshow divs */

#leftcol {
width: 406px;
}

#controlsleft{
 margin: 26px 0px 10px -20px; 
 }

#controlsbottomleft {
 position: static;
 margin: 20px 0px 10px -20px; 
 }

#rightcol {
	position: absolute;
	top: 80px;
	left: 432px;
	width: 396px;
	padding: 0px 4px 6px 6px;
	
}

.slideshow2col {
	width: 60%;
	margin: -10 0px 0px 30px;
}

/* end of holiday homepage styles */

/* slideshow controls link style for rocks, blocks and dirt page */

#controls{
 width: 100%;
 margin: 6px 20px 10px 140px; 
 }

#controlsbottom {
 position: static;
 width: 100%;
 margin: 6px 20px 10px 140px; 
 }


#controls ul li, #controlsbottom ul li, #controlsleft ul li, #controlsbottomleft ul li {
  display: inline;
  margin: 8px;
  padding: 8px;
}

#sidecontrols {
	position: absolute;
	top: 320px;
	left: 610px;
}

#sidecontrols ul li {
  list-style-type: none;
  margin-bottom: 6px;
}

.slideshow {
	width: 580px;
	margin: -10 0px 20px 90px;
}
 
#controls a:link, #sidecontrols a:link, #controlsleft a:link {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}

#controls a:visited, #sidecontrols a:visited, #controlsleft a:visited {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}

#controls a:hover, #sidecontrols a:hover, #controlsleft a:hover {
   color: #999;
   text-decoration: underline;
   font-weight: 500;
}

#controls a:active, #sidecontrols a:active, #controlsleft a:active {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}

#controlsbottom a:link, #controlsbottomleft a:link {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}


#controlsbottom a:visited, #controlsbottomleft a:visited {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}

#controlsbottom a:hover, #controlsbottomleft a:hover {
   color: #999;
   text-decoration: underline;
   font-weight: 500;
}

#controlsbottom a:active, #controlsbottomleft a:active {
   color: #999;
   text-decoration: none;
   font-weight: 500;
}

/* Recipe pages styles  */

#recipe {
	width: 450px;
	margin-left: 6px;
}

#recipe h2 {
	color: #696969;
	margin: 16px 0px 10px 16px;
	font-size: small;
	font-weight: 600;
}

#recipe h3 {
	color: #B92F00;
	margin: 4px 0px 10px 40px;
	font-size: x-small;
	font-weight: 600;
}

#ingredients {
	font-weight: bold;
	margin-left: 40px;
}

#recipe ul {
margin-left: 66px;
}

#recipe ul li {
	list-style-type: square;
}

#recipe p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: x-small;
	margin: 6px 0px 6px 40px;
}


#recipecategory {
	position: absolute;
	top: 60px;
	left: 404px;
    font: 500 9px Arial, sans-serif;
}

#recipelinks {
 	width: 490px;
 	margin-left: 18px;
}

#recipelinks h2 {
	color: #696969;
	margin: 16px 0px 10px 16px;
	font-size: small;
	font-weight: 600;
}

#recipelinks h3 {
	margin-left:24px;
}

#recipelinks p {
	margin-left:24px;
}

#recipelinks ul {

}

#recipelinks ul li {
	list-style-type: none;
	margin: 0px 0px 8px 0px;
}


.top {  
	margin-right: 40px;
	margin-top: -14px; 
   	text-align: right;
   	font-size: 10px;
}


/* here is the styles to display see also items */


#seealso {
	position: absolute;
	top: 60px;
	left: 450px;
	width: 300px;
    font: 500 10px Arial, sans-serif;
}

#seealso ul {
	margin: 12px 0px 20px 50px;
	
}

#seealso ul li {
	font-size: 10px;
	list-style-type: none;
	margin-top:4px;
	margin-bottom:4px;
}

#seealsorecipe {
	position: absolute;
	top: 60px;
	left: 508px;
	width: 2900px;
    font: 500 10px Arial, sans-serif;
}



ul.back {
	
}

ul.back li {
	font-size: 10px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

/* ************************************************************************************** */
/*                                POW STYLES                            */
/* 			These styles control the picture of the week elements		 */	

#pownav {
	position: absolute;
	top: 20px;
	left: 6px;
	width: 130px;
}

#pow {
	width: 560px;
	margin-left: 60px;
}

#powpic {
	width: 550px;
	margin: 30px 20px 20px 60px; 

}

#pow h2 {
	color: #DE8608; 
	margin: 8px 12px 0px 4px;
}

#rate {
	position: absolute;
	top: 70px;
	right: 30px;
	width: 120px;
	font: 10px;
}
.intro {
	margin: 16px 20px 10px 60px;
	
}