@charset "utf-8";
/* CSS Document */

body {
	background:url(images/background.jpg) repeat-x top left;
	background-color:#E0E0E0;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top:0;
}

img {
	border:none;
}

hr {
	color:#DDD;
	background-color: #DDD;	
	border:none;
	height:1px;
	padding: 0;
	margin: 20px 0 20px 0;
}

h1 {
	color: #5A4099;	
	font-size: 13pt;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

h2 {
	margin: 0;
	padding:10px 0 0 15px;
	font-size: 12pt;
	color:#666;
}

h2#alerts {
	background: url(images/iconAlerts.jpg) no-repeat bottom left;
	margin-left: 10px;
	padding-left: 27px;
}

h2#cbl {
	background: url(images/iconCBL.jpg) no-repeat bottom left;
	margin-left:10px;
	padding-left:27px;
}

h2#downloads {
	background: url(images/iconDownloads.jpg) no-repeat bottom left;
	margin-left:10px;
	padding-left:27px;
}

h2#rss {
	background: url(images/iconRSS.jpg) no-repeat bottom left;
	margin-left:10px;
	padding-left:27px;
}

h2#webcasts {
	background: url(images/iconWebcasts.jpg) no-repeat bottom left;
	margin-left:10px;
	padding-left:27px;
}

h2.maxit {
	color:#5A4099;	
}

h3 {
	margin:0;
	padding: 0 15px;
	font-size: 10pt; 
	color: #4A525F;
	clear:both;
}

h3.about { 
	text-transform:uppercase;
	color:#F68933;
}

#pagesColumn2 h3 {
	padding: 10px 0 0 0;
}

h4 {
	font-weight:bold;
	color:#666;
	font-size: 9pt; 
	padding: 10px 0 2px 10px;
	margin:0;
}

h5 {
	color: #F68933;
	font-weight:bold;
	font-size:10pt;
	margin:0;
	padding:5px 0;
}


a  {
	color:#0088cc;	
	text-decoration:none;
}

a:hover {
	text-decoration:underline;	
}


#shadow {
	width: 1022px;	
	margin-left: auto;
	margin-right: auto;
	background: url(images/dropShadow.png) repeat-y top left;
}

#topHeader {
	width: 1000px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1000;
}

#menuHeader {
	width: 1000px;
	height: 173px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1000;
}

#container { 
	width: 1000px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding:30px 0;
	overflow:hidden;
}

ul.custom {
	font-size: 9pt;
	padding:10px 0 0 15px;
	margin:0;
	color:#666666;
	list-style-type: none;
	line-height:1.6em;
}


ul.custom li {
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0 0 0 10px;
}

.maxit ul.custom {
	line-height: normal;
}


/*  I N D E X  S T Y L I N G  */
#indexColumn1{
	width: 620px;
	height: 200px;
	margin-left: 30px;
	float: left;
	display:inline; /*this is a hack for IE6*/
}

#indexColumn2 {
	width: 300px;
	height: 200px;
	margin: 0 0 30px 20px;
	float: left;
}

.indexColumns {
	width: 220px;
	margin-left: 20px;
	float: left;
}

#boxTop {	
	width: 220px;
	background: url(images/boxTop220.jpg) no-repeat top left; 
}

#boxTopWide {	
	width: 300px;
	background: url(images/boxTop300.jpg) no-repeat top left; 
}

#boxTop.bottom {	
	margin-top: 20px;
}

#boxBottom {	
	width: 220px;
	height:230px;
	background: url(images/boxBottom220.jpg) no-repeat bottom left;
}

#boxBottomWide {	
	width: 300px;
	height:171px;
	background: url(images/boxBottom300.jpg) no-repeat bottom left;
}

#boxBottom.maxit {	
	width: 220px;
	height:230px;
	background: url(images/boxBottomMaxit.jpg) no-repeat bottom left;
}

#boxBottom.short {	
	height:80px;
	padding-top:10px;
}

#boxBottom p {
	margin:0;
	padding:0 10px 5px 10px;
	font-size:9pt;
}

#dynamicAds {
	height:260px;
	width:220px;
}

.indexColumns.col1 {
	margin-left:30px;
}

.indexColumns.col3 p {
	margin:0 0 20px 0;
	padding:10px;
	height:70px;
	background: url(images/boxBottom220.jpg) no-repeat bottom left;
}

#indexColumn2 .top {
	background: url(images/boxTop300.jpg) no-repeat top left;
}

#boxBottom ul li {
	width:190px;
}

img.floatLeft {
	float:left;
	margin:10px;
}


/*  I N S I D E  P A G E  S T Y L I N G  */
#pagesColumn1 {
	width:150px;
	margin-top:10px;
	background: #FFF;
	float:left;
}

#pagesColumn2 {
	width:540px;
	margin: 10px 35px 0 35px;
	background: #FFF;
	float:left;
	line-height:1.6em;
}

#pagesColumn2 a,
#pagesColumn2 a:link,
#pagesColumn2 a:visited,
#pagesColumn2 a:active {
	text-decoration:none;
	color: #0088cc;
}

#pagesColumn2 a:hover {
	text-decoration:underline;
}

#pagesColumn2 ol {
	margin:0;
	padding:20px 0 0 20px;
	//padding-left:25px  /*IE hack*/
}

#pagesColumn2 ol li {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#F68933;
}

#pagesColumn2 ol p {
	padding:0;
	margin:0 0 20px -20px;
	font-weight:normal;
	color:#666666;
}

#pagesColumn3 {
	width:220px;
	margin-top:10px;
	margin-right:5px;
	background: #FFF;
	float:left;
	font-size: 8.5pt;
}

table {
	width:540px;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table tr.rowHeader { 
	background: url(images/tableBack.png) repeat-x;
	font-weight:bold;
	color: #5A4099;
}

td {
	border: solid 1px #D5D5D5;	
	padding:2px 10px;
	border-collapse:collapse;
}

.date {
	color:#666666;
	width:75px;
	float:left;
	font-size:9pt;
	line-height:140%;
}

.headline {
	color:#666666;
	margin-left:75px;
	padding-bottom:12px;
	line-height:140%;
	font-size:9pt;
}

.eventsLeft {
	float:left;
	width:320px;
	padding-right:20px;
}

.eventsRight {
	float:left;
	width:198px;
	background:#F1F1F1;
	padding-bottom:10px;
	margin-top:1.5em;
	border:1px solid #CCC;
}

/*  F O O T E R  S T Y L I N G  */
#footerInclude {
	width: 1000px;
	height:70px;
	clear:both;
	padding-top:20px;
}

#footer {
	width:1000px;
	padding:0;
	font: 7pt Arial, Helvetica, sans-serif;
	color: #A4A4A4;
}

hr#footerHeader {
	color:#DDD;
	background-color: #DDD;	
	border:none;
	height:1px;
	padding: 0;
	margin: 10px 0 10px 0;
	//margin-bottom:0; /*IE hack because IE gives HR additional padding/margin */
}

#footer .footerNav {
	margin: 0 0 0 10px;
	line-height:200%;
	width: 900px;
	float:left;
	display: inline; /* ie6 double float margin bug */
}

#footer .footerNav a {
	text-decoration: none;
	color: #5A4099;
}

#footer .footerNav a:hover {
	text-decoration: underline;
}


/* SITEMAP */
#pagesColumn2 ul.sitemap {
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
	clear:left;
}

#pagesColumn2 ul.sitemap li {
	float:left;
	padding: 0 20px 0 0;
}

#pagesColumn2 ul.sitemap li a {
	font-size:11px;
}

#pagesColumn2 ul.sitemap li a:hover {
	text-decoration:underline;
}


/* Left Sidebar */

.listexpander{width:150px;}

.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}

.listexpander ul{
	display:none;
}

.listexpander li{
	border-top: solid 1px #DEDEDE;
	cursor:default;
	line-height:120%;
	padding:17px 0 17px 15px;
	width:135px;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:500;
}

.listexpander li a {
	text-decoration:none;
	color:#f68933;
	display:block;
}

.listexpander li a:hover {
	color:#5A4099;
}

.listexpander li li {
	width:130px;
	text-indent:0;
	padding:6px 0 6px 0;
	border:none;
}

.listexpander li li a {
	color:#8c8c8c;
}

.listexpander li li a:hover {
	color:#5A4099;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li.collapsed{background:#FFF url(images/plus.gif) no-repeat top right;} 
.listexpander li.expanded{background:#FFF url(images/minus.gif) no-repeat top right;}

/* Current Page Highlight */
body.cbrOverview a#cbrOverview,
body.cbrQuestions a#cbrQuestions,
body.cbaMaxit a#cbaMaxit,
body.cbaData a#cbaData,
body.cbaCBE a#cbaCBE,
body.resources a#resources,
body.newsLatest a#newsLatest,
body.newsEvents a#newsEvents,
body.acceptance a#acceptance,
body.aboutOverview a#aboutOverview,
body.aboutContact a#aboutContact {
	color:#5A4099;
}

body.newsLatest ul#expandArchives {
	display:block!important
}*/

/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */


/*  TOP MENU and HEADER CSS  */

.topHeader{
	height:55px;
	width:1000px;
	background:#FFF;
}

.menuHeader {
	height:133px;
	width:1000px;
	background: #FFFFFF;
}

#upperNav {
	width: 190px;
	position:absolute;
	top:10px;
	left: 800px;
}

#upperNav img {
	padding-right: 0.4em;
	padding-left: 0.8em;
}

.topHeader a, .topHeader a:link, .header a:visited {
	font-size: 8pt;
	color: #5A4099;
	text-decoration: none;
}

.topHeader a:hover {
	text-decoration: underline;
}

/* style the outer div to give it width */
.menu {
	width: 1000px;
	height:40px;
	background: url(images/menuBackground.png) repeat-x;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width: 1000px;
	height:40px;
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #4A535F;
}


/* style the sub-level lists */
.menu ul ul {
	width:18em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	height:40px;
	list-style-image:none;
	/*line-height:3em;*/
}

/* style the sub level list items */
.menu ul ul li {
	display:block;
	width:20em;
	height:auto;
	position:relative;
	z-index:1000;
	line-height:1em;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-decoration:none;
	color:#4A535F;
	padding-top:13px;
	padding-right: 10px;
	padding-left: 10px;
	height:27px;
}

/* style the sub level links */
.menu ul ul{
	margin-top:8px;
}

.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background:#ECECEC; 
	color:#4A535F;
	width:18em;
	height:100%;
	line-height:1.5em;
	padding:0.5em 1em;
}

.menu ul table ul a, .menu ul table ul a:visited  {
	width:18em; 
	w\idth:18em;
}

.menu ul ul li a.drop {background: #ECECEC url(images/menuArrow.gif) no-repeat right center;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ECECEC;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ECECEC;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ECECEC;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ECECEC;}

/* style the level hovers */
/* first */
.menu a:hover {
	color:#FFF;	
	background: url(images/menuBackgroundHover.png) repeat-x;
}

.menu :hover > a {
	color:#FFF;	
	background: url(images/menuBackgroundHover.png) repeat-x;
}

/* second */
.menu ul ul a:hover{
	color:#F68933; 
	background:#F6F6F6;
}

.menu ul ul :hover > a {
	color:#F68933; 
	background:#F6F6F6;
}

.menu ul ul li a.drop:hover {background: #F6F6F6 url(images/menuArrow.gif) no-repeat right center;}


/* third */
.menu ul ul ul a:hover {background:#F6F6F6;}
.menu ul ul ul :hover > a {background:#F6F6F6;}

/* fourth */
.menu ul ul ul ul a:hover {background:#F6F6F6;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:3em;
	left:0;
	width:18em;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:20em;
	top:0;
	width:18em;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible; 
	height:auto; 
	padding-bottom:3em;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* Current Page Highlight */
body#cbrLaw a#cbrNav,
body#cbAutomation a#cbaNav,
body#resources a#resourcesNav	,
body#news a#newsNav,
body#blog a#blogNav,
body#about a#aboutNav {
	color:#FFF;	
	background: url(images/menuBackgroundHover.png) repeat-x;
}