#container	{
	position:relative;
	width: 95%;
	margin: 5px;
	background-color: #fff;
	color: #333;
	background-image: url(images/Logo-Reg-washout-bg.png); 
	background-repeat:no-repeat; 
	background-position: 0 0;
   background-attachment: fixed;
	/* border: 1px solid gray; */
}

#container.pop {
	background:none;
}
#container div.top {
	text-align:right;
	margin: 10px;
	padding: 0 70px 5px 5px;
	height: 120px;
	background-color:#ffffff;
	background-image: url(images/Toffee-Closeup-Top-6.jpg) ;
	background-repeat: no-repeat; 
	
}

div.top img	{
	padding: 0;
}

#container div.top div{display:inline;vertical-align:middle}

#container div.top div.left{float:left;text-align:left}

#container div.top div.right {
	clear:right;
	color: #663333;
	/*background: #663333;*/
	font-weight:bold;
	/*line-height: 100px;*/
}

#leftnav {
	position: absolute; 
	left: 10px;
	width: 140px;
	background:#eee url(images/Toffee-Close-Menu-Left.jpg) ; 
	margin-top: 10px;
	padding-top: 1px;
	display: inline;
	line-height:1.6;
}

#leftnav * {
	margin: 5px 0 5px 5px;
	line-height:1.6;
}

#leftnav #Menu {
	/*border:1px dashed #999; */
	line-height:1.2	;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit; 
	width:130px;
	vertical-align: middle;
}
/* Again, "be nice to Opera 5". */
#Menu {
	width:130px;
	line-height:1.2;
	vertical-align: middle;
}

#Menu p {
	line-height:1.2;
	vertical-align: middle;
}

#content {
	width: 650px;
	max-width: 650px;
	min-height:450px;
	margin: 10px 0 20px 155px;
	/* margin-left: 155px;
	margin-bottom: 20px; */
	border-left: 3px solid #000;
	padding: 10px;
	background-color: #fff;     /*** This div has a background to cover the 2-tone body BG ***/
	background:transparent;
}

/* for Internet Explorer */
/*\*/
* html #content {
height: 450px;
}
/**/

#content p {
	font-size: 16px;
	line-height:1.3;
}

#footer {
	clear: both;
	margin: 20px;
	padding: .5em;
	color: #333;
	background-color: #663333;
	line-height: 2px;
	text-align:center;
}


#links {
	width: 10em; 
	margin: 2px 0px 20px 20px; 
	float: right 
}

#button {
	background-color: #EFEFDF; 
	margin-right: 1px;
	border-top: 1px solid #808000; 
	border-right: 1px solid #808000;
	border-left: 1px solid #808000;
}

a {
	color:#663333;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
}
	
a:link {color:#663333;}

a:visited {color:#990000;}

a:hover {
	background-color:#ffffff;
	color: red;
}

a.none:hover {
line-height: 0px;
}

#menufooter {
	list-style: none;
	text-align: center;
	margin: 1em; 
	padding: 1em;
	position: relative;
}

#menufooter ul {
   margin: 0;
   padding: 0;
}

#menufooter li {
	display: inline;
   font-weight : normal;
   font-size: 9pt;
}

#menufooter a {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	text-decoration: underline;
}

#menufooter a:hover, #menufooter a:focus {
	text-decoration: none;
	border-top: 1px solid red;
	color: red;
	background-color:#ffffff;
}

.copyright1{
   white-space : nowrap;
	background-color: #fff;
	color: #333;
	background-image: url(images/Logo-Reg-washout-bg.png); 
	background-repeat:no-repeat; 
	background-position: 0 0;
   background-attachment: fixed;
   color : #663333;
   width : 100%;
   border-style : solid; 
   border-color : white;
   border-width : 2px 0 2px 0;
   text-align:center; 
   font-weight : normal;
   font-size: 9pt;
   margin-top: 5pt;
}

.copyright1 a{
   background-color : White;
   color : #663333;
   font-weight : normal;
   font-size: 9pt;
   text-decoration : none;
}
.copyright1 a:hover{
   color : red;
} 

#ordertable {
	left: 10px; 
	top: 10px; 
	width: 300px; 
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}

.center
{ 
text-align: center;
}

.floatl {
	float: left; 
	margin-left: 10px;
	top: 10px; 
    color : #663333;
	width: 250px; 
	text-align: center;
	display: inline;
}

.floatl2 {
	float: left; 
	display: inline;
	margin-right: 5px;
	text-align: center;
}

.floatr {
	float: right; 
	display: inline;
	margin-left: 5px;
	text-align: center;
}

.floatr p, .floatl2 p, .floatl p {
	font-family: Papyrus, "times new roman", serif; 
	color: #663333; 
	font-size: 10pt; 
	text-align: center;
	line-height: 1em; 
	margin-top: 4px;
	margin-bottom: .5em;
}

#creditcard {
	position:relative; 
	top:10px; 
	width:108px;
	margin-bottom:20px; 
	height:71px; 
	text-align:center; 
}

div.spacer 	{
	clear: both;
}

.heading {
	border-style: none;
}

img {
	border-style:  none;
}

div.CVV2 {
	margin: 0 10em 0 10em;
	text-align: center;
	border: medium solid red;

}

#container #content .captiontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

/*Maybe a while down the road, this can be used. Apparently, it breaks in some browsers.

#displayTable {
	border-collapse:collapse;
	display:table;
	table-layout:fixed;
}
#left1, #middle1, #right1 { 
	  display: table-cell; 
	} 
	#left1 { 
	  width: 260px; 
	} 
	#middle1 { 
	  width: 200px; 
	} 
	#right1 { 
	  width: 5%; 
	} */


/* These are commented out until I determine if I need them or not.

table#orderTableWidth {
	width:70%; 
	margin-left:15%; 
	margin-right:15%;
}

#footer a {
	text-decoration: none;
}

#footer a:link {color:#ffffff;}

#footer a:visited {color:#ffffff;}

#footer a:hover, #footer a:focus {
	background-color:#663333;
	color: red;
	border-top: 1px solid yellow;
}

#eventtable {
	position: relative; 
	left: 10px; 
	top: 10px; 
	width: 95%; 
	text-align: center; 
	vertical-align: middle
}

#recipelogo {
	margin-bottom:20px; 
}

*/