.htmlarea-content-body {
  font-family: arial, helvetica, sans-serif;
  padding: 3px 0 3px 3px;
  background-color: #767f88 !important;
  color: #fff !important;  
  width: 467px; 
} 

blockquote {
  margin-left: 30px;
} 

.indent {
  margin-left: 15px;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

body {
  font-family: arial, helvetica, sans-serif;
  line-height: 20px;
  color: #fff;
  background-color: #767f88;
}

span.hlight,
p.hlight,
.hlight {
  color: #ffed00;
}


h1,
h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}

h1 {
	letter-spacing: 1px;
  font-size: 17px;
  
}

h2, h3, h4, h5, h6 {
  font-size: 131%;
  margin-bottom: 10px;
  text-transform: none;
}


h3 {
  font-size: 123.1%;
}

h4 {
  font-size: 116%;
}

h5 {
  font-size: 108%;
}

h6 {
  font-size: 100%;
}

p {
  margin: 1em 0;
}

a {
  color: #ffed00;
}

a:hover {
  color: #000;
}

hr {
	color: #000;
	background: transparent;
	border:0;
	border-bottom: 1px #000 solid;
	margin: 5px 0;
}


strong {
  font-weight: bold;
}

em, i {
  font-style: itaLic;
}

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }
ol li { margin: 0 0 12px 25px; list-style-type: lower-roman; }
ul li { margin: 0 0 12px 25px; list-style-type: disc; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
/*span.caps { font-variant: small-caps }
p.caps { font-variant: small-caps }
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }
*/

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

div.csc-textpic-intext-left {
  /*margin: 0 15px 10px 0;'*/
}

.content_item ul  {
  display: table;
}