BODY { FONT-SIZE: 9pt; COLOR: #333333; background-color: #EEEEEE; margin: 0px 0px 0px 0px; FONT-FAMILY: arial, helvetica, sans-serif; }
TD { FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: arial, helvetica, sans-serif; }
.outerborder { BORDER: #b3c8da 1px solid; background-color: #FFFFFF; }

A:link, A:visited, A:active { FONT-SIZE: 9pt; COLOR: #888888; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: underline; }
A:hover { FONT-SIZE: 9pt; COLOR: #5882a5; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: underline; }

.heading { FONT-SIZE: 10pt; color: #5882a5; FONT-FAMILY: arial, helvetica, sans-serif; FONT-WEIGHT: bold; }
.subhead { FONT-SIZE: 9pt; FONT-WEIGHT: bold; font-style: italic; color: #5882a5; }
.subhead1 { FONT-SIZE: 14pt; FONT-WEIGHT: bold; font-style: italic; color: #5882a5; }
.footer { FONT-SIZE: 8pt; COLOR: #888888; FONT-FAMILY: arial, helvetica, sans-serif; width: 750px; padding-top: 10px; }
.content { padding-bottom: 20px; padding-right: 20px; }
.italic { FONT-SIZE: 9pt; FONT-STYLE: italic; }
.bold { FONT-SIZE: 9pt; FONT-WEIGHT: bold; }
.callout { WIDTH: 450px; BACKGROUND-COLOR: #dae4ed; BORDER: 1px solid #b3c8da; PADDING: 10px; }
.captiontop { FONT-SIZE: 9pt; COLOR: #5882a5; padding-bottom: 10px; }
.captionbtm { FONT-SIZE: 9pt; COLOR: #5882a5; padding-top: 10px; }
.small { FONT-SIZE: 8pt; }

.floatright { FLOAT: right; MARGIN: 0 0 5px 10px; }
.floatleft { FLOAT: left; MARGIN: 0 10px 5px 0; }
.padleft { PADDING-LEFT: 30px; }
.imgborder { BORDER: 1px solid #b3c8da; }

TABLE.blue { border-collapse: collapse; BORDER: #b3c8da 1px solid; BACKGROUND-COLOR: #dae4ed; border-color: #b3c8da; padding: 5px; }
.gray { background-color: #DDDDDD; BORDER: #b3c8da 1px solid; }

DIV.box1 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #aab6da; }
DIV.box2 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #4983aa; }
DIV.box3 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #912822; }
DIV.box4 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #50aa77; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: arial, helvetica, sans-serif; }
DIV.box5 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #fae635; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; }
DIV.box6 { WIDTH: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #ec9360; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; }


/* generic container (i.e. div) for floating buttons */
.clear {overflow: hidden; width: 100%;}

/* button style - must use inline for some reason, doesn't seem to be working from linked stylesheet */
a.button {background: transparent url(images/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, helvetica, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url(images/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; text-decoration: none;} 
a.button:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ text-decoration: none;}
a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ text-decoration: none;}