body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
	background: #303030;
	color: #F4F4E0;
	text-align: center;
	margin: 0; padding: 0;
}

/* Firefox seems to require this. */
/* The use of text-align at all as a way to align blocks really is wrong. */
/* But neither IE7 nor FX2 work properly with margin: 0 auto */

#Body
{
	background: #101010;
	text-align: left;
	width: 790px;
	margin: auto;
	margin-top: 0; margin-bottom: 0;
	padding: 0;
}

p { margin-top: 0; margin-bottom: 1em; }
.body p { font-size: 1em; }

a:link { color: #FFFF00; }
a:visited { color: #F0FF80; }
a:active { color: #FFFFFF; }
a:hover { color: #FFFFFF; }

/* h1 is the banner at the top right. It's a special case */
h1 
{ 
	font-size: 2em; 
	color: #FFFFE0; 
	text-align: right; 
	vertical-align: middle; 
	padding-right: 1em;
	float: right;
}

h2 { font-size: 1.5em; color: yellow; text-align: center; }
.Sub1 { color: #FF9933; }
.Sub2 { color: #00D0FF;
	text-align: center;
}

h3 { 
	font-size: 1.2em; font-weight: bold;
	color: #FFFF60;  
	margin-bottom: 0.5em; margin-top: 1em; 
	margin-left: -1em;
}

h4 { 
	font-size: 1em; font-weight: bold; 
	color: #FFFF40; 
	margin-bottom: 0.5em; margin-top: 0.5em;
	margin-left: 0;
}

h5 { 
	font-size: 1em; font-weight: normal; 
	margin-left: 1em;
	color: #F0C0F0;
	margin-bottom: 0; 
}

p.Note { font-size: xx-small; margin-left: 2em; margin-right: 2em; }

.nobr {
	 white-space: nowrap;
}

.AfterH5 { 	margin-left: 1em; }

.Credit { margin-top: 1em; margin-bottom:1em; }
.Credit p {  margin: 1px; padding: 1px; text-align: center; color: lime; } 

.CenteredImage { text-align: center; margin-bottom: 1em; }

.FastStart {
	 font-size: 13px;
	 font-variant: small-caps;
	 color: lime;
}
.NewsIndex { margin-left: 1em; margin-bottom: 0; }
.Technetium { color: #9966FF }
.BrightEmphasis { color: #80FFFF; }
.BoldEmphasis { color: #FF0000; font-weight: bold;
	text-align: center;
}
.CoolEmphasis { color: #00FF00; }

.TestList { font-family: Courier; color: #E0FFF0; }

.TNGallery { text-align: center; }

ul { margin-top: 0; }

.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11pt;
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.code p {
	margin-bottom: 0;
}

.vswarning
{
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 1em;
}

table
{
	border: 1px solid #A0A088;
	border-collapse: collapse;
	vertical-align: top;
	font-size: 100%;
}
th
{
	background-color: #224488;
	padding: 3px;
	border-bottom: 2px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}
td
{
	border: 1px solid #808080;
	padding-left: 1em; padding-right: 1em;
	vertical-align: top;
	font-size: 100%;
}
caption
{
	text-align: left;
	font-size: 110%;
	margin-bottom: 0.5em;
	color: #80F0FF;
}

td p { margin: 0; margin-bottom: 1em; }

.NumericTable { margin-left: 5em; margin-right: 5em; margin-bottom: 1em; }
.NumericTable td { text-align: right; }
.NumericTableWide { margin-left: 0em; margin-right: 0em; margin-bottom: 1em; }


.ImageSpecs
{
	margin: 0; padding: 0;
	margin-bottom: 2em;
	border: none;
	width: 80%;
}
table.ImageSpecs td 
{ 
	margin: 0; padding: 0px;
	padding-right: 1em;
	border: none;
}
.ImageSpecs td.Left { width: 40%; }

.DownloadTable
{
	margin-bottom: 1em;
	margin-top: 1em;
}
.DownloadTable td
{
	border: none;
}
.DownloadTable th
{
	text-align: left;
	font-weight: bold;
	border-top: 2px solid #808080;
	background-color: #000000;
}

.TroubleDL
{
float: right;
margin-top: 2em;
text-align:right;
font-size: 10pt;
}

table.LinkTable
{
	text-align: left;
	margin-left: 2em;
	border: none;
}
table.LinkTable td { border: none; padding: 10px; padding-bottom: 2em; }
table.LinkTable td.Left { width: 60%; }
table.LinkTable td.Right { width: 40% }

/* Table for the thumbnails on the main page */
table.IndexTable { margin-bottom: 2em;  border: none; }
table.IndexTable td { border: none; }

table.Transparent { border: none; }
table.Transparent td { border: none; }

table.Embedded { margin-left: 0; margin-bottom: 1em; margin-top: 1em; border: none; }
.TDL { width: 40%; }
.TDR { width: 60%; }

table.MainTable
{
	text-align: left;
	margin-left: 2em;
	margin-bottom: 4em;
	border: none;
}
table.MainTable td.Left { width: 15%; }
table.MainTable td.Right { width: 85%; }

/* Julia Set Map table */
.JuliaTable { margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; border-style: none; background-color: black; }
.JuliaTable td { padding: 0px; margin: 0; border-style: none; }
.JuliaTable td img { border-style:none; height: 48px; width: 64px; }

/* Julia Set Map table */
.JuliaTableBig { margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; border-style: none; background-color: black; }
.JuliaTableBig td { padding: 0px; margin: 0; border-style: none; }
.JuliaTableBig td img { border-style:none; height: 24px; width: 32px; }



/* Video thumbnails are 100x75 with a 2px border */
/* and they have a small caption sometimes */
.vidtn { width: 104px; height: 79px; }
.VidTNCaption { text-align: center; color: #C0D8FF; }

/* 
	Video table-of contents on animation page 
*/
.VidContents
{
	margin-left: 0; margin-right: 2em;
	margin-bottom: 2em;
	border: none;
	border-top: 1px solid #808040;
}
table.VidContents td 
{
	border: none; 
	border-bottom: 1px solid #404020; 
	padding-top: 4px; padding-bottom: 4px;
}
table.VidContents td.left { width: 30%; }
table.VidContents td.right { width: 60%; }

/* 
	Video image table 
*/
.ImgTbl { 	background-color: #080808; margin-bottom: 2em; }
.ImgTbl td { padding-bottom: 10px; padding-top: 4px; }

/* The video title within the image table */
.VidTitle
{
	color: #80FFFF;
	font-size: large;
	vertical-align: top;	/* so top of text aligns with top of vid TN */
}
.VidSubtitle
{
	color: #80FFFF;
	font-size: medium;
	vertical-align: top; 
	margin-top: -1em;
}

table.TNTable { text-align: center; margin-bottom: 10px; margin-top: 10px; }
td table.TNTable { border: none; }
td table.TNTable td { border: none; }
table.TNTable td { padding: 4px; }

/* this is to deal with centering tables in a robust way that doesn't fail even for old messed up browsers */
.CenterTable { text-align: center; }

/* A special table for the RGB demo palette */
table#RGBPalette
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;	/* this applies to the cell contents */
	margin-bottom: 1em;
	border: none;
	
}
table#RGBPalette td
{
	margin: 0; padding: 0;
	border: none;
}


/* Table for map examples on Technical Animations page */
.MapExample
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	text-align: center;
	border: none;	
}

.MapExample td
{
	border: none;
}

#sizes { margin-left: 3em; margin-bottom: 1em;  }

.Title
{
	height: 80px;
	text-align: right;
	background: url("images/hpdztitlebar.gif");
	background-repeat: no-repeat;
	margin: 0; padding: 0;
	border: 1px solid black; /* hack for FX2 */
}

.Subtitle
{
}

.PublicDomainNotice { color: #D0D0E0; text-align: center; }
.PiDigits { color: white; font-family: "Courier New", Courier, monospace }
div.PiDigits { margin: 0; padding: 0; margin-bottom: 1em; }
.PiDigits p { padding:0; margin: 0; }

.SubtleLine { width: 45%; color: #606050; margin-bottom: 1em; text-align: center; }

.Quote2
{
	margin-left: 2em;
	color: #60FFC0;
}

.Theorem
{
	margin-left: 4em; margin-right: 4em;
	color: #E0F0FF;
}
/***** Navigation bar ******/

.Nav /* this is a div */
{
	margin: 0; padding: 0;
	background: #141428;
	border-top: 1px solid #D0C080; 
	border-bottom: 1px solid #D0C080;
}
.Nav ul
{
	margin: auto; padding: 0;
	list-style: none;
	width: 780px;
}
.Nav ul li 
{ 
	float: left; 
	width: 130px; 
	margin-left: 10px; margin-right: 10px; 
	text-align: center;
}

.Nav ul li a
{
	display: block;
	padding: 0 1em;
	line-height: 2.1em;
	font-size: 12pt;
	text-decoration: none;
}

.clear {clear: both; margin: 0; padding: 0; margin-top: 1px; }

/***** Main Text Block ******/

.Main
{
	margin-left: 2em;
	margin-right: 2em;
	padding-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
	text-align: left;
}
.MainLink
{
	text-align: center;
	font-family: "century gothic", sans-serif;
	font-size: x-large;
}

.Slogan 
{
	font-size: large;
	color: #A0A0F0;
	text-align: center;
	margin: 0;
	padding-bottom: 1em;
}


/***** Footer ******/

.Footer
{
	margin: 0; padding: 0;
	padding-top: 5px; padding-bottom: 20px;
}

.Footer p
{
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	color: #F0F0E0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.Footer404
{
	margin-left: 4em;
	margin-right: 4em;
	font-size: 8pt;
	color: gray;
	text-align: left;
}

.Text404
{
	margin-left: 3em;
	margin-bottom: 1em;
	color: #808080;
	font-family: "Courier New", Courier, monospace;
	font-size: 10pt;
}


.Valid { margin: 0; padding: 0; margin-top: 10px; }
.Valid ul { list-style: none; width: 780px;  }
.Valid ul li { float: left; text-align: center; }

.BigQuote { 
	color: #40FF80; 
	font-size: medium; font-family: "Times New Roman", Times, serif; font-style: italic;
	margin-left: 5em; margin-right: 5em; margin-top: 1em; margin-bottom: 0; 
}
	
.quoteattrib { text-align: center; }

p.BudQuote
{
	text-align: center;
	margin-left: 10em; margin-right: 10em;
	color: white;
}

.Quote
{
	margin-left: 3em;
	margin-right: 3em;
}

/* Special table for demonstrating arithmetic operations */

.Arithmetic
{
	margin-left: 5em;
	margin-bottom: 1em;
	text-align: right;
	border: none;
}
.Arithmetic td {
	border: none;
	font-family: Courier;
}
.Arithmetic td.sum { border-top: 1px solid #C0C0C0; }
.Arithmetic td.MultTop { border-bottom: 1px solid #C0C0C0; }
.Arithmetic td.MultLeft { border-right: 1px solid #C0C0C0; }
.dim { color: gray; }
.dim2 {	color: olive; }

.Math
{
	font-family: Courier;
}
.Equation
{
	margin-left: 2em;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}
.Radical
{
	padding-top: 0px;
	border-top: 1px solid #F4F4B0;
}

.PageTOC /* This is a UL */
{
	list-style-type: none;
}
.PageTOC li
{
	margin-bottom: 0.4em;
}

.AlgorithmSteps li
{
	margin-bottom: 1em;
}

.ProminentFileLink {
	 text-align: center;
	 font-size: medium;
}

.PrivacyLink { text-align: center; padding-top: 0em; font-weight: bold; color: #80C0C0; }
.PrivacyHead { font-size: 150%; color: #20FF40; font-weight: bold; }
.unsub { text-align: center; font-family: Arial;color : #E0E0FF; }
.SubscribeLink {
	text-align: center;
}
.SubscribeLink a:link {
	 font-size: medium;
	 color: #10FFC0;
	 padding-bottom: 0em;
	 margin-bottom: 0px;
}
/* NEWSLETTER SIGNUP STUFF */
.container {background-color:#080808; width:400px; border:1px solid #999999; padding:5px 5px 15px 5px; margin-left:auto; margin-right:auto;}
.pageTitle {background-color:#DDDDDD; padding:8px; font-size:16px; font-weight:bold; color:#000000; text-align:left;}
.pageTitleError {background-color:#808040; padding:8px; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:left;}
.pageTitleInfo {background-color:#000; border-bottom: 1px solid #808080; padding:8px; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:left;}
.pageTitleSuccess {background-color:#33CC00; padding:8px; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:left;}
.formLabel {font-size:13px; color: #E0E040;}
.error {color:#C00000; font-weight:bold; font-size:11px;}
.small {font-size:11px;}