/* Usage: <link rel="stylesheet" type="text/css" href="/css/styles.css"> */

/* Common Element Styles */

body
{
	margin: 0pt 0pt;
	font: 11pt/14pt Georgia,Palatino,Times;
	text-align: justify;
	background: white;
	color: black;
}

img
{
	border: none;
}

h1
{
	margin-top: 0ex;
	margin-bottom: 0ex;
	font: bold 24pt Optima,Georgia,Geneva,Arial;
	text-align: left;
}

h2
{
	font: bold 16pt Optima,Georgia,Geneva,Arial;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
	text-align: left;

	/* Recommended by http://www.htmlhelp.com/tools/csscheck/ */
	background: transparent;
}

h2 + p
{
	/* A paragraph after an H2 heading should not add spacing above. */
	margin-top: 0pt;
}

h3
{
	font: bold 12pt Optima,Georgia,Geneva,Arial;
	text-align: left;
}

dt
{
	font-style: italic;
	padding: 1ex;
}

th
{
	font: 11pt Georgia,Palatino,Times;
	font-weight: bold;
	text-align: left;
	color: black;
}

tr
{
	vertical-align: top;
}

td
{
	font: 11pt Georgia,Palatino,Times;
}

td p
{
	/* Paragraphs in a table are typically span several lines and therefore
	   should be justified. */
	text-align: justify;
}

li
{
	/* Lists should not be justified because they are not full paragraphs and
		it generally causes large spacing between words when a list item wraps
		multiple lines. To use full justification. Wrap the list item in a P
		element. */
	text-align: left;
	
	/* The default indentation of lists is too large. */
	margin-left: -2ex;
}

li.body
{
	/* For lists that do want to use prose. */
	text-align: justify;
	margin-bottom: 0.5ex;
}

a.inline
{
	text-decoration: none;
}

a.inline:hover
{
	text-decoration: underline;
}

/* Page Structure Styles */

#siteHeader
{
	background: #F7F7F8;
	color: black;
}

#siteHeader table
{
	width: 100%;
}

#siteHeader td#caption
{
	font: 11pt Lucida Grande,Optima,Geneva,Arial;
	font-style: italic;
	text-align: center;

	/* Align the text on the same baseline as the logo text. Use padding,
	   not margin, so that the text can be moved without moving the product
	   logo which is floating to the left of the paragraph. Padding-top is
	   specified in pixels because the height of the site header is fixed
	   and therefore the height from the top of the page is fixed. */
	padding-top: 3px;
}

#hdrnavbar
{
	/* This is the background used in the product and company logo images.
	   This should be redundant due to the same rule in #siteHeader, but
	   baka-IE seems to need this. */
	background: #EEEEEE;
}

#hdrnavbar #hdrnavbarLinks a
{
	text-decoration: none;
	color: #202020;

	/* Recommended by http://www.htmlhelp.com/tools/csscheck/ */
	background: transparent;
}

#hdrnavbar #hdrnavbarLinks a:hover
{
	color: #202020;
	font-weight: bold;
}

#hdrnavbar #hdrnavbarLinks
{
	background: transparent url("/images/hdrnavbar-blank.gif") repeat-x;
	color: black;
}

#hdrnavbar #hdrnavbarLinks td
{
	/* 8.2pt renders as 11px on a Mac running Safari. */
	font: 8.2pt Lucida Grande,Optima,Geneva,Arial;
	vertical-align: top;
	padding-top: 3px;
}

/* Calculate width of each cell to hug the text + 1em for padding. */
#hdrnavbar #hdrnavbarLinks td#store		{ width: 7.2em }
#hdrnavbar #hdrnavbarLinks td#var		{ width: 9.2em }
#hdrnavbar #hdrnavbarLinks td#contact	{ width: 6.6em }

#page
{
	width: 60em;	/* pageContent width + pageContent padding. */
	min-width: 740px;

	padding: 0pt;
	margin: auto;
}

#pageContent
{
	/* Center page content but do not hug the top or bottom of the page. */
	margin: auto;
	padding-top: 3ex;
	padding-bottom: 3ex;

	/* Inset the left and right margins so the footer is a bit wider. */
	width: 52em;
	padding-left: 2em;
	padding-right: 2em;
}

#pageContent #pageTitle
{
	/* Add space between the title and the body content. */
	margin-bottom: 1em;
}

#pageContent #pageTitle .category
{
	font: 12pt Optima,Geneva,Arial;
	font-weight: bold;
	margin-top: 0ex;
	margin-bottom: 3ex;
	color: #777777;

	/* Recommended by http://www.htmlhelp.com/tools/csscheck/ */
	background: transparent;
}

#pageContent #pageTitle .title
{
	margin-top: 0px;
	font: 18pt Optima,Geneva,Arial;
	font-weight: normal;
}

#pageContent #mainCopy ul li
{
	/* Square bullets are more discrete. */
	list-style-type: square;
}

#pageContent #mainCopy *.paralist li
{
	/* Lists that use paragraphs will want a larger than default gap between lines. */
	margin-bottom: 1ex;
}

#footer
{
	/* Visually separate the page content from the footer. */
	padding-top: 2ex;

	text-align: center;

	/* The footer should be below both the page and the navigation menu.
	   This is mostly an issue when the page content is very small. */
	clear: both;
}

#footerLinks
{
	text-align: center;
	font: 9pt Lucida Grande,Geneva,Arial;
}

#footerLinks p
{
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
}

#copyright
{
	text-align: center;

	/* Without spacing, the copyright hugs the navigation links above and the
		window's bottom edge below. */
	margin-top: 2ex;
	margin-bottom: 2ex;
}

#copyright.fineprint
{
	font: 8pt Lucida Grande,Geneva,Arial;
	color: black;

	/* Fine print is almost always rendered with center alignment. */
	text-align: center;

	/* Recommended by http://www.htmlhelp.com/tools/csscheck/ */
	background: transparent;
}

#copyright p
{
	/* Paragraphs in the copyright are not prose and should have normal line
		spacing (not paragraph spacing) between them. */
	margin-top: 0ex;
	margin-bottom: 0.5ex;
}


/* Page Structure: Side Bar Styles */
#pageContent #mainCopy
{
	/* The width of the main copy must be constrained, otherwise it will run
	   to the far right of the page and clobber the sidebar. */
	width: 35em;
}