img.slice {
	display: block; }
html {
	padding: 0px;
	background: #f4dcc7;
	color: #894f1b;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}



body a {
	background: none;
	color: #894f1b;
}
body a:hover {
	background: none;
	color: green;
}



div.left {
	position: fixed;	width: 155px;
	height: 100%; 	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background: #894f1b url("http://www.ChocolateFountainFun.com/cu/res/image/background.jpg") no-repeat;
	color: #f4dcc7;
}
div.right {
	width: 625px;
	margin-left: 155px;
	padding: 0px;
	font: 100% "Comic Sans MS", Helvetica, sans-serif;
	background: #f4dcc7;
	color: #894f1b;
}



div.content {
	margin-left: 20px;
}
div.content {
	padding-top: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
}



div.content p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
}
div.content p {
	padding-right: 0px;
	margin: 0px;
}




div.content a {
/*	background: #f4dcc7; */
	background: none;
	color: #894f1b;
}
.left p {
	font: 100%/1 "Comic Sans MS", Helvetica, sans-serif;
/*	background: #894f1b; */
	background: none;
	color: #f4dcc7;
	display: block;
	padding-top: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 155px; }
div.left a {
	display: block;
	background: none;color: #894f1b;}
div.left a:hover {
	display: block;
	text-decoration: none;
	background: #894f1b;color: green;}
.help {
	cursor: help;
}
p#noscript-p {
	text-align: center;
	color: red;
	font-size: 65%;
}
a#noscript-a {
	color: red;
}
body {
	z-index: 1;
	overflow: hidden;
}
div.left {
	z-index: 6;
	position: absolute;
	overflow: hidden;
}
div.right {
	z-index: 4;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow-x: auto;		overflow-y: scroll;		width: 100%;
	margin-left: 0px;
	padding-left: 155px;
}
div.content {
	width: 605px;
}
div.right,
div.content {
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	margin: 5px;
}


.form-email {
	width: 100%;
	text-align: center;
}
.email {
	background: #f9eadd;
	border: 1px solid #894f1b;
}
.form-buttons-line {
	padding-bottom: 5px;
}
.form-email-address-line,
.form-email-subject-line {
	vertical-align: bottom;
}
.form-email-message-line {
	vertical-align: top;
}
.form-input-optional {
	background: #f9eadd;
}
.form-input-required {
	background: white;
}
.form-status-line {
	padding-top: 5px;
}
.form-email-privacy-statment {
	padding-bottom: 5px;
	font: 65% "Comic Sans MS", Helvetica, sans-serif;
}
.form-field-caption,
.form-field-caption-error {
	font: 65% "Comic Sans MS", Helvetica, sans-serif;
}
.form-field-caption-error,
.form-status-error {
	color: red;
	border: 2px solid red;
}
.form-status-success {
	color: green;
}
.form-status-success,
.form-status-error {
	font-weight: bold;
}
input,
textarea {
	font: 80% Courier New, Courier, mono;
	background: none;
	color: #894f1b;
}
textarea {
	overflow: auto;
}
.form-button {
	background: #894f1b;
	color: #f9eadd;
/*	border: 1px solid #894f1b; */
}
textarea {
	overflow-x: auto;		overflow-y: scroll;	}
div.email td {		padding: 2px;
}


	.form-input-optional {
		background-color: #f4dcc7;
	}
	.you-and-event {
		top: 0px;
		left: 0px;
		margin: 5px;
		width: auto;
		text-align: left;
	}
	*.you-and-event {
							 		font-size: 16px;
								 		line-height: 20px;
	}
	.you-and-event .title {
		margin-bottom: 20px;
	}
	.you-and-event .you,
	.you-and-event .event,
	.you-and-event .more,
	.you-and-event .after {
		margin: 0px;
		position: relative;top: 0px;left: 0px;
		height: 25px;
		width: auto;
	}
	.you-and-event .after {
		height: 50px;
	}
	.you-and-event .you,
	.you-and-event .event {
		top: 0px;
	}
	.you-and-event .more {
		top: 75px;
	}
	.you-and-event .you .contact-box .contact,
	.you-and-event .event .what-box .what,
	.you-and-event .event .when-box .when,
	.you-and-event .event .where-box .where,
	.you-and-event .event .who-box .who,
	.you-and-event .more .misc-box .misc {
		position: relative;top: 0px;left: 0px;
		padding: 0px;
		margin: 3px;
	}
	.you-and-event .you .contact-box,
	.you-and-event .event .what-box,
	.you-and-event .event .when-box,
	.you-and-event .event .where-box,
	.you-and-event .event .who-box,
	.you-and-event .more .misc-box {
		position: relative;top: 0px;left: 0px;
		left: 55px;
		width: 515px;
		border: 1px solid #894f1b;
	}
		.you-and-event .you .contact-box {
		height: 233px;
		top: -28px;
	}
	.you-and-event .you .contact-box .contact {
		height: 227px;
	}
		.you-and-event .event .what-box {
		height: 78px;
		top: -28px;
	}
	.you-and-event .event .what-box .what {
		height: 72px;
	}
		.you-and-event .event .when-box {
		height: 81px;
		top: -3px;
	}
	.you-and-event .event .when-box .when {
		height: 75px;
	}
		.you-and-event .event .where-box {
		height: 172px;
		top: 22px;
	}
	.you-and-event .event .where-box .where {
		height: 166px;
	}
		.you-and-event .event .who-box {
		height: 172px;
		top: 47px;
	}
	.you-and-event .event .who-box .who {
		height: 166px;
	}
		.you-and-event .more .misc-box {
		height: 101px;
		top: -28px;
	}
	.you-and-event .more .misc-box .misc {
		height: 95px;
	}
	.you-and-event .section-title {
		font-size: 17px;
		width: 50px;
		height: 25px;
		text-align: right;
	}
	.you-and-event .section-heading {
		text-align: left; padding-left: 5px;
		background: #f4dcc7;
		color: #894f1b;
		font-size: 18px;
		height: 25px;
	}
/* Netscape 6 renders these too wide. The solution became an excuse to standardize widths. */
	.you-and-event .event .when .month,
	.you-and-event .event .when .day,
	.you-and-event .event .when .year,
	.you-and-event .event .when .hour,
	.you-and-event .event .when .minute,
	.you-and-event .event .when .ampm
		{width: 54px}
	.you-and-event .event .when .duration {width: 75px}
	.contact .by-email {
		position: absolute; top: 23px; left: 110px;
	}
	.contact .by-telephone {
		position: absolute; top: 46px; left: 110px;
	}
	.contact .phone-number-1 {
		position: absolute; top: 23px; left: 220px;
	}
	.contact .when-to-call-1 {
		position: absolute; top: 23px; left: 360px;
	}
	.contact .phone-number-2 {
		position: absolute; top: 60px; left: 220px;
	}
	.contact .when-to-call-2 {
		position: absolute; top: 60px; left: 360px;
	}
	.contact .phone-number-3 {
		position: absolute; top: 97px; left: 220px;
	}
	.contact .when-to-call-3 {
		position: absolute; top: 97px; left: 360px;
	}
	.contact .name-and-address {
		position: absolute; top: 133px; left: 0px;
	}
	.what .row1 {
		position: relative;top: 0px;left: 0px;
		width: auto;
		height: 47px;
		overflow: hidden;
	}
	.what .row1 .type {
		position: absolute; left: 0px;
		top: 1px;
	}
	.what .row1 .bride-name {
		position: absolute; left: 157px;
	}
	.what .row1 .groom-name {
		position: absolute; left: 337px;
	}
	.when .firmness {
		position: absolute; top: 27px; left: 3px;
	}
	.when .date {
		position: absolute; top: 27px; left: 131px;
	}
	.when .time {
		position: absolute; top: 52px; left: 128px;
	}
	#duration {			position: absolute; top: 29px; left: 403px;
		width: 100px;
	}
	.where .contact,
	.who   .contact {position: absolute; left: 0px}
	.where .phone,
	.who   .phone {position: absolute; left: 185px}
	.where .where-email,
	.who     .who-email {position: absolute; left: 305px}
/*20070710*/
/*	.misc .number {position: absolute; top: 27px; left: 0px} */
	.misc .number {position: relative; top: 3px; left: 0px}
/*20070710*/
	.misc .chocolate {position: absolute; top: 50px; left: 0px}
	.misc .fountain {position: absolute; top: 50px; left: 150px}
	.drdoc-ie-magic-hack-1 {display: inline}
	.drdoc-ie-magic-hack-2 {display: inline-block}
	div.email td {			padding: 0px;
	}
	.form-field-caption,
	.form-field-caption-error {			height: +2px;
		vertical-align: bottom;
	}
	.form-checkbox {
		background-color: transparent;
		color: #894f1b;
	}
div.common-header-tagline {
	height: 86px;
	background: center bottom no-repeat url("http://www.ChocolateFountainFun.com/cu/res/image/tagline.jpg");
}
div.common-header-service-region {
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
div.common-header-nav { /*	font: 100% "Comic Sans MS", Helvetica, sans-serif; */
	width: 100%;
}
div.common-header-nav { /*
	padding-top: 1px;
	padding-bottom: 1px;

	border: 2px solid #894f1b;
	border: 3px double #894f1b;

	border-left-width: 0px;
	border-right-width: 0px;
*/
}
div.common-header-nav td {
	width: 16%;
	font-size: 12pt;
	font-weight: normal;
	text-align: center;
}
div.common-header-nav a {
	display: block;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	background: #894f1b;
	color: #f9eadd;
	border: 1px solid #894f1b;
}
div.common-header-nav	a:hover,
											.common-header-link-selected,
											.common-header-link-selected-parent {
	display: block;
	margin: 0;
	background: #f9eadd;
	color: #894f1b;
	border: 1px solid #894f1b;
}
div.common-header-nav	a:hover {
	color: green;
}
div.common-header-nav	.common-header-link-selected,
											.common-header-link-selected-parent {
	font-weight: bold;
}
div.common-header-nav	.common-header-link-selected-parent {
	border-bottom: 1px solid #f9eadd;
}
div.common-header-tagline {
	width: 625px;
}
div.common-header-service-region {
	width: 625px;
}
div.common-header-nav {
	width: 625px;
}
div.footer {
	position: static;
	font-size: 7pt;
	text-align: center;
}
div.footer {
	width: 625px;
}