/*

STARTER RTE

This sheet contains the code for the TYPO3 rich text editor

*/

p,
ul,
ol,
dl,
table,
form,
blockquote {
	margin-bottom: 10px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-left: 20px;
	margin-bottom: 0px;
}

blockquote blockquote {
	margin-top: 10px;
}

/* @group Text & Paragraphs */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.important {
	color: #0084d8;
}

/* @end Text & Paragraphs */

/* @group Links */

a {
	color: #0084d8;
}

a:hover,
a:focus {
	color: #000000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-family: Lucida Grande Normal, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
}

/* @end Links */

/* @group Headlines */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lucida Grande Normal, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
	color: #0084d8;
}

h4,
h5,
h6 {
	font-weight: bold;
}

h1 {
	font-size: 24px;
	margin-bottom: 10px;
}

h2 {
	font-size: 21px;
	margin-bottom: 10px;
}

.threeColumnGroup .csc-header-n1 h2.csc-firstHeader {
	background: url(../images/rss.gif) top left no-repeat !important;
	color: #ffffff;
}

.threeColumnGroup .csc-header-n1 h2.csc-firstHeader a {
	float: left;
	width: 308px;
	color: #ffffff;
	line-height: 21px;
	text-decoration: none;
}

.threeColumnGroup .csc-header-n1 h2.csc-firstHeader a:hover {
	color: #000000;
}

h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

h4 {
	font-size: 15px;
	margin-bottom: 5px;
}

h5 {
	font-size: 13px;
	margin-bottom: 5px;
}

h6 {
	font-size: 12px;
	margin-bottom: 5px;
}

/* @end Headlines */


/* @group Lists */

ul,
ol {
	margin-left: 30px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-left: 20px;
}

dd {
	margin-left: 20px;
}

/* @end Lists */


/* @group Blockquote Styling */

blockquote {
	margin-left: 30px;
	margin-right: 30px;
}


/* @group Common Styles for RTE */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
	margin-top: 0px;
}

/* @end Common Styles for RTE */


/* @end Blockquote Styling */


/* @group Table Styling */

td,
th,
caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	vertical-align: top;
}

col {
	background-color: silver;
}

thead th,
tfoot th,
tfoot td {
	text-align: left;
}

caption {
	background-color: #3C3938;
	font-style: italic;
}

td.spancolumn-1,
th.spancolumn-1 {
	width: 30px;
}

td.spancolumn-2,
th.spancolumn-2 {
	width: 80px;
}

td.spancolumn-3,
th.spancolumn-3 {
	width: 130px;
}

td.spancolumn-4,
th.spancolumn-4 {
	width: 180px;
}
	
td.spancolumn-5,
th.spancolumn-5 {
	width: 230px;
}

td.spancolumn-6,
th.spancolumn-6 {
	width: 280px;
}

td.spancolumn-7,
th.spancolumn-7 {
	width: 330px;
}

td.spancolumn-8,
th.spancolumn-8 {
	width: 380px;
}

td.spancolumn-9,
th.spancolumn-9 {
	width: 430px;
}

td.spancolumn-10,
th.spancolumn-10 {
	width: 480px;
}

td.spancolumn-11,
th.spancolumn-11 {
	width: 530px;
}

td.spancolumn-12,
th.spancolumn-12 {
	width: 580px;
}

/* @end Table Styling */

/* @group RTE Custom Styles */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
	margin-top: 0px;
}

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

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

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

p.feature-text,
ul.feature-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
}

p.big-text,
ul.big-text {
	font-size: 16px;
	line-height: 24px;
}

p.red-highlight,
span.red-highlight,
h1.red-highlight,
h2.red-highlight,
h3.red-highlight,
h4.red-highlight,
h5.red-highlight,
h6.red-highlight {
	color: #0066cc;
}

/* @end RTE Custom Styles */

/* @group RTE Backend Styling */

/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #3C3938;
	font-weight: normal;
	height: 100%;
}

/* @News */

.module-2 h2.csc-firstHeader {
	background: url(../images/news.gif) top left no-repeat;
	padding: 0 0 12px 52px;
	margin: 0;
}

.news-date {
	float: left;
	width: 70px;
	color: #093c7f;
}

.news-category {
	float: left;
	width: 150px;
	color: #093c7f;
}

.news-latest-container {
	padding: 0;
	width: 305px;
}

.news-latest-item {
	float: left;
	border-bottom: 2px dotted #0066cc;
	margin: 5px 0 0 0;
	padding: 0 0 2px 2px;
	font-size: 11px;
	width: 208px;
}

.news-latest-item .news-date {
	font-size: 12px;
}

.news-latest-item .news-category {
	display: none;
}

.news-latest-item a {
	color: #093c7f !important;
}

.news-latest-item a:hover {
	color: #000000 !important;
}

#contentBlock-2 h2 {
	float: left;
	width: 242px;
	height: 27px;
	_height: 32px; /* IE 6 */
	padding-top: 5px;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0;
	clear: both;
	background: url(../images/rss.gif) top left no-repeat;
	text-indent: 5px;
}

#contentBlock-2 h2 a {
	font-size: 22px;
	color: #ffffff;
	text-decoration: none;
}

#contentBlock-2 h2 a:hover {
	color: #000000;
}

.news-latest-item h3 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 3px 0;
	clear: both;
}

.news-latest-item h3 a {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.news-latest-item h3 a:hover {
	color: #0066cc;
}

.news-single-item dd {
	margin-left: 0;
}

/* @end RTE Backend Styling  */