/* page layout */

div#pagewrapper {
  width: 800px;
  position: absolute;
  left: 50%;
  margin-left: -400px;
}

#column1 {
	padding : 0 12px 0 0;
	width : 350px;
	vertical-align : top;
	}

#column2 {
	border-left : 2px solid #5a0000;
	padding : 0 0 0 12px;
	width : 318px;
	vertical-align : top;
	}

#column2a {
	color : #000000;
	background-color : inherit;
	width : 125px;
	vertical-align : top;
	text-transform : uppercase;
	}


/* html tags */

body {
	color : #ffffcc;
	background : url(images/bkglines.jpg) repeat;
	margin : 45px 60px 50px 60px;
	}

table.bkg-table {
  width: 800px;
  height: 600px;
  background: url(images/background.jpg) top no-repeat;
}

table.page-content {
	width : 680px;
	height : 354px;
	}

td {
	font-family : arial, sans-serif;
	font-size : 9pt;
	line-height : 12pt;
	}
	
.head, h1 {
	font-family : arial, sans-serif;
	font-size : 12pt;
	line-height : 12pt;
	color: #ffff00;
	font-weight: bold;

	}
	
.recipe {
	font-family : arial, sans-serif;
	font-size : 10pt;
	line-height : 10pt;
	color: #ffff00;
	font-weight: bold;

	}	

td.image-caption {
	color : #ffffcc;
	background-color : #000000;
	padding : 3px;
	font-size : 11pt;
	font-weight : bold;
	text-align : right;
	}

td.image-space {
	padding-right : 18px;
	}

ul.black-square {
	list-style : url(images/bullet-black-square.gif) outside;
	margin-bottom : 2px;
	margin-left : 10px;
	padding-left : 6px;
	}

li {
	padding-bottom : 2px;
	}

li.recipes {
	padding-bottom : 0px;
	}

a {
  color: #000000;
}

/* dynamic dropdown menu */

a.topnav, a.topnav:visited {
	display : block;
	color : #ffffcc;
	background-color : #5c0000;
	padding : 2px 6px;
	text-decoration : none;
	}

a.topnav:hover, a.topnav:active {
	text-decoration : underline;
	}

a.recipe, a.recipe:visited {
	color : #000000;
	text-decoration : none;
}

a.recipe:hover, a.recipe:active {
	text-decoration : underline;
	}

.anylinkcss, a.anylinkcss:visited {
	position : absolute;
	visibility : hidden;
	z-index : 100;
	color : #ffffff;
	background-color : #ffffcc;
	border : 1px solid #000000;
	font : normal 8pt verdana, sans-serif;
	width : 120px;
	line-height : 18px;
	}
	
.recipelinkcss {
	position : absolute;
	visibility : hidden;
	z-index : 100;
	color : #ffffff;
	background-color : #ffffcc;
	border : 1px solid #000000;
	font : normal 8pt verdana, sans-serif;
	width : 240px;
	line-height : 18px;
	}	

.orderlinkcss {
	position : absolute;
	visibility : hidden;
	z-index : 100;
	color : #ffffff;
	background-color : #ffffcc;
	border : 1px solid #000000;
	font : normal 8pt verdana, sans-serif;
	width : 160px;
	line-height : 18px;
	}	

.anylinkcss a, .recipelinkcss a, .orderlinkcss a {
	display : block;
	width : 100%;
	border-bottom : 1px solid black;
	padding : 1px 0;
	text-decoration : none;
	text-indent : 5px;
	}

.anylinkcss a:hover, .recipelinkcss a:hover, .orderlinkcss a:hover { /*hover background color*/
	color : #9A0000;
	background-color : #ffff01;
	}