body,div,p,th,td,li,dd,code,tt,h3 {font-size:small;}* html body,* html div,* html p,* html th,* html td,* html li,* html dd,* html code,* html tt,* html h3 {font-size:x-small;f\ont-size:small;}body {margin:0;padding:0;background-color:#fff;color:#000;}p {line-height:150%;margin-top:0.6em;margin-bottom:0.6em;text-align:left;}h1 {font-family:Arial,sans-serif;font-size:150%;color:#3B6EBF;font-style:italic;font-weight:bold;border-bottom:1px solid #ccc;text-align:left;margin-bottom:0.5em;}* html h1 {height:21px;}h2 {font-family:Arial,sans-serif;font-size:125%;font-weight:bold;color:#3B6EBF;text-decoration:none;margin-top:1.8em;margin-bottom:0.5em;text-align:left;}h3 {font-family:Verdana,Arial,sans-serif;font-weight:bold;font-style:italic;color:#3B6EBF;margin-top:1.4em;margin-bottom:0.6em;text-align:left;}p.subhead {font-size:135%;clear:both;text-align:center;font-weight:bold;margin-left:10%;margin-right:10%;}p.subhead em {text-decoration:underline;font-style:normal;}ul,ol {line-height:150%;margin-top:0.5em;margin-bottom:0.5em;margin-left:2em;padding-left:0;text-align:left;}ul li,ol li {margin-top:0.3em;margin-bottom:0.3em;list-style-position:outside;}/* Not ideal,but an ul of class compact gets bullet lists looking reasonable next to a float:left image. */ul.compact,ol.compact {margin-left:0;}ul.compact li,ol.compact li {list-style-position:inside;margin-left:1em;}ul.shortitems,ol.shortitems {text-align:left;}/* list within a shortitems list (assumed more shortitems - no need to label as such) */ul.shortitems ul,ul.shortitems ol,ol.shortitems ul,ol.shortitems ol {text-align:left;margin-top:0;line-height:120%;font-style:italic;}a {text-decoration:underline;color:#002db3;}p a:hover,li a:hover,h2 a:hover {background-color:#ffff00;}a:visited {color:#800080;}img {border:none;}img.img-center,img.img-center-titled {display:block;margin-left:auto;margin-right:auto;}img.img-center,img.img-center-titled {margin-top:0.9em;margin-bottom:0.9em;}* html img.img-center,* html img.img-center-titled {text-align:center;/* A p following an img-center in IE 5 and 6 causes the paragraph to jump up a 	 * bit when you mouseover a link.  This happens when the margin-bottom on the	 * img is bigger than the margin-top on the p.  Fix this by setting the	 * img margin-bottom to that of the margin-top on the p,and adding a padding 	 * to make up the difference (the padding only works on IE6,but it's not 	 * critical).	 */	margin-bottom:0.6em;padding-bottom:0.3em;}img.img-center-titled {margin-bottom:0em;}p.title-center {text-align:center;font-weight:bold;margin-top:0.3em;margin-bottom:0.9em;}img.img-right,img.img-right-heading2 {float:right;margin-left:0.6em;margin-top:0.3em;margin-bottom:0.3em;}img.img-right-heading2 {margin-top:1.5em;}img.img-left {float:left;margin-right:0.6em;margin-top:0.3em;margin-bottom:0.3em;}.noTemplate {margin:0.8em;}