@import url(/inc/css/wfn_block.css);
@import url(/inc/css/wfn_introduction.css);

body {
	margin: 0px;
	background-color: #689B96;
}

table.green_outline {
padding: 0px;
margin: 0px;
width:expression(document.body.clientWidth < 800 ? "799px" : "" );
}

table.white_outline {
padding: 0px;
margin: 0px;
}

table.green_outline td.outerOnly {
	padding: 11px; margin: 0px;
	background-color: #689B96;
}

table.white_outline td.outerOnly {
	padding: 13px 23px; margin: 0px;
	background-color: #ffffff;
}

table.ieBugFix {
	width: 100%;
}

table.ieBugFix td.outerOnly {
	padding: 0px 0px; margin: 0px;
	width: 100%;
}

div.header table {
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 100%;
	background-color: #317cb2;
}

div.green_outline {
	padding: 15px; margin: 0px;
	background-color: #689B96;
	width:expression(document.body.clientWidth < 800 ? "769px" : "" );
}

div.white_outline {
	padding: 15px 25px; margin: 0px;
	background-color: #ffffff;
}

div.newsletterWrapper {
	padding: 0px;
	background-color: #ffffff;
	margin: 0px;
	min-width:701px;
	/* IE Dynamic Expression to set the width */
    /*width:expression(document.body.clientWidth < 772 ? "690" : "" ); TODO: WHY DOES THIS CRASH IE? */
}

div.newsletterWrapper h1 {
	padding: 3px 20px;
	border-top: #fff 0px solid;
	font-size: 1.8em;
	background: #99896F no-repeat 0px -97px;
	margin: 0px;
	color: #ffffff;
	border-bottom: #fff 1px solid;
	font-family: arial, helvetica, sans-serif;
}

div.footer {
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

div.footer .copyright {
	color: #816E4E;
	font-size: 10pt;
	font-family: arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
vertical-align: -30%;
padding-right: 12px;
}

div.footer .footerLinks {
	color: #816E4E;
	font-size: 10pt;
	font-family: arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
padding-left: 12px;
vertical-align: -30%;
}

div.footer table {
	padding: 0px 0px;
	border-top: #fff 1px solid;
	font-size: 1em;
	width: 100%;
	color: #816E4E;
	border-bottom: #fff 1px solid;
	font-family: arial, helvetica, sans-serif;
	background-color: #D0CAC1 ;
}

div.footer .footerLinks a {
	color: #816E4E;
	font-size: 10pt;
	font-family: arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
}

div.footer .footerLinks a:hover {
	color: #816E4E;
	text-decoration: none;
}

td.footer .footerLinks a:hover {
	color: #816E4E;
	text-decoration: none;
}

td.backToTop {
	margin: 1px 10px;
	padding: 0px 0px 0px 10px;
	text-align:left;
}

div.newsletterWrapper td.backToTop a {
	color: #CC8700;
	text-decoration: none;
}

td.newsletterWrapper td.backToTop a {
	color: #CC8700 !important;
	text-decoration: none !important;
}

div.newsletterWrapper td.backToTop a:hover {
	color: #F6C471;
	text-decoration: underline;
}

td.newsletterWrapper td.backToTop a:hover {
	color: #F6C471 !important;
	text-decoration: underline !important;
}