/***** general, grid *****/
html { *background:url(blank000.gif) fixed; }
body { background: #e2e2e2 url(../../images/bodybg20.gif) repeat-x 0 0; }

/* This formats the headline above blockquote and blockquote itself */
#content .quote_header {
	margin-top: 1.5em;
	margin-bottom: 0.8em;
	font-style: oblique;
}
#content blockquote {padding: 5px; background-color: #eeeeee; border: 1px solid #eeeeee; margin: 10px;}

#content { clear:both; width:914px; margin:-3px -3px 1.6em; padding:7em 36px 0; color:#76797c; background:url(../../images/index_co.gif) no-repeat left top;}

/*This is the thin vertical line separating columns.*/
#main .grid2col { background:url(../../images/index_ve.gif) repeat-y 50% 0; }
#main .grid2col .column { width:410px; }


/***** main, content *****/
/*#main { font-size:13px; line-height:1.5em; }*/
/*This positions heading (which is a gif file) in the middle of the page.*/
/*#main h1 { text-indent:-9999px; background:url(../../images/index_ti.gif); width:601px; height:63px; margin:100px auto 60px; }*/
/* This moves text of H1 away from page, so only image remains. Text of H1 is thus invisible, but visible to search engines. */
#main h1 { text-indent:-9999px; }
#main h2 { margin-top:0; }
#main h2 { margin:0 0 0; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h2,
#main h3,
#main h4,
#main strong { color:#000; }
#main p.requirements { margin-top:30px; margin-bottom:10px; }

/* images */
#main img.icon { margin-bottom:0; }