body {font-family: Arial, Helvetica, Tahoma; font-size: 9pt} 

a:link { color: #CC0000; text-decoration: none}
a:visited { color: #CC0000; text-decoration: none}
a:active { color: #CC0000; text-decoration: none}
a:hover { color: #993333; text-decoration: none}  

a.nav:link { color: #FFFF99; font-size: 9pt; text-decoration: none}
a.nav:visited { color: #FFFFFF; font-size: 9pt; text-decoration: none}
a.nav:active { color: #FFff99; font-size: 9pt; text-decoration: none}
a.nav:hover { color: #FFCC00; font-size: 9pt; text-decoration: none}  

a.home:link { color: #FFCC66; font-size: 13pt; font-weight: bold; text-decoration: none}
a.home:visited { color: #FFCC66; font-size: 13pt; font-weight: bold; text-decoration: none}
a.home:active { color: #FFCC66; font-size: 13pt; font-weight: bold; text-decoration: none}
a.home:hover { color: #CC9999; font-size: 13pt; font-weight: bold; text-decoration: none}

#page {
	position: relative;
	top: 0px;
	left: inherit;
	width: 770px;
	height: 451px;
	visibility: visible;
	z-index: 55;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	right: inherit;
	bottom: inherit;
	margin-right: auto;
	margin-left: auto;
}  

P.smenu { font-family: arial, helvetica, sans-serif; font-size: 10px; line-height: 10px; text-align: left; margin-top: 1px; margin-left: 20px;}

 This stylesheet uses pt's for font sizing for demonstration purposes. However, the problem with pt's is that their size is fixed, which means it cannot be changed with a user's browser. They also are extremely small for some Mac's. When using this stylesheet, it is recommended that pt's be replaced with em's (or percentages). For example, 7.8pt on a PC is, roughly, the equivalent of .7em for PC's and .8 or .9 em for Mac's. 

#blankbg {background-image: url(images/spacer.gif); background-repeat: no-repeat}

td {font-size: 9pt; color: #000000}

.bar {background-color: #993333; color: #FFFFFF}

.box0 {font-weight: bold; font-size: 8.9pt; color: #000000}

.box0 {font-size: 9pt; color: #000000}

.copy {font-family: arial, helvetica, sans-serif; font-size: 15px; line-height: 20px; text-align: left; }

.yellow {font-size: 7.9pt; color: #FFCC66}

.black {font-size: 8.9pt; color: #666666}

.red {font-size: 7.9pt; color: #993333}
 
.title {font-size: 20pt; font-weight: bold; color: #000000}
 
.subtitle {font-size: 14pt; color: #999999}
 
.redtitle {font-size: 16pt; font-weight: bold; color: #993333}
 
.emaillink {font-size: 13pt; font-weight: bold; color: #FF0000}
 
.errortitle {font-size: 14pt; font-weight: bold; color: #FF0000}
 
.minititle {font-size: 10pt; font-weight: bold; color: #000000}

.footer {font-size: 7.9pt; color: #000000}

.detail0 {font-size: 7.9pt; color: #000000}

.detail1 {font-size: 8pt; color: #000000}

.table {background-color: #EFEFEF; font-weight: bold; font-size: 9pt; color: #000000}

.table0 {background-image: url(images/icons/box_head_bg_gold.jpg); font-weight: bold; font-size: 7.9pt; color: #000000}

.table1 {background-image: url(images/icons/box_head_bg.jpg); font-weight: bold; font-size: 9.8pt; color: #000000}

.table2 {background-image: url(images/icons/box_head_bg_gold.jpg); font-weight: bold; font-size: 9.8pt; color: #000000}

.back_btn {font-size: 12pt; font-weight: bold}

.bullet {
	list-style-position: outside;
	list-style-image: url(images/icons/ico_circle_arrow.gif);
	list-style-type: none;

}
.bulletup {
	list-style-position: outside;
	list-style-image: url(images/icons/ico_circle_arrow_up.gif);
	list-style-type: none;
}
.arrow {
	list-style-position: outside;
	list-style-image: url(images/icons/arrow_bullet.gif);
	list-style-type: none;
}
.arrowup {
	list-style-position: outside;
	list-style-image: url(images/icons/arrow_bullet_up.gif);
	list-style-type: none;
}