@charset "utf-8";
/* --- */
a { color: #666666; }

body {
	background-color: transparent;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	border: 0;
	color: #666666;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

body, div, table {
	color: #666666;
	font: 14px Arial, Helvetica, sans-serif;
}

body, form { margin: 0; padding: 0; }

/* --- */
br.both { clear: both; }

br.left { clear: left; }

br.none { display: none; }

br.right { clear: right; }

/* --- */
/* --- footer1 */
div#footer1 {
	background-color: #FFFFFF;
	color: #000;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100px;
	margin: 0px auto 0px auto;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

div#footer1 .column { float: left; width: 6px; }

div#footer1 .column1, div#footer1 .column4 { float: left; width: 217px; /* columns 1,4 - 220-3px */ }

div#footer1 .column2, div#footer1 .column3 { float: left; width: 214px; /* columns 2,3 - 220-6px */ }

/* --- footer2 */
div#footer2 {
	background: transparent url(../images/footerBG.png) no-repeat top center;
	height: 73px;
	margin: 0 auto 0 auto;
}

div#footer2 a { color: #eeeeee; }

div#footer2 div { color: #eeeeee; }

/* --- footer2 menu */
div#footer2 ul { list-style: none; margin: 0; padding: 0; color: #eeeeee; }

div#footer2 ul li { display: inline; float: left; color: #eeeeee; }

div#footer2 ul li a { display: block; padding: 6px; text-decoration: none; color: #eeeeee; }

div#footer2 ul li a.active, div#footer2 ul li a:hover {
	background: transparent;
	color: #FFFFFF;
}

/* --- */
/* --- header1 */
div#header1 {
	background: transparent url(../images/headerBG.png) no-repeat;
	height: 180px;
	margin: 0 auto 0 auto;
	width: 1083px;
}

div#header1 a { color: #666666; }

div#header1 div { color: #666666; }

/* --- header1 menu */
div#header1 ul { list-style: none; margin: 0; padding: 0; }

div#header1 ul li { display: inline; float: left; }

div#header1 ul li a { display: block; padding: 6px; text-decoration: none; }

div#header1 ul li a.active, div#header1 ul li a:hover { background: #cd202c; color: #ffffff; }

/* --- header2 */
div#header2 { background: #ffffff; }

div#header2 div#flash { : ; /*background: #669933; min-height: 180px;*/ }

div#header2 div#no_flash { : ; /*background: #669933; min-height: 80px;*/ }

/* --- main */
div#main {
	background: transparent url(../images/containerBG.png) repeat-y;
	margin: 0 auto 0 auto;
	min-height: 700px;
	width: 1083px;
}

div#main .column { float: left; width: 6px; }

/* --- main a (not used) */
/* --- div main in body  */
div#main .column1a {
	float: left;
	padding-right: 80px; /* column 1 - 350-80-3px */
	width: 267px;
}

/* --- main b */
div#main .column1b { float: left; width: 217px; /* column 1 - 220-3px */ }

/* --- main c */
div#main .column1c { float: left; width: 437px; /* column 1 - 440-3px */ }

div#main .column2a { float: left; width: 434px; /* column 2 - 440-6px */ }

div#main .column2b { float: left; width: 657px; /* column 2 - 660-3px */ }

div#main .column2c { float: left; width: 437px; /* column 2 - 440-3px */ }

div#main .column3a { float: left; width: 217px; /* column 3 - 220-3px */ }

/* --- main related */
div#main ul.menu { list-style: none; margin: 0; padding: 0; }

div#main ul.menu li { display: inline; }

div#main ul.menu li a { display: block; padding: 6px; text-decoration: none; }

div#main ul.menu li a.active, div#main ul.menu li a:hover { background: #000000; color: #ffffff; }

/* --- menu */
div#menu {
	background: #cd202c;
	height: 100px;
	margin: 0 auto 0 auto;
	width: 1083px;
}

div#menu a { color: #ffffff; }

div#menu div { color: #ffffff; }

div#menu ul { list-style: none; margin: 0; padding: 0; }

div#menu ul li { display: inline; float: left; }

div#menu ul li a { display: block; padding: 6px; text-decoration: none; }

div#menu ul li a.active, div#menu ul li a:hover { background: #000000; color: #ffffff; }

div.breadcrumbs {
	font: 12px Arial, Helvetica, sans-serif;
	margin-right: 15px;
	margin-top: -25px;
	text-align: right;
}

div.flash_wrapper { float: right; margin: 0; width: 700px; height: 168px; }

div.left { float: left; }

div.logo {
	float: left;
	margin-left: 55px;
	margin-top: 24px;
	width: 228px;
}

div.right { float: right; }

/* --- wrapper in body - div main - div wrapper - then the page content starts */
div.wrapper {
	background: transparent;
	color: #666666;
	padding: 38px 26px 0 34px;
	text-align: left;
}

div.wrapper a { color: #666666; }

div.wrapper2 {
	background: transparent;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 0;
	padding-top: 34px;
	text-align: left;
	width: 1083px;
	color: #ffffff;
}
div.wrapper2 a { color: #ffffff; }

h1 {
	color: #cd202c;
	font: italic 19pt Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

h2 {
	color: #000000;
	font: italic 16pt Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 28px;
}

h3 {
	color: #cd202c;
	font: italic 15pt Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

h4 {
	color: #cd202c;
	font: italic 11pt Arial, Helvetica, sans-serif;
	line-height: 24px;
}

h5, h5 a {
	color: #cd202c!important;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 24px;
}

h6 {
	color: #666666;
	font: bold 10pt Arial, Helvetica, sans-serif;
}

html>body #footer { margin: 0px auto 0px auto; }

input, select, textarea { color: #666666; font: 8pt Verdana, Geneva, sans-serif; }

/* --- */
input.submit {
	background: #cd202c;
	border: 0;
	color: #fdf4dd;
	padding: 3px;
}

input.text, textarea.text {
	background: #f4f4f4;
	border: 1px solid #dcd4c0;
	padding: 3px;
}

input.text:focus, textarea.text:focus { border: 1px solid #d2cab7; /* IE not supported */ }

p {
	color: #666666;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 24px;
}

textarea.text {
	font: 8pt "Courier New", Courier, monospace;
	width: 99.1%;
}

ul.tree li {
	background: url(../images/tree/list.gif) no-repeat left center;
	padding-left: 20px;
}

ul.tree li.child {
	background: url(../images/tree/closed.gif) no-repeat left top;
	cursor: hand!important;
	cursor: pointer!important;
}

ul.tree li.child ul { display: none; }

ul.tree li.child ul li { margin-left: -15px; }

/* --- ddtreemenu */
ul.tree, ul.tree li.child ul { list-style: none; margin: 0; padding: 0; }

.adjustTOPmargin { margin-top: -15px; }

/* --- */
.c1 { color: #000000; }

.cp_active { }

/* --- cpanel */
.cp_column { }

.cp_no column { }

.cp_no_active { }

.description {
	color: #000000;
	font: 16pt Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 28px;
}

.fltlft { float: left; margin-right: 8px; }

.fltrt { float: right; margin-left: 8px; }

/* --- */
.icon { float: left; padding-right: 6px; }

.leftcolumn { background: transparent; width: 251px; }

.leftcolumn .leftcolumntext { padding: 0 17px 0 34px; }

.message { color: #ff0000; }

.p3 { padding: 3px; }

.p6 { padding: 6px; }

.p6 a { color: #666666; }

.r1 { color: #000000; }

.rightcolumntext { padding: 49px 26px 0 34px; }

.tags blockquote {
	background: #f4f4f4;
	border: 1px solid #dcd4c0;
	margin: 0;
	padding: 5px;
	text-align: justify;
}

/* --- custom code for interactcomm */
.threeCOLUMN {
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 1023px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}

.threeCOLUMN #mainContent {
	margin: 0 267px 0 217px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 32px 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 488px;
}

.threeCOLUMN #mainContentBuzz {
	margin: 0 267px 0 117px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 32px 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 589px;
}

.threeCOLUMN #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	padding: 0 17px 0 0; /* padding keeps the content of the div away from the edges */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.threeCOLUMN #sidebar1 p { letter-spacing: 1px; line-height: 10px; }

.threeCOLUMN #sidebar1 p a { letter-spacing: 1px; line-height: 10px; }

.threeCOLUMN #sidebar1Buzz {
	float: left; /* since this element is floated, a width must be given */
	padding: 0 17px 0 0; /* padding keeps the content of the div away from the edges */
	width: 100px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.threeCOLUMN #sidebar2, .twoCOLUMN #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	padding: 0 0 0 28px; /* padding keeps the content of the div away from the edges */
	width: 239px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

/* --- */
.title {
	color: #cd202c;
	font: 19pt Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
}

.topSLOGANposition a, .rightcolumntext a, #mainContent a, #mainContentBuzz a, #sidebar2 a, #sidebar1 a, #sidebar1Buzz a {
	color: #666666;
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-decoration: none;
}

.twoCOLUMN #mainContent {
	margin: 0 267px 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 32px 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 488px;
}

#footer1 a { color: #000000; text-decoration: none; }

#footer1 a:hover { color: #cd202c; }