/*===== ATTRIBUTE ORDER
width
height: px; auto;
margin:
padding
background: url(images/bg_grid.gif) #FFFFFF no-repeat;  (repeat-x = horizontal; repeat-y = vertical)
border: blue 1px solid;
text-align: left; right; center; justify
float: left; right;
position
border-collapse: collapse;
vertical-align: top;
Colors:
#539E39; bg green
#979E39; ochre
#990000; dark red
=====*/

body {
	margin: 0px; /* bumps website up to top-margin; except opera (margin top = 8px by default) */
	padding: 0px; /* compensates for 8px top margin in opera (does not affect other browsers) */ 
	background: url(images/0page_bg.jpg) repeat-x #539E39; /* page background */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Georgia, "Times New Roman", Times, Garamond, serif; */
	font-size: 11px;
	color: #336633; /* aqua; black; blue; fuchsia; gray; green; lime; maroon; navy; olive; purple; red; silver; teal; white; yellow; */
	line-height: 16px; /* adjusts leading */
	}

/* ==================================== LINKS */      		
a:link, a:active, a:visited {
	color: #3366CC; /* blue */
	text-decoration: underline; /* none, underline */
	}
a:hover {
	color: #FF0000; /* red */
	text-decoration: none; /* none, underline */
	}

/* ==================================== PAGECENTER */
#pagecenter { 
 	width: 760px;
	margin: auto;
 	background: url(images/0pagecenter_bg.jpg) repeat; /* background */ 
    	}	
	
/* ==================================== SIDEBAR */
#sidebar { 
 	width: 200px; 
	float: left;
    	}
#menu { 
 	width: 180px; 
	margin: auto;
	color: #B4FF75; /* neon green */
	font-weight: bold;
	text-align: center;
	line-height: 20px; /* adjusts leading */
    	}
a.menu:link, a.menu:active, a.menu:visited {
	color: #FFFFFF; /* white */
	text-decoration: none; /* none; underline; overline; line-through; */
	}
a.menu:hover { /* mouse hover */
	color: #B4FF75; /* neon green */
	text-decoration: none;
	}
#tagline { 
 	width: 200px;
	height: 70px; 
 	background: url(images/0sidebar_tagline.jpg); /* background */
    	}
#quote { 
	margin: 20px 10px 0px 10px;
 	width: 180px;
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 11px;
	line-height: 15px; /* adjusts leading */
	color: #FFFFFF; /* white */
	text-align: center;
    	}

/* ==================================== CONTENT */
#content { 
	width: 560px;
	float: left;
    	}
#content-header { 
	width: 560px;
	height: 120px;
 	background: url(images/0content_header.jpg); /* background */
    	}
#content-contact { 
	width: 560px;
	padding-top: 86px;
	color: #FFFFFF; /* white */
	text-indent: 30px; /* indents first line 40px */ 
    	}
#content-text { 
	width: 500px;
	margin: auto;
	padding: 20px 0px 30px 0px;
    	}
span.title { 
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	font-size: 20px;
	line-height: 24px; /* adjusts leading */
	color: #979E39; /* ochre */
	letter-spacing: 1px; /* normal or specified length eg. 2px */
    	}
span.ck4l { 
	font-family: Georgia, "Times New Roman", Times, Garamond, serif;
	color: #539E39; /* logo green */
	font-weight: bold;
    	}
span.question { 
	color: #CC0000; /* dark red */
	font-weight: bold;
    	}

/* ==================================== FOOTER */ 
#footerlock { 
 	width: 760px;
	clear: both;
      	}
#footer { 
 	width: 760px;
 	margin: auto;
	padding-top: 3px;
	font-size: 10px;
	color: #FFFFFF; /* white */
	line-height: 12px; /* adjusts leading */	
	text-indent: 230px; /* indents first line 40px */ 
      	}

/* ==================================== WHAT'S NEW */ 
#whatsnew { 
 	width: 500px;
	border-right: #669933 3px double; /* green */
	border-bottom: #669933 3px double; /* green */
 	background: url(images/3classes_table_bg.jpg) repeat-x #E4F8DF; /* background */
	clear: both;
      	}
#whatsnew-text { 
 	width: 460px;
 	margin: auto;
	padding: 20px 0px 20px 0px;
      	}

/* ==================================== TABLE: Recipe */      		
table.recipe {
	border-collapse: collapse;
	}
td.recipe-titles {	
	width: 480px;
	vertical-align: top;
	font-weight: bold;
	}
td.amount {	
	width: 60px;
	vertical-align: top;
	}
td.ingredients {	
	width: 420px;
	vertical-align: top;
	}
td.recipe-text {	
	width: 480px;
	vertical-align: top;
	}

/* ==================================== TABLE: Classes */      		
table.classes {
	border: #CCCCCC 1px solid;
	}
td.classinfo {	
	width: 280px;
	vertical-align: top;
	text-align: center;
	}
td.foodlist {	
	width: 260px;
	vertical-align: top;
 	background: url(images/3classes_table_bg.jpg) repeat-x #E4F8DF; /* background */
	}


/* ==================================== lists */ 
ul	{ 
 	list-style: square;
    	}
li	{ 
 	padding-bottom: 5px;
    	}

/* ==================================== img */ 
img	{ 
 	margin: 0px;
	padding: 0px;
    	}
img.floatright	{ 
 	margin: 0px 0px 20px 30px;
	border-right: #669933 3px double; /* green */
	border-bottom: #669933 3px double; /* green */
	float: right;
    	}
img.floatright2	{ 
	float: right;
    	}