body { font-size: 13px; font-family: "Arial"; }
table { font-size: 13px; font-family: "Arial"; }
.outercolor { background-color: #CCCCCC; }
a { color: #0000CC; }
a:hover { color: #CC9933; text-decoration: none; }

/* this one is for Netscape, except for the indent */
p { font-size: 13px; font-family: "Arial"; text-indent: 30px; }

h1 { font-size: 28px; font-family: "Arial"; font-weight: bold; color: #000000; text-align: right; padding-right: 52px; margin: 1px; }
h2 { font-size: 14px; font-family: "Arial"; font-weight: bold; color: #000099; margin-top: 25px; 
	background-color: #FBE882; padding: 1px 5px 2px 5px; border: 1px solid #000000; }
h2.presentations { width: 485px; white-space: nowrap; }
h3 { font-size: 28px; font-family: "Arial"; font-weight: bold; color: #000000; text-align: left; padding-left: 52px; margin: 1px; }

.headerimg { margin-right: 60px; border: 1px solid #000000; border-width: 1px 1px 0px 0px; }

em { font-family: "Verdana"; font-style: italic; color: #000099; padding: 0px 8px 6px 20px; 
	border-width: 1px 1px 0px 0px; border-style: solid; border-color: #000000; }

.asterisk { color: #FF0000; font-size: 11px; font-weight: bold; }
.footer { font-size: 11px; text-align: center; }

.pulloutimgL { float: left; border: 1px solid #000000; margin: 10px 10px 10px 0px; padding: 0px; }
.pulloutimgR { float: right; border: 1px solid #000000; margin: 10px 0px 10px 10px; padding: 0px; }

.pulloutboxL { float: left; width: 130px; 
	border: 4px double; border-color: #006699; background-color: #FFFFCC; 
	margin: 10px 10px 10px 0px; padding: 4px; 
	text-align: center; text-indent: 0px; font-weight: bold; }
.pulloutboxR { float: right; width: 130px; 
	border: 4px double; border-color: #006699; background-color: #FFFFCC; 
	margin: 10px 0px 10px 10px; padding: 4px; 
	text-align: center; text-indent: 0px; font-weight: bold; }