/*

STARTER RTE

This sheet contains the code for the TYPO3 rich text editor

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		templavoila@busynoggin.com
website:	www.busynoggin.com & templavoila.busynoggin.com

*/

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

/* @end Text & Paragraphs */

/* @group Links */

a {
	color: #00287D;
	text-decoration: none;
	}

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

/* htf custom */
p.home-3teaser {
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
}

a.bullet {
	padding-left: 12px;
	background: transparent url(images/grey-bullet.gif) no-repeat 0 50%;
	font-weight: bold;
}

a.bullet-small {
	padding-left: 9px;
	font-size: 11px;
	background: transparent url(images/grey-bullet.gif) no-repeat 0 50%;
	font-weight: normal;
}

.bottom-dotted-line {
	border-bottom: 2px dotted #CCCCCC;
}

/* @end Links */



/* @group Headlines */

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

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

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


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

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

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: black;
	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 HTFTable Styling */
table.htf-blue
{
}

table.htf-blue thead
{
	border-left:1px solid #9FBEDD;	
}

table.htf-blue thead th
{
	background: #9FBEDD;
	color: #FFFFFF;
	border-top:1px solid #9FBEDD;
	border-right:1px solid #9FBEDD;
	padding: 4px 0.4em 4px 0.4em;	
	font-weight: bold;
}

table.htf-blue tr
{
}

table.htf-blue tbody td, table.htf-blue tbody th {
	border-right:1px solid #9FBEDD;
	border: 1px solid #9FBEDD;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

table.htf-blue tbody tr.odd td, table.htf-blue tbody tr.odd th {
	background-color: #D9ECFF;
}

table.htf-blue tbody th{	
	font-weight: bold;	
	border-left:1px solid #2293FF
}

/* @end HTFTable Styling */

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

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

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


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

/* @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: #333333;
	font-weight: normal;
	height: 100%;
}

.mceContentBOdy {
	font-size: 12px;
	line-height: 17px;
}

/* @end RTE Backend Styling  */