body {
	margin: 0px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}

td {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}

/* hr {
	height: 1px;
	color: gray; // for IE
	background-color: gray; // for Mozilla and Firefox
	border: 0; // for Mozilla and Firefox
	}*/

/* Styles for the page header.
   Because the header has "ears" extending all the way to the edges of the
   window, it's still styled with a table (blech). */

/* Put a styled <div> inside the header to keep the two images on one line. */
#header {
	width: 720px;
	}

	/* Make the header images fill the header cell (instead of stopping at the
	   text baseline). */
	#header img {
		vertical-align: bottom;
		}


/* Styles for the navigation menus. */

#menus {
	margin: 0px auto;
	text-align: left; /* Restore from the IE 5 centering hack. */
	position: relative;
	height: 20px;
	width: 720px;
	}

	/* Make the header images fill the header cell (instead of stopping at the
	   text baseline). */
	#menus img {
		vertical-align: bottom;
		}

	/* Style both the anchor (so IE will style the item) and the image inside
	   (so modern browsers will style the whole height of the anchor). */
	#menus a:hover, #menus img:hover {
		background-color: #eef;
		}
	
#home-menu {
	float: right;
	}

#main-menu {
	position: absolute;
	top: 0px;
	left: 16px;
	}

	/* Put a line to the left of each main menu item. */
	#home-menu img, #main-menu img {
		border-left: 1px solid #666;
		}
	
			.submenu {
				position: absolute;
				top: 20px;
				border-left: 1px solid #666;
				padding-top: 7px;
				}
				
				.submenu img {
					padding-right: 8px;
					vertical-align: bottom;
					}

.popup-menu {
	display: none; /* Will be shown by the rollover script. */
	position: absolute;
	top: 20px;
	border: 1px solid #666;
	background-color: #f7f7f7;
	}
	
	.popup-menu a {
		display: block;
		padding: 3px 3px;
		}
	
	/* Have to specify "#menus" to override its background-color. */
	#menus .popup-menu a:hover, #menus .popup-menu img:hover {
		background-color: #ddf;
		}
		
#about-popup, #submenu-about {left: 16px}
#products-popup, #submenu-products {left: 95px}
#purchase-popup, #submenu-purchase {left: 199px}
#support-popup, #submenu-support {left: 304px}


/* Styles for the page content region. */

#content-frame {
	width: 720px;
	margin: 20px auto 24px;
	text-align: left; /* Restore from the IE 5 centering hack. */
	}

#content {
	width: 700px;
	min-height: 320px;
	margin: 0px 10px;
	}


/* Styles for the page footer. */

#footer {
	width: 100%;
	min-width: 720px;
	text-align: center;
	font-size: 0.9em;
	}

/*
table.nav {background-color: #403F3E}
td.nav {background-color: #403F3E}
table.nbar {background-color: #403F3E; width: 100%;  border="1"}
td.nbar {background-color: #403F3E}

.presstitle {font-size: 12pt; color: #B74D28}
.disclaimer {font-size: 8pt;  color: #808080}

blockquote.quote {font-style: italic}
*/

a:link {color: #0033CC; text-decoration:none}
a:visited {color: #6600CC; text-decoration:none}
a:hover {color: #6600CC; text-decoration:underline}
a:active {color: #6600CC; text-decoration:none}

a.nav:link {font-size: 10pt;  color: #4d7dcf; text-decoration:none}
a.nav:visited {font-size: 10pt;  color:#2d5daf; text-decoration:none}
a.nav:hover {font-size: 10pt;  color: #2d5daf; text-decoration:underline}
a.nav:active {font-size: 10pt;  color:#2d5daf; text-decoration:none}

a.footer:link {font-size: 8pt; text-decoration:none}
a.footer:visited {font-size: 8pt; text-decoration:none}
a.footer:hover {font-size: 8pt; text-decoration:underline}
a.footer:active {font-size: 8pt; text-decoration:none}

a.pdf {background: url(/images/pdf.gif) left top no-repeat; padding-left: 15px;}
ul.pdf {list-style:none; padding-left:20px}
.pdf a {background: url(/images/pdf.gif) left top no-repeat; padding-left: 20px;}

a.mp3 {background: url(/images/listen-icons-14x14.png) left top no-repeat; padding-left: 18px; line-height:16px}
ul.mp3 {list-style:none; padding-left:20px}
.mp3 a {background: url(/images/listen-icons-14x14.png) left top no-repeat; padding-left: 200px;}

.betaname {font-size: 14pt; font-weight: bold; font-style: italic; color: #4d7dcf}
.sitetitle {font-size: 16pt; font-weight: bold; font-style: italic; text-decoration: underline; color: #4d7dcf}
.footer {font-size: 8pt}
.pagetitle {font-size: 12pt; font-weight: bold; text-decoration: underline}

.note {font-style: italic; color: #990000}

.ampm {font-variant: small-caps; padding-left: 2px}

.graytable {background-color: #FFFFFF}
.graytable th {vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; background-color: #CCCCFF; text-align: center}
.graytable td {vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; background-color: #DDDDDD}
.graytable p {margin-top: 1em; margin-bottom: 1em}

.yellowtable {background-color: #DDDDDD}
.yellowtable th {vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; background-color: #FFFFFF; text-align: left}
.yellowtable td {vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; background-color: #FFFFCC}
.yellowtable p {margin-top: 1em; margin-bottom: 1em}

.date-label {
font-size: 0.90em;
	font-weight: bold;
	background: #DADCFF;
	position: relative;
	padding: 0.2em 0.5em
}
.date-content {
	position: relative;
	padding: 0.5em 0.1em
}
/* Font size styles. */

			body {/* 72 = 3/4 of 96.
					     But some browsers get wonky at 75%. */
				 font-size: 0.75em}

			h1 {font-size: 2em}
			h2 {font-size: 1.7em}
			h3 {font-size: 1.4em}
			h4 {font-size: 1.2em; margin-bottom:1.0em}
			h5 {font-size: 1.0em}
			h6 {font-size: 0.8em}
			
			/* Tip: you can nest size classes for increasing results. */
			.very-large {font-size: 1.4em}
			.large {font-size: 1.2em}
			.small {font-size: 0.9em}
/*

.ntitle {font-size: 10pt; font-weight: bold; color: #cbc1a4}
.ndate {font-size: 8pt; color: #8b8164}

a {font-size: 10pt;  color: #C7B17B; text-decoration:none}

pre.7 {font-size: 7pt;  color: #C7B17B}
pre.8 {font-size: 8pt;  color: #C7B17B}

table.card, td.card, tr.card {font-size: 8pt; color: #cbc1a4}
*/

/* grayscale - all levels; text properties for states: normal, hover, click */
.TM0i0 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* grayscale - all levels; box properties for states: normal */
.TM0o0 {
	background: #FFFFFF;
	border: 1px solid #606060;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* grayscale - all levels; box properties for states: hover, click */
.TM0o1 {
	background: #C0C0C0;
	border: 1px solid #606060;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}