body {
	font: 10pt "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
	color: #000;
	background: #fff;
	margin: 2px;
}

h1, h2, p {
	margin: 0 0 10pt;
	padding: 0;
}

h1, h2 {
	clear: both;
}

:link {
	color: #037;
}

:visited {
	color: #636;
}

acronym {
	border-bottom: 1px dotted #000;
}

blockquote {
	font-style: oblique;
}

hr {
	border: none;
	border-top: 1px solid #aaa;
}

#pageHeader {
	background: url(/style/barbg.png);
}

#pageHeader div {
	background: transparent url(/style/gimpfaq.png) no-repeat top left;
	width: 388px;	/* image width */
	height: 80px;	/* image height */
}

#pageHeader span {
	background: transparent url(/style/wilber.png) no-repeat top right;
	width: 80px;	/* image width */
	height: 80px;	/* image height */

	position: absolute;
	top: 2px;	/* body margin */
	right: 2px;	/* body margin */

	/*
	 * using an image to replace text courtesy
	 * http://phark.typepad.com/phark/2003/08/accessible_imag.html
	 */
	text-indent: -9000px;
}

#supportingText {
	margin-top: 4em;	/* height of #linkList + 1em */
}

#quickSummary {
	border: 2px solid #fc0;
	background-color: #ffc;
	font-size: 8pt;
	padding: 10px 10px 0;
	float: right;
	width: 25%;
}

#quickSummary h1 {
	font-size: 10pt;
}

#quickSummary dl {
	margin: 0;
	padding: 0;
}

#quickSummary dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#quickSummary dd {
	margin: 0 0 1em 0;
	padding: 0;
}

#pageContents {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 10px;	/* this intentionally adds extra bottom padding (I think it looks nice) */
	margin: 0 0 2em;
	float: left;
	clear: left;
	font-size: 8pt;
}

#pageContents h1 {
	font-size: 10pt;
	text-align: center;
}

#pageContents h2 {
	font-size: 8pt;
}

#footer {
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #aaa;
	font-size: 8pt;
}

#footer img.LicenseIcon {
	border: none;
	float: left;
	margin-right: 1ex;
}

#linkList {
	position: absolute;
	top: 80px;
	left: 2px;	/* body margin */
	height: 3em;
}

#linkList2 ul {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

#linkList2 li {
	display: inline;
	margin: 0 2ex;
}

#questionList {
	clear: both;
}

#questionList ol h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 12pt;
	font-weight: bold;
}

#questionList ol h2:before {
	content: "Q: ";	/* Note: IE 6 does not support generated content */
}

#questionList ol ul,
#questionList ol ol {
	margin-bottom: 1em;
}

#downloadList dd {
	margin-bottom: 1em;
}

#tutorialList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tutorialList li {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 1em;
	padding: 0;
}

#tutorialList li h1 {
	font-size: 100%;
	margin: 0 0 0.5em;
	padding: 0;
}

#tutorialList li img {
	border: 1px solid #000;
	float: left;
	margin: 0 0.5em 0.5em 0;
}

#tutorialText h1 {
	font-size: 14pt;
}

#tutorialText h2 {
	font-size: 12pt;
}

#tutorialText li {
	clear: both;
	margin-top: 0;
	margin-bottom: 1em;
}

#tutorialText ul.imageList {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

#tutorialText ul.imageList li {
	border: 1px solid #000;
	background: #aaa url(zoom-in.png) no-repeat bottom right;
	font-size: 8pt;
	text-align: center;
	display: inline;
	float: left;
	clear: none;	/* wouldn't be necessary if IE would let me define above as ol>li */
	width: 130px;	/* image width + border width */
	margin: 0 0 1em 1em;
	padding: 5px 5px 16px 5px;
}

#tutorialText ul.imageList li img {
	border: 1px solid #000;
	vertical-align: top;
}

#tutorialText table {
	margin-bottom: 1em;
}

#tutorialText table, #tutorialText th, #tutorialText td {
	border: 1px solid #000;
}

#tutorialText th, #tutorialText td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#formmail {
	width: 90ex;
	margin: auto;
	padding: 1ex 1em;
	border-top: 1em solid #037;
	border-bottom: 1ex solid #037;
	background: #ddd;
}

#formmail h1 {
	font-size: 14pt;
	text-align: center;
}

#formmail input[type="text"], #formmail textarea {
	border: 1px solid #999;
}