/* --------------------------------------------------------------
	TD-typography.css  last modified 20090905
	based on
	http://www.thenoodleincident.com/tutorials/typography/ and
	http://blueprintcss.org/
-------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	font-size: 76%;*/
	/* font sizing in ems. if you want to change anything, just change this.*/
	/* funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	line-height: 1;
	color: #000000;
	background-color: #FFFFFF;
/*	background-image: url(http://www.thenoodleincident.com/img/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;
	/* use padding instead of margin for multicolumn layouts because of a really odd IE5pc bug where it sometimes relates the width of an unrelated menu div to this div. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/* Typography
-------------------------------------------------------------- */
/* 	Font-Families
	created based on font availablility & styles in Windows, Mac & Unix,
	with reference to:
	CSS font sampler and survey - www.codestyle.org/css/font-family/
	Common fonts to all versions of Windows & Mac equivalents - www.ampsoft.net/webdesign-l/WindowsMacFonts.html
*/ 
.fontsans {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.fontsansnarrow {
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, "Nimbus Sans L ", sans-serif;
	}
.fontserif {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	}
.fontcursive {
	font-family: "Comic Sans MS", cursive;
	}
.fontmonosans {
	font-family: "Lucida Sans Typewriter", "Lucida Console", "DejaVu Sans Mono", Monaco, monospace;
	}
.fontmonoserif {
	font-family: Courier, "Courier New", monospace;
	}
	
pre, code, sample, kbd	{
	font-family: "Lucida Sans Typewriter", "Lucida Console", "DejaVu Sans Mono", Monaco, monospace;
	font-size: 1.0em;
	/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	}
tt	{
	font-family: Courier, "Courier New", monospace;
	font-size: 1.0em;
	}
pre, code {
	line-height: 1.5;
	}

/*	Font size & weight
*/
h1	{
	font-size: 2.0em;
	font-weight: normal;
	}
h2	{
	font-size: 1.7em;
	font-weight: normal;
	}
h3	{
	font-size: 1.4em;
	font-weight: normal;
	}
h4	{
	font-size: 1.2em;
	font-weight: bold;
	}
h5	{
	font-size: 1.0em;
	font-weight: bold;
	}
h6	{
	font-size: 0.8em;
	font-weight: bold;
	}
p, ol, ul, li, dl, dt {
	font-size: 1.0em;
	line-height: 1.8em;
	}
	
/*	Text formatting
*/
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
	}
ins	{
	text-decoration: none;
	color: #FF0000 /* Red */
	}
del, s, strike	{ /* s, strike - deprecated */
	text-decoration: line-through;
	color: #696969 /* Dim gray */
	}
dfn	{ 
	font-style: italic;
	font-weight: bold;
	}
var	{
	}
cite	{
	}
sup, sub{
	line-height: 0;
	}

abbr, acronym {
	border-bottom: 1px dotted #666;
	}
address {
	font-style: italic;
	}

blockquote, q {
/*	quotes: "“" "”" "‘" "’";
	equivalent friendly codes:
	quotes: "“" "”" "‘" "’"
	mean: left-double, right-double, left-single, right-single quote */	
	color: #666666;
	font-size: 95%;
	margin-left: 2em;
	line-height: 1.2em;
	}
/*
blockquote:before, q:before {
	content: open-quote;
	}
blockquote:after, q:after {
	content: close-quote;
	}
*/
pre	{	
	white-space: pre;
	}
code	{
	white-space: pre-wrap;
	}

/* Lists
-------------------------------------------------------------- */
ul	{
	list-style-type: disc;
	}
ol	{
	list-style-type: decimal;
	}
dl dt {
	font-weight: bold;
	}
	
/* 	Links
-------------------------------------------------------------- */
/*
a	{
	color: #000000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	}
a:link {
/*	color: #000099; */
/*	color: #0033CC; */
/*	color: #0000FF; /* Blue */
/*	text-decoration: underline;
	}
a:visited {
/*	color: #660099; */
/*	color: #800080; /* Purple */
/*	text-decoration: underline;
	}
a:active {
	color: #FF0000; /* Red */
/*	text-decoration: underline;
	}
a:hover {
	color: #FFFFFF; /* white */
/*	background-color: #0000FF; /* Blue */
/*	position: relative;
	top: 1px;
	left: 1px;
	padding: 1px 2px 1px 2px;
	margin: 0px;
	text-decoration: none;
	}
a.image {
	background-color: transparent;
	text-decoration: none;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
/*	margin: 0; */
/*	}

a:hover img {
	background-color: transparent;
	text-decoration: none;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	}	
*/

/*	Margins & Borders
-------------------------------------------------------------- */
p, h1, h2, h3, h4, h5, h6	{
	margin: 1.2em 0em 1.2em 0em;
	}
h1	{
	margin-top: 0em;
	margin-bottom: 0em;
	/*both set to zero; padding in header div is used instead (to deal with compound IE pc problems). */
	}

ul, ol {
	margin: 0.2em 1.5em 1.5em 1.5em;
	}
dl, dt{
	margin: 0.2em 0 1.5em 0;
	}
li	{
/*	margin: 0.2em 1.5em 1.5em 1.5em; */
/*	margin-top: 0.2em; 
	margin-bottom: 0.1em; */
	margin: 0.2em 1.5em 0.1em 1.5em;
	}
li ul, li ol {
	margin:0.2em 1.5em;
	}
dd	{
	margin-left: 1.5em;
	}
li > p {
	margin-top: 0.2em;
	}
dd > p {
	margin-top: 0.2em;
	}

blockquote, pre {
	margin: 1.5em;
	}
address {
	margin: 1.5em 0;
	}

p img.left  {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
	}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
	padding: 0;
	}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, p img {
	margin: 0;
	}
img	{
	border: 0;
	}
p.img_caption {
	font-size: 0.8em;
	line-height: 1.5em;
/*	margin-top: 0;
	padding-top: 0; */
	}
/*
.ack_notes {
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, "Nimbus Sans L ", sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	color: #808080; /* gray */
/*	}
*/	
	
/* Misc classes
-------------------------------------------------------------- */
.clearleft {
	clear: left;
	}
.clearright {
	clear: right;
	}
.clearboth {
	clear: both;
	}
.txleft {
	text-align: left;
	}
.txright {
	text-align: right;
	}
.txcenter {
	text-align: center;
	}
.small {
	font-size: 0.8em;
/*	line-height: 1.875em; */
/*	margin-bottom: 1.875em; */
}
.vsmall {
	font-size: 0.6em;
}
.large {
	font-size: 1.2em;
/*	line-height: 2.5em; */
/*	margin-bottom: 1.25em; */
	}
.smallcaps {
	font-variant:small-caps;
	}
.blue {
	color: #0000FF;
	}
.gray {
	color: gray;
	}
.red {
	color: red;
	}
.redbox {
	border: 3px solid red;
	}
.highlight {
/*	color: #000000; /* black */
	background-color: #FFFF00; /* yellow */
	position: relative;
	top: 1px;
	left: 1px;
	padding: 1px 2px 1px 2px;
	margin: 0px;
	text-decoration: none;
	}

	
/* HTML tags NOT set above:
	[denotes deprecated tags]
	html, div, span, 
	object, iframe,
	[xmp],
	[font],  [basefont], [center],
	big, small,
	[u], 
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
	
	HTML deprecated tags > replaced by:
		applet	>	object
		dir		>	ul
		isindex	>	input
		menu	>	ul
	HTML tags deprecated in favour of Style Sheets:
		basefont
		center
		font
		s
		strike
		u
*/