/* initial conditions ============================================== */
* {
	margin: 0px;
	padding: 0px;
	/*outline: none;*/ /* CAUTION: will stop outlining of links when tabbing through a page!!!!! */
	}
/* /initial conditions ============================================== */

/* embed fonts ========================================================= */
/* nav fonts ===== */
@font-face{
font-family: 'MuseoSlab900';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=B1D4AD91-7937-0AA9-D907-4811FF8D887D');
font-weight:normal;font-style:normal;font-variant:normal;
}
/* /nav fonts ===== */

/* colophon fonts ===== */
@font-face{
font-family: 'ProximaNovaRegularItalic';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=F5870F1F-48F5-36F5-550E-B276AA09225A');
font-weight:normal;font-style:normal;font-variant:normal;
}
@font-face{
font-family: 'ProximaNovaSemiBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=C344819E-7F64-52D2-5903-DE54F5382845');
font-weight:normal;font-style:normal;font-variant:normal;
}
/* /colophon fonts ===== */

@font-face{
font-family: 'AprilURWTNormal';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=9EE33844-6483-48CE-7D74-D00DBB4D167A');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'BrushScriptD';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=949ED730-301E-69DD-3270-66A2420AF0DA');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DomCasualDBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=5D04E84E-8962-9754-A4EC-78F0023C959D');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DomCasualDBoldItalic';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=04086A60-4478-9A73-214B-3074DA9394DB');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DomCasualDRegular';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=B82A3FDC-7E98-BF58-6523-4070BE86F6F7');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DomCasualDRegularItalic';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=EE947DA6-A569-538C-C537-3F9C53C2CC21');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DuffyScriptBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=7757EA68-8463-BC86-2247-47C74AA12AA0');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DuffyScriptExtraBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=0A8974BE-71AC-A4A8-4AC3-A675016A4DAD');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'DuffyScriptRegular';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=B9FA9D7B-8449-10EE-FF74-F3D93D1EF3A5');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'FlashDBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=A50D3B04-4465-BB72-66D0-D9AD3F877521');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'FlashDLight';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=5930EDAE-51B2-BB5F-074C-A551F33D68B2');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'FlashPBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=2074C33C-A2B9-19A3-8F2C-AC0167CA577F');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MetallophileSp8MediumItalic';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=FD697168-42AD-D9E4-18A5-04BAE632F18F');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MetallophileSp8LightItalic';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=18DBEC04-99DA-1DD4-D5D4-63FF6FC7AFEE');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MetallophileSp8Light';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=DF448BAC-2108-2D22-5C7A-B412BE4A5655');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MetallophileSp8Medium';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=9B9E4426-C7CC-0403-D960-D0CBD2DDF3E5');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'MurrayHillDBold';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=45110335-034C-1190-2A05-CE8EA82CA3DC');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'OkayD';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=55E5324F-8DAA-2F69-2207-8AD2770A261C');
font-weight:normal;font-style:normal;font-variant:normal;
}

@font-face{
font-family: 'P22DeclarationScript';
src: url( 'https://fnt.webink.com/wfs/?drawer=EDF5BD94-005E-4F4B-9264-488EA117B08B&font=057B30F9-7AD8-0B13-B4DC-64E63E9ED6DF');
font-weight:normal;font-style:normal;font-variant:normal;
}
/* /embed fonts ========================================================= */

/* Tag styles ========================================================= */
html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	}
@media screen and (max-width: 480px) {
	html {
	 	-webkit-text-size-adjust: none !important;
	 	text-size-adjust: none !important;
	 	}
	}

body {
	text-align: center;
	color: #000000;
	background-color: #e9c38d;
	background-image: url("pix/bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	}

body,td,input,textarea,select,option {
	font: normal 12px arial, sans-serif;
	}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
p,
div.p,
#pagecontainer li {
	line-height: 1.4;
	}
br {line-height: 100%;}

b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}

a,
a:link,
a:visited,
a:hover,
.bn1,
#pagecontainer a img  {
	color: #0000ff;
	border-color: #0000ff;
	text-decoration: none;
	}
a:hover,
.bn1:hover,
#pagecontainer a:hover img {
	color: #ff0000;
	border-color: #ff0000;
	text-decoration: underline;
	}
#pagecontainer a:hover img {
	text-decoration: none;
	}

h1,h2,h3,h4 {
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 1.2;
	}
h1 {
	font-size: 150%;
	padding-top: 0px;
	}
h2 {
	font-size: 135%;
	}
h3 {
	font-size: 120%;
	}
h4 {
	font-size: 100%;
	}

table {border-collapse: collapse;}
table.separate {border-collapse: separate;}

form table td {padding: 3px;}

fieldset {
	display: block;/* for IE */
	margin: 0px 0px 14px 0px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}
legend {padding: 0px 5px 0px 5px;}

img {border-width: 0px;}
img, div {
	behavior: url("/iepngfix/iepngfix.htc");/* IE 5-6 png fix */
	}

hr {
	height: 1px;
	margin-bottom: 14px;
	padding: 0px 0px 0px 0px;
	xcolor: red;
	xbackground-color: red;/*for IE6/7*/
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;
	}

blockquote {
	padding: 0px 25px 0px 25px;
	}
/* /Tag styles ========================================================= */

/* list styles ========================================================= */
ul, ol {margin: 0px 0px 0px 5px;}
ul {padding: 0px 0px 0px 15px;}
ol {padding: 0px 0px 0px 25px;}
li {}
ul.bullet {list-style-image: url("pix/bullet.gif");}
#pagecontainer li {
	padding-bottom: 5px !important;
	}
/* /list styles ========================================================= */

/* form ================================================================= */
option {padding: 0px 5px 0px 3px;}

label,
.form1 div.controlset label.label {
	font-weight: bold;
	font-size: 85%;
	line-height: 1;
	}
input {width: 300px;}
textarea {width: 300px;}
@media screen and (max-width: 480px) {
	input {width: 210px;}
	textarea {width: 210px;}
	}

.required {color: #cc0000;}
.auto {width: auto;}

.form1 {
	padding: 0px 0px 0px 0px;
	}
.form1 div {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding: 0px 0px 4px 84px;
	}
.form1 div {width: 380px;}
html>body .form1 div {width: auto;}
.form1 label {
/* IE6 requires that the label be followed by a line break
in the source code, who knows why??? */
	position: absolute;
	top: 2px;
	left: 0px;
	z-index: 0;
	width: 80px;/* see padding-left below */
	text-align: right;
	}
.faux_label_push {
	padding-left: 80px;/* see width above */
	}
.form1 div div.multicontainer,
.form1 div div.multicontainer div {
	position: static;
	padding: 0px 0px 4px 0px;
	}
.form1 div.controlset,
.form1 div.controlset div {
	position: static;
	padding: 0px 0px 4px 0px;
	}
.form1 div.controlset label {
	position: static;
	font-weight: normal;
	font-size: 100%;
	padding: 0px 10px 0px 4px;
	}
.form1 div.controlset label.label {
	padding: 0px 2px 0px 4px;
	}
.form1 div.controlset input {
	}

.hang_radcb {
	position: relative !important;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding-left: 20px !important;
	}
.hang_radcb label {
	padding: 0px !important;
	}
.hang_radcb input {
	position: absolute !important;
	top: 0px;
	top: expression("-3px");
	left: 0px;
	left: expression("-3px");
	z-index: 0;
	}

.form_br {
	padding-bottom: 14px !important;
	}
/* /form ================================================================= */

/* shell structure ================================================================== */
#shell {
	width: 988px;
	height: 100%;
	margin: 0px auto 0px auto; /* centers this div on the page, also, see body definition above */
	text-align: left;
xborder: solid 1px #00ff00;
	}
@media screen and (max-width: 480px) {
	#shell {
/*set in shared.js
		width: 474px;
		xwidth: 314px;
*/
		padding: 3px;
		}
	}

#shellcontainer {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	min-height: 1000px;
	height: 100% !important;
	height: expression("1000px");
xborder: solid 1px lime;
xbackground-color:lime;
	}
@media screen and (max-width: 480px) {
	#shellcontainer {
		min-height: 1%;
		}
	}

#shellcontainer_b {
	}
#shellbox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 200px;
xbackground-color: orange;
xborder: solid 1px orange;
	}
#shellbox1_b {
	}
#shellbox2 {
	xmargin: 0px 0px 0px 200px;
xbackground-color: yellow;
xborder: solid 1px yellow;
	}
#shellbox2_b {
	}
/* /shell structure ================================================================== */

/* header ============================================================= */
#header {
	}
#header_b {
	}
/* /header ============================================================= */

/* page ============================================================== */
/*
#pagecontainer: min-height, height, height -- stops page height "flash" on js resize
#pageboxfull, #pagebox1, #pagebox2: NO padding or margins in the box
#pageboxfull_b, #pagebox1_b, #pagebox2_b: all margins and padding in the box
*/
#pagecontainer {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	min-height: 1000px;
	height: 100% !important;
	height: expression("1000px;");
xborder: solid 1px #000000;
	}
@media screen and (max-width: 480px) {
	#pagecontainer {
		min-height: 1%;
		}
	}

/* fullpage layout =================== */
#pageboxfull {
xbackground-color: #f2f2f2;
xborder: solid 1px blue;
	}
#pageboxfull_b {
	xpadding: 10px 10px 10px 10px;
	}
@media screen and (max-width: 480px) {
	#pageboxfull_b {
		padding: 0px 0px 10px 0px;
		}
	}
/* /fullpage layout =================== */

/* default layout ==================== */
#pagebox1 {
xbackground-color: red;
xborder: solid 1px red;
	}

#pagebox1_b {
	margin: 0px 213px 0px 0px;
	padding: 0px 0px 0px 0px;
xborder: solid 1px #000000;
	}
@media screen and (max-width: 480px) {
	#pagebox1_b {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		}
	}

#pagebox2 {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 30;
	width: 213px;
xbackground-color: green;
xborder: solid 1px green;
	}
@media screen and (max-width: 480px) {
	#pagebox2 {
		position: static;
		width: auto;
		}
	}
#pagebox2_b { 
	}
@media screen and (max-width: 480px) {
	#pagebox2_b {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		}
	}
/* /default layout ==================== */

#pagecontainer ximg,
#pagecontainer img.border {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	}
#pagecontainer img.noborder {border-width: 0px;}
/* /page ============================================================== */

/* footer ============================================================= */
#footer1 {
	}
#footer2 {
	padding: 10px 10px 20px 10px;
	font-size: 85%;
	}
#footer2 #hp_byline {
	padding: 3px 0px 3px 20px;
	background-image: url("pix/hp_bug.png");
	background-position: 0px 3px;
	background-repeat: no-repeat;
xborder: solid 1px #000000;
	}
/* /footer ============================================================= */

/* nav ================================================================ */
#nav a#bar-back,
#nav a:visited#bar-back,
#nav a:hover#bar-back,
#nav a:visited#bar-next,
#nav a:hover#bar-next,
#nav a#bar-next {
	position: fixed;
	top: 0px;
	z-index: 1000;
	display: block;
	width: 60px;
	height: 100%;
	text-decoration: none !important;
	color: #fff !important;
xborder: solid 1px #000000;
	}
#nav a#bar-back {
	left: 0px;
	}
#nav a#bar-next {
	right: 0px;
	}
#nav #nav-back,
#nav #nav-next {
	position: fixed;
	top: 66%;
	z-index: 1000;
	display: block;
	width: 28px;
	height: 64px;
	}
#nav a:hover#bar-back #nav-back,
#nav a:hover#bar-next #nav-next {
	/*width: 80px;*/
	}
#nav #nav-back {
	left: 0px;
	background-image: url("pix/bn_back.png");
	background-position: top right;
	background-repeat: no-repeat;
	}
#nav #nav-next {
	right: 0px;
	background-image: url("pix/bn_next.png");
	background-position: top left;
	background-repeat: no-repeat;
	}
#nav #nav-back-text,
#nav #nav-next-text {
	position: absolute;
	top: 25px;
	z-index: 0;
	font-family: "MuseoSlab900";
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
#nav #nav-back-text {
	right: 28px;
	}
#nav #nav-next-text {
	left: 28px;
	}
/* /nav ================================================================ */

/* buttons =========================================================================== */
/* NOTE: do NOT put these stroked buttons in a tight table, or IE will 
cut off the top border. If you MUST put them into a tight table, 
set the cellpadding to be equal with the padding below */
a.bn1, a:visited.bn1, input.bn1 {
	display: expression("inline-block");
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px 2px 4px;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	text-decoration: none !important;
	width: auto !important;
	}
input.bn1 {
	cursor: pointer;
	padding: 1px;
	}

.bn {
	}

.bn_pdf {
	xdisplay: block;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 0px 5px 20px;
	background-image: url("pix/pdficon_small.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
/* /buttons =========================================================================== */

/* position ======================================================================== */
.floatright {float: right;}
.floatleft {float: left;}

img.picleft {display: block;}
.picleft, img.picleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
img.picleft {
	display: block;
	margin-top: 4px;
	}
.picright, img.picright {
	float: right;
	margin: 0px 0px 10px 10px;
	}
img.picright {
	display: block;
	margin-top: 4px;
	}

div.pictxtleft:after,
div.pictxtright:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
div.pictxtleft,
div.pictxtright {
	display: expression("inline-block");
	padding-top: 8px;
	padding-bottom: expression("10px");
	}
div.pictxtleft h1,
div.pictxtleft h2,
div.pictxtleft h3,
div.pictxtleft h4,
div.pictxtright h1,
div.pictxtright h2,
div.pictxtright h3,
div.pictxtright h4 {
	padding-top: 0px;
	}
div.pictxtleft img {
	display: block;
	float: left;
	margin: 2px 10px 10px 0px;
	}
div.pictxtleft div.img {float: left;}
div.pictxtleft div.img img {float: none;}
div.pictxtright img {
	display: block;
	float: right;
	margin: 2px 0px 10px 10px;
	}
div.pictxtright div.img {float: left;}
div.pictxtright div.img img {float: none;}
div.pictxtleft ol,
div.pictxtright ol,
div.pictxtleft ul,
div.pictxtright ul {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	zoom: 1;
xborder: solid 1px #000000;
	}
html>body div.pictxtleft ol,
html>body div.pictxtright ol,
html>body div.pictxtleft ul,
html>body div.pictxtright ul {
	left: 18px;
	zoom: normal;
	}

.clear {clear: both;}

.clearfix:after {
	/*apply this class to any floated element that needs to be cleared afterwards*/
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.container {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	_width: 100%;
	}
/* /position ======================================================================== */

/* misc classes ===================================================================== */
.alert,
.error {
	color: red;
	}

.smtxt,
.caption {
	font-size: 85%;
	}
.caption {
	padding-top: 3px;
	}
.lgtxt {font-size: 115%;}

.notransform {text-transform: none;}

.lineheight_normal {line-height: normal;}

.nowrap {white-space: nowrap;}

.block {display: block;}
.inline {display: inline;}
.inline-block {display: inline-block;}
.none {display: none;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}
.collapse {visibility: collapse;}
.inherit {visibility: inherit;}

.crumbtrail {
	}

.wp_last3 {
	}
.wp_last3_headlines {
	}

.filetree_container {
	float: left;
	min-width: 100%;
	white-space: nowrap;
	background-color: #ffffff;
	border: solid 1px #000000;
	padding: 5px;
	margin-bottom: 15px;
	}

.quote {
	}
.byline {
	}

.footnote {
	font-size: 10px;
	text-indent: -7px;
	padding-left: 7px;
	}

#debug {
	display: none;
	padding: 10px;
	background-color: #fff;
	}
/* /misc classes ===================================================================== */

#colophon-bar {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 2000;
	width: 240px;
	height: 60px;
	cursor: pointer;
xborder: solid 1px #000000;
	}
#colophon {
	position: fixed;
	top: -460px;
	right: 20px;
	z-index: 2100;
	width: 183px;
	height: 500px;
	font-family: "ProximaNovaRegularItalic";
	cursor: pointer;
	background-image: url("pix/colophon.png");
	background-position: top left;
	background-repeat: no-repeat;
	}
#colophon-list {
	position: absolute;
	bottom: 20px;
	left: 0px;
	z-index: 2000;
xborder: solid 1px #000000;
	}
#colophon-list_b {
	padding: 34px 20px 0px 20px;
	}
#colophon p,
#colophon ol,
#colophon ul,
#colophon li {
	padding-bottom: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
	}
#colophon ul {list-style-image: url("pix/bullet.png");}
#colophon li {
	padding-bottom: 0px !important;
	}
#colophon a,
#colophon a:link,
#colophon a:visited,
#colophon a:hover {
	color: #bded74
	}
#colophon-title {
	position: fixed;
	top: 0px;
	right: 26px;
	z-index: 2200;
	width: 169px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-family: "MuseoSlab900";
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
	background-color: #4A5D3C;
xborder: solid 1px #000000;
	}
#colophon-intro {
	}
#colophon-fonts {
	font-family: "ProximaNovaSemiBold";
	}
#colophon-footer {
	font-size: 10px !important;
	}

#title {
	height: 360px;
	margin: 0px;
	padding: 0px;
	}
#title #pt1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	display: inline;
	font-family: "FlashDLight";
	font-size: 96px;
	line-height: 1;
	color: #f5e9d7;
xborder: solid 1px #000000;
	}
#title #pt2 {
	position: absolute;
	top: 97px;
	top: 120px;
	left: 50px;
	z-index: 0;
	display: inline;
	font-family: "MetallophileSp8Medium";
	font-size: 38px;
	line-height: 1;
	color: #be451a;
xborder: solid 1px #000000;
	}
#title #pt3,
#title #pt4,
#title #pt5 {
	position: absolute;
	top: 136px;
	top: 85px;
	left: 0px;
	z-index: 30;
	display: inline;
	font-family: "BrushScriptD";
	font-size:224px;
	line-height: 1;
	color: #f26522;
	xborder: solid 1px #000000;
	}
#title #pt4 {
	top: 88px;
	left: 3px;
	z-index: 20;
	color: #eacca1;
	}
#title #pt5 {
	top: 90px;
	left: 5px;
	z-index: 10;
	color: #e54913;
	}

#content {
	position: relative;
	top: 0px;
	left: 50px;
	z-index: 0;
	width: 420px;
	font-family: "MetallophileSp8Medium";
	font-size: 22px;
	color: #6f3923;
	}
#content em {
	font-family: "MetallophileSp8MediumItalic";
	}


#content #intro {
	line-height: 1;
	font-family: "DomCasualDRegularItalic";
	font-size: 40px;
	color: #be451a;
	}


#card {
	position: relative;
	top: 0px;
	left: 40px;
	z-index: 0;
	width: 519px;
	height: 368px;
	font-family: "MetallophileSp8Medium";
	font-size: 14px;
	color: #3c2516;
	background-image: url("pix/recipe_card.png");
	background-position: top left;
	background-repeat: no-repeat;
	-moz-transform: rotate(-15deg) translate(40px,28px);
	-webkit-transform: rotate(-15deg) translate(40px,28px);
	-o-transform: rotate(-15deg) translate(40px,28px);
	transform: rotate(-15deg) translate(40px,28px);
	}
#card_b {
	padding: 45px 40px 0px 26px;
	}
#card #card-title {
	position: absolute;
	top: 0px;
	left: 64px;
	z-index: 0;
	font-family: "P22DeclarationScript";
	font-size: 30px;
	text-transform: lowercase;
	color: #7a5137;
	}

#card h2 {
	font-family: "MetallophileSp8Medium";
	font-size: 26px;
	color: #d55b2b;
	}
#card h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "MetallophileSp8MediumItalic";
	font-size: 16px;
	color: #d55b2b;
	}
#card #recipe {
	-icab-column-count: 2;
	-khtml-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	
	-icab-column-width: 50%;
	-khtml-column-width: 50%;
	-moz-column-width: 50%;
	-o-column-width: 50%;
	-webkit-column-width: 50%;
	column-width: 50%;

	-icab-column-gap: 50px;
	-khtml-column-gap: 50px;
	-moz-column-gap: 50px;
	-o-column-gap: 50px;
	-webkit-column-gap: 50px;
	column-gap: 50px;
	
	line-height: 1.4;
	padding: 0px 0px 12px 0px;
	}
#card #instructions {
	}

#tagline {
	position: absolute;
	top: 780px;
	right: 0px;
	z-index: 0;
	display: inline-block;
	min-height: 74px;
	padding: 16px 0px 0px 80px;
	font-family: "MetallophileSp8Medium";
	font-size: 18px;
	color: #5e321f;
	background-image: url("pix/girl.png");
	background-position: top left;
	background-repeat: no-repeat;
xborder: solid 1px #000000;
	}
#tagline #quiver {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-o-transform: skewX(0deg);
	transform: skewX(0deg);
	font-family: "OkayD";
	font-size: 32px;
	line-height: 1;
	color: #f26522
	}

.message { clear:both; padding:10px; }
.message p { margin:auto; width:640px; }  
.error-box {
    background:#FFBABA url(/common/WebINK/img/icons/error.png) 10px center no-repeat;
    border: 1px solid;
    color: #D8000C;
    font: normal 13px/1.2 Helvetica, Arial, sans-serif;
    padding:8px 10px 8px 50px;
	text-align:left;
}
.error-box a {
	color:inherit;
	text-decoration:underline;
}

/* sIFR classes ===================================================================== */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}
*/
/* /sIFR classes ===================================================================== */

/* print styles ========================== */
@media print {
/* hack to give hasLayout to IE7, stops runaway printing */
#pagecontainer,
#pageboxfull,
#pagebox0,
#pagebox1,
#pagebox2,
#pagebox3 {
	min-height: 0 !important;
	}
/* /hack to give hasLayout to IE7 */
	}
/* /print styles ========================== */