body, body.htmlarea-content-body,
P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, LEGEND { 
  font-family: 'trebuchet ms',tahoma,verdana,sans-serif;
  background: none;
  color: #494444;
  font-size: 12pt;
}

A { color: #03253a; text-decoration: underline; }
PRE { font-family: monospace; color: #494444; }
A:visited { color: #5e63a3; text-decoration: underline; }
A:hover { color: #660000; }
FORM { margin: 0px 0px 0px 0px;}
INPUT, TEXTAREA, SELECT { padding-left: 5px; }


img {
 border: none;
 background: none;
}

H1 { font-size: 20px; }
H2 { font-size: 18px; color: #186900; }
H3 { font-size: 16px; color: #10007B; }
H4 { font-size: 14px; color: #8A0020; }
H1, H2, H3, H4 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader { margin-top: 0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #494444; text-decoration: none !important; }
H2 A { color: #186900; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover { text-decoration: underline; }


/* Classes associated with the <span> tag are used for the "Text" drop-down box. */
span.font-smaller { font-size: 8pt; }
span.font-small { font-size: 10pt; }
span.font-big { font-size: 14pt; }
span.font-bigger { font-size: 16pt; }
span.red { color: #8A0020; }
span.blue { color: #10007B; }
span.green { color: #186900; }

/* Classes assigned to <p> automatically show up as styles in the "Paragraph" drop-down box. */
/* Classes assigned to <table> can be selected for tables. */
p.gray-box, table.gray-box { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.yellow-box, table.yellow-box { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

table.with-borders, table.gray-box-with-borders, table.yellow-box-with-borders { 
  empty-cells: show; 
  border-collapse: collapse; 
  border: 1px solid #000; 
}
table.with-borders td, table.gray-box-with-borders td, table.yellow-box-with-borders td,
table.with-borders th, table.gray-box-with-borders th, table.yellow-box-with-borders th {
  border: 1px solid #000; 
}
table.gray-box-with-borders { background-color: #EDEBF1; }
table.yellow-box-with-borders { background-color: #F5FFAA; }


/* Give table cells some spacing. */
table.gray-box td, table.yellow-box td, table.with-borders td, table.gray-box-with-borders td, table.yellow-box-with-borders td,
table.gray-box th, table.yellow-box th, table.with-borders th, table.gray-box-with-borders th, table.yellow-box-with-borders th {
  padding: .2em .5em;
}


/* Classes assigned to <tr>, <td> and <th> can be assigned to the tables. */ 

tr.heading, td.heading, th.heading { background-color: #000; color: #fff; font-weight: bold; }
tr.highlight, td.highlight, th.highlight { background-color: #ccc; }

/* Extra Paragraph Styles can be created for h1, h2, h3 and h4 by giving them classes */


/* <img> classes */
img.spacing { margin: 10px; }
img.border-with-spacing { border: 1px solid #000; margin: 10px; }
img.outline {
 padding: 1px;
 background: none;
 border: 3px solid #999;
 margin: 10px;
}

img {
 border: none;
 background: none;
}


/* Classes for ordered lists */
ol.arabic-numbers { list-style-type: arabic-numbers; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-roman { list-style-type: upper-roman; }

/* And for unordered lists */
ul.discs { list-style-type: disc; }
ul.circles { list-style-type: circle; }
ul.squares { list-style-type: square; }


/* Set some defaults for lists if a specific class isn't selected. */
ol { list-style-type: arabic-numbers; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul {list-style-type: square; }

/* Reduce default padding for nested OL's and UL's. */
ol ol{
  margin-left: 0; 
  padding-left: 2em; 
}
ul ul{
  margin-left: 0; 
  padding-left: 1.5em; 
}


/* Elements in table cells are wrapped by <p> tags. This eliminates the generally unwanted space. */
td p {
  margin: 0;
}