body  {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 76%;
	color: black;
	margin: 0;
	padding: 4px;
	background-color: #FEFCFC;
	}

/************************************ layout controls */
.banner {
	color: #a52a2a;
	font: 300 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
	}
#bannerLinks {
	position: absolute;
	top: 4px;
	right: 20px;
	width: 375px;
	margin: .4em;
	padding: .4em 1em;
	text-align: center;
	border: 1px solid #a52a2a;
	background-color: #EBD5D5;
	}
#birdcast {
	position: absolute;
	left: 75%; top: 40px;
	}
#contentWrapper { 
	/* this div that wraps all three columns */
	}
.column-one {
	margin: 0;
	padding: 4px;
	position: absolute;
	left: 6px;
	top: 140px;
	width: 19%;
	text-indent: 0;
	font-weight: 300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	}

.column-two { /* the main content of pages is in this div */
	margin: 0 22% 0 22%;
	padding: 0 0 150px 6px;
	border-left: 1px dotted #006699;
	max-width: 38em;
	z-index: 1001;
	line-height: 1.3em;

	/* hack from www.glish.com/css/hacks.asp  */
      	voice-family: "\"}\"";
      	voice-family: inherit;
      	margin-left: 22%;
      	margin-right: 22%;
      	}
		html>body .column-two {
            	margin-left: 22%;
            	margin-right: 22%;
      	}
	/*  end hack */

.column-three {
	margin: 0;
	padding: 4px;
	position: absolute;
	right: 1%;
	top: 150px;
	width: 19%;
	}
.column-one ul {
	margin: 0 0 0 1.3em;
	padding: 0 0 0 0;
	}
.column-one li {
	margin: 0 0 .6em 0;
	padding: 0 0 0 0;
	}
.footer {
	width: 90%;
	float: none;
	clear: both;
	}
#footerLinks {
	background-color: #cdcdcd;
	color: #000033;
	font: 200 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 4px;
	}

/****************************************** nav menu */
.navtopic {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-align: left }
.navtopicbg {  background-color: #FFF9BF; padding-top: 3px; text-align: left; float: left }
.navlinks {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000 }
.navlinksbg {  background-color: #dedede }
.sublinks {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #0516BB; text-align: left }

/************************************** other formatting */
#newsletterLinks {
	background: #faebd7;
	border: 1px solid #8fbc8f;
	}
#booksLinks {
	background: #e0ffff;
	border: 1px solid #778899;
	}
#videoLinks {
	background: #ffe4e1;
	border: 1px solid #2f4f4f;
	}
#nutritionLinks {
	border: 1px solid #330099;
	background-color: #A2B489;
	}
#otherLinks {
	background: #d8bfd8;
	border: 1px solid #008080;
	}
div.cell {
	clear: both;
	width: 100%;
	margin: 0;
	display: table-cell;
	}
span.cell {
	display: table-cell;
	float: left;
	margin: 0 6px 0 6px;
	vertical-align: top;
	}
.border {
	border-bottom: 1px solid maroon;
	}
.noindent {
	margin-left: 1.1em;
	padding-left: 0;
	}
.clear {
	float: none;
	clear: both;
	height: 1px;
	width: 100%;
	}
.noDisplay {
	display: none;
	}
/****************************************** typography */
a , a:link , a:active {
	color: #191970;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	}
a:visited {
	color: #4b0082;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	color: #191970;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	}
h1 {
	font-size: 1.9em;
	line-height: 1em;
	margin: 1.2em 0;
	color: #2f4f4f;
	}
h2 {
	font-size: 1.7em;
	line-height: 1em;
	margin: 1.2em 0;
	color: #191970;
	}
h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 1.2em 0;
	color: #8b0000;
	}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin: 1.2em 0;
	}
h5 {
	font-size: 1em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	font-weight: bold;
	}
img {
	border: 0 none inherit;
	}
pre, tt, code {
	font-family: monospace;
	font-size: 1.1em;
	color: #800000;
	}
tt, code {
	background-color: #cc9999;
	border: 1px solid #cc9900;
	color: #800000;
	}
.dashed { border-width: thin; border-style: dashed; border-color: #000000; padding: 10px; }
.dotted { border-width: thin; border-style: dashed; border-color: #000000; padding: 10px; }