/* RTE defaults are pulled from body.htmlarea-content-body */
body.htmlarea-content-body,
P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, LEGEND { 
  font-family: 'trebuchet ms',tahoma,Verdana,sans-serif;
  font-size: 12pt;
}
body.htmlarea-content-body {
 background: #78a6cc;
}

img {
 border: none;
}

h1 { font-size: 20pt }
h2 { font-size: 16pt }
h3 { font-size: 14pt }
h4 { font-size: 12pt }

.csc-textpic-caption, .news-single-imgcaption {
 text-align: center;
 font-size: 10pt;
 font-family: 'courier new', courier, monospace;
}


/* 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: #fff;
 border: 3px solid #999;
 margin: 10px;
}

/* 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;
}