body {
	background-image:   url(/ccp/img/bg_ad.png); 
	width:auto;
	background-color:#000000; 
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	margin-top:0;
	
}

.headerBG {
	background-color:#000;
}

.mainContentBG {
	background-image: url(dot.png);  

}

.tabsBG{
	background-color:#000;
}

/* FAQs */

.horImgBorder {
	background-color:#333;
	border: 5px #333 solid;Z`fy
        padding-bottom: 10px;	
}

hr.faq { /* Color of horizontal rule bar */
	color:#FFF;
}

.faqHeaderBG {
	background-color:#333;
}

.faqContentBG {
	background-color:#CCC; 
}
.horImgfaq {
        background-color:#333;
        border:5px solid #333;
        margin-top:-30;
        margin-left:5;
}

/* BRAIN BREAK */

.bbBorder{
	border: 1px #000 solid;
}

/* COMING SOON ALTERNATING ROW COLORS */
.rowDark {
	background-color:#999;
}

.rowLight {
	background-color:#CCC;
}

/* SALES SKILLS */

.answerBorder{
	border: 1px #333 solid;
}

.answerHeaderBG {
	background-color:#333;
}

.answerBG {
	background-color:#CCC; 
}

.footerBG {
           background-image: url(../img/IMAGE.png);
		   font-weight:bold;
}

/* FOOTER BACKGROUND 
.footerBG {
	background-color:#222; 
}
*/


/* CSS COMING SOON TABS NAVIGATION*/

div#nav{
	width: 100%;
	text-align: center;
	padding: 0;
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif;
	height: 1.7em;
	vertical-align:text-bottom;
	border-bottom: 0px solid #000000;
}

div#nav ul{
    margin:0;
    padding:0;
}

div#nav li{
	float: left;
    list-style: none;
    margin: 0;
    margin-right: 1px;
    padding: 0 0 0 24px;
    white-space:  nowrap;
    line-height: 1.5em;
    background: #000000 url(/connections/img/tab_off.gif) 0 0 no-repeat;
    color: #fff;
    width: auto;
}
 
div#nav li a{
    display: block;
    padding: 0.1em 24px 0.1em 0;
    text-decoration: none;
    color: #000000;
    background: #000000 url(/connections/img/tab_off.gif) no-repeat 100% 0;
}

div#nav li.selected{
    background: #000000 url(/connections/img/tab_on.gif) 0 0 no-repeat;
}

div#nav li.selected a{
	color: #FFFFFF;
    background: #000000 url(/connections/img/tab_on.gif) 100% 0 no-repeat;
}


/* CSS TABS NAVIGATION*/
.thicktabs {
font: 11px "Century Gothic", Arial, Helvetica, sans-serif;
}

.thicktabs a {
color: white;
padding: 1px 10px; 
font: 11px "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none;
background: transparent url(/connections/img/bluebg.gif) top right no-repeat;
border-top: 0px solid #d3bdbe; /*top border style*/
}

.thicktabs a:visited{
color: white;
}

.thicktabs a:hover{
color: #969696;
background-image:  url(/connections/img/bluebgover.gif); /*background image swap on hover*/
}

/*CSS TEXT*/


.bulletsul li {
color: #000;
}

a.list:link {color: #000;
font: 14px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
}

a.list:visited {color: #000;
font: 14px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
}

a.list:hover {color: #000; 
font: 14px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
}

a.faq:link {color: #000;
font: 14px/16pt "Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold;
}

a.faq:visited {color: #000;
font: 14px/16pt "Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold;
}

a.faq:hover {color: #d7bf50; 
font: 14px/16pt "Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold;
}

a.back:link {
color: #000;
font: 12px/16pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.back:visited {color: #000;
font: 12px/16pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.back:hover {color: #000; 
font: 12px/16pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none;
}

.prog p {
margin:10px;
}

.prog a:link {color: #000; 
font: 11px/6pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: underline; font-weight:bold;
}


.prog a:visited {color: #000; 
font: 11px/6pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: underline; font-weight:bold;
}

.prog a:hover {color: #d7bf50;
font: 11px/6pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;
}

.proghead {
color: #000;
font: 24px/16pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;
	
}

.progsubhead {
color: #000;
font: 20px/16pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;	
}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}


.termtext {
	color: #000000;
	font: 10px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}

.termtext a:link, .termtext a:visited, .termtext a:hover, .termtext a:active {
	color: #000000;
	font: 10px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	
}

.pageheaderBG {
	background-color:#000000;
}

.pageheader {
color: #d7bf50;
padding: 20px 10px; 
font: 20px/30pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none;
}

.faq_text{
color:  #FFFFFF;
font: 12px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;

}
.faq_blacktext{
color: black;
font: 12px/15pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;

}

.ret_header{
color: #000000;
font: 16px/20pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;

}

.ret_text{
color: black;
font: 14px/10pt "Century Gothic", Arial, Helvetica, sans-serif;
text-decoration: none; font-weight:bold;

}

.ret_boxtitle{
color: white;
font: 14px Arial;
text-decoration: none;

}

.ret_boxbold{
color: black;
font: 12px Arial;
text-decoration: none;

}

.ret_box{
font: 12px Arial;
text-decoration: none;

}

.bodytext {
	color:#000000;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.bodytextwhite {color:#FFFFFF;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;}
.bodytextsmall {color:#000000;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none;}
a.inline:link {color:#000000;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:underline;}
a.inline:active {color:#009900;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:underline;}
a.inline:visited {color:#000000;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:underline;}
a.inline:hover {color:#009900;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:12px;text-decoration:underline;}
.dateitalic {color:#000000;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none;font-style:italic;}
.copyright {color:#999999;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:9px;text-decoration:none;}

.soonw, .soonw a:link, .soonw a:visited, .soonw a:hover, .soonw a:active {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	
}

.soondescw{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#000000;
	font-size:10px;
}


.soondatew{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

/*Drop-Down Menu*/
.dropdown {
position:absolute;
visibility: hidden;
border:1px solid #969696;
border-bottom-width: 0;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height: 18px;
z-index: 100;
text-align:left;
width: 150px;
}

.dropdown a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #969696;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
text-align:left;
color:#ffffff;
}

.dropdown a:hover{ /*hover background color*/
background-color: #FFFFFF;
color: 969696;
}

/*Programming Highlights*/
.programmingTable {
	height:500px;
	
}

/*FAQ*/

.accordion {
    padding-left:5px;
    padding-right:5px;
    padding-bottom: 100px;
}
.accordion h3 {
	background: #333 url(../img/arrow-square.gif) no-repeat right -51px;
	padding: 7px 20px;
	margin: 0;
	font: bold 13px "Century Gothic", Arial, Helvetica, sans-serif;
	border: solid 1px #999;
	border-bottom: none;
	cursor: pointer;
        color: #fff;
}
.accordion h3:hover {
	background-color: #666666;
        color: #ffcd1f;
}
.accordion h3.active {
	background-position: right 5px;
	background-color: #666666;
	color: #ffcd1f;
}
.accordion p {
        background: #f7f7f7;
	margin: 0;
	font: 13px "Century Gothic", Arial, Helvetica, sans-serif;
	padding: 10px 15px 10px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
    margin-bottom: 10px;
}