/* CSS Document */
{
margin:0;
padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
	font-size: small;
	font-weight: bold;
	background-image: url(images/home-bkgnd.gif);
}	


.banner{
	width: 760px;
	background-color: #C4DC84;
	position: static;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #993333;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
}

 /****  MAIN FRAME STYLES ****/
.main-frame{
	background-color: #C4DC84;
	width: 760px;
	margin: 0 auto 0 auto;
	border-width: 0;
	top: 0px;
	position: relative;
	height: 800px;
	color: #002B00;
}

.recipie-left{
	width: 30%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	padding: 10px;
	float: left;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	margin: 10px 5px 10px 10px;
	left: 0px;
	top: 0px;
}

.recipie-left a{
	text-decoration: none;
	display: block;
	color: #993333;
	text-align: center;
	font-weight: bold;
}

.recipie-left a:hover{
background-color: #CCFF99;
}

.recipie-right{
	width: 58%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	left: 0px;
	top: 0px;
	padding: 10px;
	float: right;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	margin: 10px 10px 10px 5px;
}

.recipie-txt{
	font-size: small;
	background-color: #FFFFFF;
	padding: 5px;
	font-family: "Courier New", Courier, mono;
}

.two-column-left{
	width: 44%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	padding: 10px;
	float: left;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	margin: 10px 5px 10px 10px;
	left: 0px;
	top: 0px;
}

.two-column-right{
	width: 43%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	left: 0px;
	top: 0px;
	padding: 10px;
	float: right;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	margin: 10px 10px 10px 5px;
}

img.float-left { 
    float: left; 
    margin: 4px; 
}

.left-column{
	width: 50%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	left: 0px;
	top: 0px;
	padding: 10px;
	float: left;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
	margin: 10px 5px 10px 10px;
}

.right-column{
	width: 37%;
	background-color: #C4DC84;
	height: 740px;
	position: static;
	float: right;
	clear: none;
	border-color: #993333;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	overflow: auto;
	margin: 10px 10px 10px 0px;
	text-align: center;
}

.main-frame-top{
	background-image: url(images/check-horiz.gif);
	font-size: 5px;
	position: static;
	top: 0px;
	left: 0px;
	width: auto;
	height: 5px;
	clear: none;
}

.main-frame-bottom{
	background-image: url(images/check-horiz.gif);
	position: static;
	width: 755px;
	height: 5px;
	clear: none;
	margin: 0 auto 0 auto;
	font-size: 5px;
}

.main-frame-left{
	background-image: url(images/check-vert.gif);
	font-size: 5px;
	width: 5px;
	height: 800px;
	clear: right;
	float: left;
	position: static;
	padding-right: 0px;
	top: 0px;
	
}


.main-frame-right{
	background-image: url(images/check-vert.gif);
	font-size: 5px;
	width: 5px;
	height: 800px;
	clear: none;
	float: right;
	position: static;
	padding-right: 0px;
	top: 0px;
	
}

#jam-frame{
	background-color: #99CC99;
	padding: 10px;
	margin-top: 10px;
}

.yellow-bgnd{
	background-color: #FFFF99;
	font-weight: bold;
	color: #993333;
	font-size: medium;
	text-align: center;
}

.footer{
	color: #FFFFFF;
	font-size: x-small;
	margin: 0 auto 0 auto;
	font-style: italic;
	vertical-align: top;
	width: 760px;
}

/*******  INTRO STYLES ************/
.firstletter{
	font-size: large;
}

.red{
	color: #FF3366;
}

.blue{
	color: #6633CC;
}



.intro{
	font-size: medium;

}

 /****  HORIZONTAL MENU STYLES ****/
 .menu {
	border-color: #FFFFCC;
	border-style: groove none groove none;
	border-width: 2px 0 2px 0;
	text-align: center;
	text-decoration: none;
	width: 760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

.menu a{
	text-decoration: none;
	padding-right: 1em;
	padding-left: 1em;
	color: #006633;
}

.menu a:hover{background-color: #CCFF99;}

/***** BOX STYLES ********/
.info-box {
	margin: 0 10 0 10;
	background-color: #CCCC66;
	padding: 10;
}

.blue-box{
	background-color: #66CCCC;
}
.catalog-item {
	background-color: #99CC99;
	vertical-align: top;
	color: #993300;
	margin-top: 10px;
	border-color: #FFFFFF;
	border-style: groove;
	border-width: thin;
	margin-right: 10px;
}

.alternate-row{
	background-color: #99CC66;
	color: #663300;
}

.float-left {
	float: left;
	clear: none;
}
.button {
	background-color: #C4DC84;
	border: thin outset #003300;
	color: #000066;
	font-weight: normal;
	width: 100px;
	font-size: x-small;
	border-color: #FFFFFF;
}

.disabled{
background-color: #999999;
	border-color: #999999;
}

.button a {
	text-decoration:none;
	width: 100px;
	display: block;
}

.button a:hover{
	width: 100px;
	background-color: #EBFF99;
	padding: 0;
}
.pad-20 {
	padding: 20px;
}
.spacer {
	clear: right;
}
/*****************************/
.catalog-frame{
	background-color: #C4DC84;
	width: 760px;
	margin: 0 auto 0 auto;
	border-width: 0;
	top: 0px;
	position: relative;
	color: #002B00;
	padding: 0 10 10 0;
}

.catalog-left-column{
	width: 120px;
	background-color: #FFFF99;
	position: static;
	left: 0px;
	top: 0px;
	padding: 10px;
	float: left;
	clear: none;
	overflow: auto;
	margin: 10px 5px 10px 10px;
	font-size: 9.5px;
	height: 735px;
	color: #993333;
	line-height: 17px;
}


.catalog-left-column a{
	text-decoration: none;
	display: block;
	color: #993333;
	margin-bottom: -15px;
}


.catalog-left-column a:hover{
	background-color: #CCFF99;
}