@media print {
  	* {
  	background-color: white !important;
  	background-image: none !important;
  	}
}

/******* hyperlink and anchor tag styles *******/

/* Sets color of links both visited and unvisited*/
a:link {
	color: #005FA9;
	text-decoration: none;
	}

a:visited {
	text-decoration: none;	
	}


/* Sets the underline to appear when mousing over an active link*/
a:hover{
	text-decoration: underline;
	}

/* Sets all tables to have a one pixel solid black border*/

.siteheadline {
	font-size: 15px;
	font-weight: bold;
	}

.siteheadlinesmall {
	font-size: 12px;
	font-weight: bold;
	}
	
/************** header tag styles **************/
body {
	margin:0px;
	background:#ffffff;
	color: #333333;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

/* Sets all h1 tags to be 120% of the standard font */
h1	{
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}

/* Slot for top banner */
#topbanner {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	}

h2 {
	font: bold 114% Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0px;
	padding: 0px;
	}

h3 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}

h4 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	}

h5 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}

#outer {
	z-index: 1;
	width:760px;
	text-align:left;
	border:0px solid #000000;
	}

/*for Opera*/
html > body #outer {
  width:760px;
  }
  
#hdr {
	height:85px;
	z-index: 100;
	background-image:  url("/cbot/pub/siteimages/glblnav_selected.gif");
	}

#bodyblock {
	background: #ffffff;
	color: #333333;
	width:760px;
	padding:0;
	height: 80%;
	z-index: 2;
	visibility: inherit;
	}
	
.globe {
	display: none;
	
}


/************** main homepage tag styles **************/
/* Makes the homepage headlines not wrap */
ul.homepageproductLinks {
	list-style-image: url(/cbot/pub/siteimages/bullet2.jpg);
	list-style-type: disc;
	padding-left: 0;
	line-height:-1;
	margin-left:18;
	margin-top:-18;
	}

/* Sets the frontpage main content and headlines area*/
#mainhomebodyblock {
	background: #FFFFFF;
	color: #333333;
	width:746px;
	position:relative;
	padding:0;
	}

#mainhomebodyblockHomePage {
	background: #FFFFFF;
	color: #333333;
	width:760px;
	position:relative;
	padding:0;
	}

/* Sets the frontpage quote component*/
#mainhomeright {
	float:right; 
	position: relative;
	width:290px;
	background:#ffffff;
	color: #333333;
	border:solid #000000;	
	border-width:0 0 0 0px;
	}

/* This is the banner ad under the quote component on the homepage*/
#mainhomebannerright {
	float:right; 
	position: relative;
	width:265px;
	background:#FFFFFF;
	color: #333333;
	margin-right: 12px;
	margin-left: 12px;
	}
  
#mainhomeleftnav {
	float:left;
	position: relative;
	width:448px;
	}
  
#mainhomeleftcont{
	margin: 0px;
	padding: 0px;
	}

#mainhomepageheadlines {
	width:420px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	padding: 12px;
	}
	
	
.homepageheadline {
	font-size: 16px;
	font-weight: bold;
	}

.homepageheadlineWhite a:link{
	font-size: 18px;
	font-weight: bold;
	font-color: #FFFFFF;
	color: #FFFFFF;
	}

.homepageheadlineWhite a:visited{
	font-size: 18px;
	font-weight: bold;
	font-color: #FFFFFF;
	color: #FFFFFF;
	}	
	
.homepageheadlinedesc {
	font-size: 12px;
	text-indent: 5pt;
	line-height: 16px;
	}
		
.homepagesmallheadlines {
	font-size: 10px;
	}

/* Sets homepage product complex titles (ag, ir, dow, metals) */
.homepageproductTitle {
	font-size: 16px;
	font-weight: bold;
	}
	
a.homepageproductTitle: hover {
	text-decoration: underline;
	}
	
.homepageproductTitleSMall {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}

/* Floats the product image on the homepage next to each complex name */
.homepageproductImage {
	float: left;
	width: 60px;
	padding-left:25px;
	padding-right:8px;
	padding-top:20px;
	padding-bottom:8px;
	clear:left;
	}
  
.homepageproductArticle {
	float: left;
	width: 325px;
	padding: 8px;
	}
	
#homepageproductRightData {
	align: center;
	}
	
/* Clearing Homepage */
#homepageClearingheadlines {
	width:500px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
	padding: 12px;
	}

#homepageClearingRightData {
	float: right;
	width: 210px;
	padding: 8px;
	height:100%;
	}

/* News Homepage */
DIV.homepageNewsNavigation {
	position:absolute;
	width:0px;
	left: 1px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 1px;
	}

#homepageNewsRight {
	position:absolute;
	top:35px;
	right: 0px;
	width:20%;
	background-color: #FFFFFF;
	text-align: left;
	}

#homepageNewsheadlines {
	background-color: #FFFFFF;
	text-align: left;
	padding: 47px 1px 0px;
	width:385px;
	margin:52px 0 0 132px;
	}
	
/* Market Data Homepage */
DIV.homepageDataNavigation {
	position:absolute;
	width:150px;
	left: 1px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 1px;
	}
	
#homepageDataRight {
	position:absolute;
	top:35px;
	right: 0px;
	width:20%;
	background-color: #FFFFFF;
	text-align: left;
	}
	
#homepageDataheadlines {
	background-color: #FFFFFF;
	text-align: left;
	padding: 47px 1px 0px;
	width:350px;
	margin:52px 0 0 180px;
	}


/* About Homepage */
DIV.homepageAboutNavigation {
	position:absolute;
	width:0px;
	left: 1px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 1px;
	}

#homepageAboutRight {
	position:absolute;
	top:35px;
	right: 0px;
	width:20%;
	background-color: #FFFFFF;
	text-align: left;
	}

#homepageAboutheadlines {
	background-color: #FFFFFF;
	text-align: left;
	padding: 47px 1px 0px;
	width:350px;
	margin:52px 0 0 190px;
	}


/* Education Homepage */
DIV.homepageEducationNavigation {
	position:absolute;
	width:130px;
	left: 1px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 1px;
	}

#homepageEducationRight {
	position:absolute;
	top:35px;
	right: 20px;
	width:20%;
	background-color: #FFFFFF;
	text-align: left;
	}

#homepageEducationheadlines {
	background-color: #FFFFFF;
	text-align: left;
	padding: 0 1px 0px;
	margin:52px 32% 0 132px;
	}

/* Sets the gradient on the ag home page */
#homepagegradientag {
	z-index: 3;
	float: right;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:17px;
	width:300px;
	background:#ffffff;
	color: #333333;
	border:solid #000000;	
	border-width:0 0 0 1px;
	font-size:80%;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#cc9933,endColorStr=#ffffff); 
	}
  
  #homepagegradientir {
  	z-index: 3;
  	float: right;
  	padding-top:10px;
  	padding-left:10px;
  	padding-bottom:10px;
  	padding-right:17px;
  	width:300px;
  	background:#ffffff;
  	color: #333333;
  	border:solid #000000;	
  	border-width:0 0 0 1px;
  	font-size:80%;
  	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#618455,endColorStr=#ffffff); 
	} 
  
  #homepagegradientdow {
  	z-index: 3;
  	float: right;
  	padding-top:10px;
  	padding-left:10px;
  	padding-bottom:10px;
  	padding-right:17px;
  	width:300px;
  	background:#ffffff;
  	color: #333333;
  	border:solid #000000;	
  	border-width:0 0 0 1px;
  	font-size:80%;
  	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6699FF,endColorStr=#ffffff); 
	} 
  
  #homepagegradientmetals {
  	z-index: 3;
  	float: right;
  	padding-top:10px;
  	padding-left:10px;
  	padding-bottom:10px;
  	padding-right:17px;
  	width:300px;
  	background:#ffffff;
  	color: #333333;
  	border:solid #000000;	
  	border-width:0 0 0 1px;
  	font-size:80%;
  	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666666,endColorStr=#ffffff); 
  	} 
  
  #homepagegradientproducthome {
  	z-index: 3;
  	float: right;
  	padding-top:10px;
  	padding-left:10px;
  	padding-bottom:10px;
  	padding-right:17px;
  	width:300px;
  	background:#ffffff;
  	color: #333333;
  	border:solid #000000;	
  	border-width:0 0 0 1px;
  	font-size:80%;
  	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#636BA5,endColorStr=#ffffff); 
  	} 

#homepageClearingImage {
	width:25%;
	float: left;
	padding: 12px;
	text-align: right;
	}
	
DIV.pubimageLeft2 {
	float: left;
	width: auto;
	padding: 8px;
	text-align: left;
	}

DIV.pubimageRight2 {
	float: right;
	width: auto;
	padding: 8px;
	text-align: left;
	}

/* Sets the top div gradient on the ag home page */
#bodyblock2 {
	background: #ffffff;
	color: #333333;
	width:760px;
	padding:0;
	height: 80%;
	z-index: 2;
	visibility: inherit;
	}

#leftnav {
	display: none;
	}
  
#cont {
	z-index: 3;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:3px;
	float:left; 
	width:637px;
	background:#ffffff;
	color: #333333;
	border:solid #000000;	
	border-width:0 0 0 0px;
	font-size:80%;
	height:100%; /* this is the key to fix the blue bar at the bottom! */
	}  
  
#ftr {
	display: none;
	}
  
#footer {
	display: none;
	}

  
div.row span.left {
	display: none;
	}

div.row span.right {
  	display: none;
  }

/************* Left Nav styles **************/
UL {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px
	}
	
/************* wrapper to align text NOT selected **************/
#navwrap1 {
	display:none;
	}

#navwrap2 {
	display:none;
	}

#navwrap3 {
	display:none;
	}

#navwrap4 {
	display:none;
	}

/************* wrapper to align text if selected **************/

#navwrap1Selected {
	display:none;
	}

#navwrap2Selected {
	display:none;
	}

#navwrap3Selected {
	display:none;
	}

#navwrap4Selected {
	display:none;
	}

/************* wrapper to align text NOT selected with pluses **************/
.navwrapPlus1 {
  display:none;
  }

.navwrapPlus2 {
  display:none;
  }

.navwrapPlus3 {
  display:none;
  }

.navwrapPlus4 {
  display:none;
  }

/************* wrapper to align text selected with pluses **************/

.navwrapPlus1Selected {
  display:none;
}

.navwrapPlus2Selected {
  display:none;
}

.navwrapPlus3Selected {
  display:none;
}

.navwrapPlus4Selected {
  display:none;
}

#navbutton {
	display:none;
	}
	
#navbutton UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	ORDER-TOP-STYLE: none;
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	LIST-STYLE-TYPE: none; 
	BORDER-BOTTOM-STYLE: none;
	}

#navbutton LI {
	MARGIN: 0px;
	BORDER-BOTTOM: #6B7BA3 1px solid;
	}

#navbutton LI A {
	BORDER-RIGHT: #6B7BA3 0px solid;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #6B7BA3 0px solid;
	WIDTH: 100%;
	COLOR: #fff;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #202679;
	TEXT-DECORATION: none;
	border-top-color: #000000;
	}

UNKNOWN {
	WIDTH: auto
	}
	
#navbutton LI A:hover {
	BORDER-RIGHT: #6B7BA3 0px solid;
	BORDER-LEFT: #6B7BA3 0px solid;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #6B7BA3;
	border-top-color: #6B7BA3;
	}
	
  /*************** search styles *****************/
  
  #search {
  	position: absolute;
  	top: 2px;
  	right: 10px;
  	z-index: 101;
  	left: 638px;
  	width: 126px;
  	}
  
  #search input {
    font-size: 70%;
    margin: 0px  0px 0px 10px;
  	}
 
/************* relatedLinks styles **************/
.relatedLinks{
	display: none;
	}

.relatedLinks h3 {
	display: none;
	}

.relatedLinks a {
	display: none;
	}
   
/************* story styles **************/
.storyTitle {
	line-height: 25px;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	}
	
.storyBody {
	font-size: 12px;
	}

.storyBodysmall {
	font-size: 10px;
	}

.storyBodyBold {
	font-size: 12px;
	font-weight: BOLD;
	}

.storyAuthor {
	font-size: 10px;
	color: #666666;
	}

.storyauthorPhone {
	font-size: 10px;
	color: #666666;
	}
	
.storypubDate {
	font-size: 10px;
	color: #666666;
	}

.dataHeader {
	font-size: 80%;
	font-weight: bold;
	background-color: #636BA5;
	text-align: left;
	vertical-align: top;
	background: #636BA5;
	color: #FFFFFF;
	border: 1px solid;
	color: #FFFFFF; 
	}

.dataHeaderTV {
	font-size: 24px;
	font-weight: bold;
	background-color: #636BA5;
	text-align: left;
	vertical-align: top;
	background: #636BA5;
	color: #FFFFFF;
	}

.dataHeaderTitleTV {
	font-size: 18px;
	font-weight: bold;
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	background: #000000;
	color: #FFFFFF;
	}
	
.dataHeaderWhite {
	font-size: 80%;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid;
	color: #000000; 
	}
	
.dataHeaderag {
	font-size: 80%;
	font-weight: bold;
	background-color: #CC9933;
	text-align: left;
	vertical-align: top;
	background: #CC9933;
	color: #FFFFFF;
	border: 1px solid;
	color: #000000; 
	}
	
.dataHeaderir {
	font-size: 80%;
	font-weight: bold;
	background-color: #618455;
	text-align: left;
	vertical-align: top;
	background: #618455;
	color: #FFFFFF;
	border: 1px solid;
	color: #FFFFFF;
	}
	
.dataHeaderdow {
	font-size: 80%;
	font-weight: bold;
	background-color: #6699FF;
	text-align: left;
	color: #FFFFFF;
	vertical-align: top;
	background: #6699FF;
	border: 1px solid;
	color: #000000; 
	}
	
.dataHeadermetals {
	font-size: 80%;
	font-weight: bold;
	background-color: #666666;
	text-align: left;
	color: #FFFFFF;
	vertical-align: top;
	background: #666666;
	border: 1px solid;
	color: #FFFFFF; 
	}

.dataHeaderProductName {
	line-height: 25px;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	}

.dataHeaderProductdatestamp {
	font-size: 10px;
	background-color: #FFFFFF;
	}

.dataDetails {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	background-color: #ffffff;
	vertical-align: top;
	}
.dataDetailsright {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	background-color: #ffffff;
	vertical-align: top;
	}
	
.dataDetailsTV {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #ffffff;
	vertical-align: top;
	}
	
.dataDetailsGrey {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	background-color: #ececec;
	vertical-align: top;
	}
.dataDetailsGreyright {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	background-color: #ececec;
	vertical-align: top;
	}
	
	
.dataDetailsBlack {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #000000;
	vertical-align: top;
	}
.dataDetailsBlackright {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background-color: #000000;
	vertical-align: top;
	}
	
.dataDetailsdarkGrey {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #333333;
	vertical-align: top;
	}

.dataDetailsdarkGreyright {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background-color: #333333;
	vertical-align: top;
	}

.dataDetailsWhite {
	color: #0000FF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #FFFFFF;
	vertical-align: top;
	}
dataDetailsWhiteright {
	color: #0000FF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background-color: #FFFFFF;
	vertical-align: top;
	}
	
.dataDetailsBlue {
	color: #0000FF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #CBCDE4;
	vertical-align: top;
	}

.dataDetailsBlueright {
	color: #0000FF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background-color: #CBCDE4;
	vertical-align: top;
	}
	
.dataDetailsHighlight {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	background-color: #FFFF99;
	vertical-align: top;
	}
.dataDetailsHighlightright {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background-color: #FFFF99;
	vertical-align: top;
	}

.dataDetailschangePlus {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #008000;
	text-align: right;
	vertical-align: top;
	}

.dataDetailschangeMinus {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	text-align: right;
	vertical-align: top;
	}

.dataDetailsTime {
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	}
	
.dataArticlesHeader {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	 padding: 8px;
	}
	
.dataArticlesLinks{
	font-size: 12px;
	padding: 16px;
	}

.dataSwitcherLinks {
	font-size: 11px;
	}
	
.dataSwitcherLinksOn {
	font-size: 11px;
	font-weight: bold;
	}

.dataArticleLinksDetails {
	font-size: 11px;
	font-weight: normal;
	padding-left: 26px;
	}
	
	pre {
	font-size: 12px;
	font-weight: normal;
	}
	
.monthWrap {
	width: 460px;
	}
	
.headlinewrap {
	width: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	}

	
/************* Special used to fix the barchart volume display **************/
TD.voltable {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff
	}

TD.voldata {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	color: #000000; 
	valign: middle;
	text-align: right
	}
	
/************* Data Tab styles **************/
/* Data tab styles are used to define the tabs above the quote table  on the product pages */
/* This sets the width of the tabs component */

#tabmenu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	width:484px;
	}

#tabmenu ul, #tabmenu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	}

#tabmenu a:link, #tabmenu a:visited	{
	background : #E8EBF0;
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-left: 1px solid #ccc;
	color : #000000;
	float : left;
	font-size : 10px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 3px;
	padding : 2px 5px 2px 5px;
	text-decoration : none;
	}

#tabmenu a:link.active, #tabmenu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	}
	
/************* 12/16 removed background: #ffffff; to fix the page display issue  **************/

#tabmenu a:hover	{
	color : #000000;
	}
	
 #tabmenu ul a:hover {
	color : #000000!important;
	}

#tabswitcher {
	background : #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top : none;
	margin : 0px;
	padding : 6px;
	width: 484px;
	}

/************* Chart styles **************/
TD.chart {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	valign: top;
	background-color: #CCCCCC;
	}
	
TD.chartright {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right;
	valign: top;
	background-color: #CCCCCC;
	}
	
TD.chartgreen {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #009900;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	valign: top;
	background-color: #CCCCCC;
	}
	
TD.chartred {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #990000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	valign: top;
	background-color: #CCCCCC;
	}
	
A.chartgreen {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #009900;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	valign: top;
	background-color: #CCCCCC;
	}

A.chartred {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #990000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	valign: top;
	background-color: #CCCCCC;
	}
	
.charton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: #CCCCCC;
	COLOR: #009900;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	valign: top
	}

.chartoff {
	FONT-SIZE: 11px;
	BACKGROUND: #CCCCCC;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	valign: top
	}

.xqfslogo {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
	}

TR.xqhomepage {
	BACKGROUND: #ffffff;
	LINE-HEIGHT: 15px
	}

/************* Image styles **************/
/* Sets images within content floated to the right */
#imgpubHomeRight {
   width: 50px;
   padding: 8px;
   float: right;
   clear: left;
   }
/* Sets images within content floated to the left */
#imgpubHomeLeft {
  width: 50px;
  padding: 8px;
  float: left;
}
/* Sets DIVs within content floated to the right with border */
DIV.pubimageRight {
  float: right;
  border: 1px silver solid;
  margin: 0.5em;
  padding: 0.8em;
  text-align: left;
  }
/* Sets DIVs within content floated to the left with border */
DIV.pubimageLeft {
  float: left;
  border: 1px silver solid;
  margin: 0.5em;
  padding: 0.8em;
  text-align: left;
  }
/* Sets DIVs within content floated to the right no border */
DIV.pubimageRightNoBorder {
  border: 0px silver solid;
  float: right;
  margin: 0.5em;
  padding: 0.8em;
  text-align: left;
  }
/* Sets DIVs within content floated to the left no border */
DIV.pubimageLeftNoBorder {
  border: 0px silver solid;
  float: left;
  margin: 0.5em;
  padding: 0.8em;
  text-align: left;
  }
/* Sets caption font and style under each image */
DIV.caption {
  padding-top: 3px;
  line-height: 1em;
  font-size:80%;
  border: 0px silver solid;
  }
/* Sets display of the title above each image */
.boxTitle {
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   text-transform: capitalize;
   color: #660000;
   }
/************* Tab styles - Grey **************/
#quotetab {
      display:none;
      }
#quotetab ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetab li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_grey.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetab a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_grey.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
#quotetab > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetab a {float:none;}
    /* End IE5-Mac hack */
#quotetab a:hover {
      color:#1C2A71;
      }
#quotetab #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetab #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetab li:hover, #quotetab li:hover a {
      background-position:0% -150px;
      color:#1C2A71;
      }
#quotetab li:hover a {
      background-position:100% -150px;
      }
      

/************* Tab styles - AG **************/
#quotetabag {
      display:none;
      }
#quotetabag ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetabag li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_ag.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetabag a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_ag.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
#quotetabag > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetabag a {float:none;}
    /* End IE5-Mac hack */
#quotetabag a:hover {
      color:#1C2A71;
      }
#quotetabag #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetabag #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetabag li:hover, #quotetab li:hover a {
      background-position:0% -150px;
      color:#1C2A71;
      }
#quotetabag li:hover a {
      background-position:100% -150px;
      }
      
      
      
/************* Tab styles - IR **************/
#quotetabir {
      display:none;
      }
#quotetabir ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetabir li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_ir.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetabir a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_ir.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFF;
      }
#quotetabir > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetabir a {float:none;}
    /* End IE5-Mac hack */
#quotetabir a:hover {
      color:#ececec;
      }
#quotetabir #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetabir #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetabir li:hover, #quotetab li:hover a {
      background-position:0% -150px;
      color:#ececec;
      }
#quotetabir li:hover a {
      background-position:100% -150px;
      }
      
      
      
/************* Tab styles - Dow **************/
#quotetabdow {
      display:none;
      }
#quotetabdow ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetabdow li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_dow.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetabdow a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_dow.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFF;
      }
#quotetabdow > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetabdow a {float:none;}
    /* End IE5-Mac hack */
#quotetabdow a:hover {
      color:#ececec;
      }
#quotetabdow #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetabdow #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetabdow li:hover, #quotetab li:hover a {
      background-position:0% -150px;
      color:#ececec;
      }
#quotetabdow li:hover a {
      background-position:100% -150px;
      }
      
      
      
/************* Tab styles - Metals **************/
#quotetabmetals {
      display:none;
      }
#quotetabmetals ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetabmetals li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_metals.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetabmetals a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_metals.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
#quotetabmetals > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetabmetals a {float:none;}
    /* End IE5-Mac hack */
#quotetabmetals a:hover {
      color:#1C2A71;
      }
#quotetabmetals #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetabmetals #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetabmetals li:hover, #quotetab li:hover a {
      background-position:0% -150px;
      color:#1C2A71;
      }
#quotetabmetals li:hover a {
      background-position:100% -150px;
      }
      
  
      
#tabswitcher {
      background : #fff;
      border-top: 0px solid #ccc;
      border-right: 0px solid #ccc;
      border-left: 0px solid #ccc;
      border-top : none;
      margin : 0px;
      padding-top : 10px;
      padding-right : 0px;
      padding-bottom : 10px;
      padding-left : 0px;
      width: 550px;
	}



/************* Tab styles - quotes **************/
#quotetabRelated {
      width:150px;
	  font-size:10px;
      line-height:normal;
      }
#quotetabRelated ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#quotetabRelated li {
	float:left;
	background:url("/cbot/pub/siteimages/left_both_grey.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:0px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
#quotetabRelated a {
      float:left;
      display:block;
      background:url("/cbot/pub/siteimages/right_both_grey.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
      }
#quotetabRelated > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#quotetabRelated a {float:none;}
    /* End IE5-Mac hack */
#quotetabRelated a:hover {
      color:#1C2A71;
      }
#quotetabRelated #current {
      background-position:0 -150px;
      border-width:0;
      }
#quotetabRelated #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
      }
#quotetabRelated li:hover, #quotetabRelated li:hover a {
      background-position:0% -150px;
      color:#1C2A71;
      }
#quotetabRelated li:hover a {
      background-position:100% -150px;
      }
      
/************* relatedLinks styles **************/
.relatedLinks{
	padding-top:70px;
	width:145px;
 	float: right;
    padding-left:0px;
    padding-right:0px;
	padding-bottom:8px;
	font-size:80%;
	}

.relatedLinks h3 {
	background-color: #F1F1F1;
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 1px 2px;
	width:135;
	}

.relatedLinks a {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 0px 5px;
	display: block;
	}
	
.relatedLinksbg {
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	display: block;
	position:relative;
	background: #ececec;
	width: 145px;
	margin-left:10px;
	border: 1px solid #ccc}
.relatedLinksbg a {
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	display: block;
	}


/* New Tables*/

table.tableright {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: right;
}

table.tableright td {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}
.tableright {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: right;
}

table.tableleft {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
}

table.tableleft td {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

.tableleft {
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
}

table.noborder_right {
	border: 0px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: right;
}
table.noborder_left {
	border: 0px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
}

.noborder_tableleft {
	border: 0px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
}
.noborder_tableright {
	border: 0px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	text-align: right;
}
/* homepage quote display*/

#tablist{
	padding: 3px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.3em;
	font: bold 10px Verdana;

}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#tablist li a{
 text-decoration: none;
 padding: 3px 0.2em;  /* 0.2em is the padding between tabs*/
 margin-left: 0px;
 border: 1px solid #778;
 border-bottom: none;
 background: #ececec;
}

#tablist li a:link, #tablist li a:visited{
	color: #000000;
}

#tablist li a.current{
	background: #ffffff;
}

#tabcontentcontainer{

}

.tabcontent{
	display:none;
}

/*************** style.css box layout *********************************************/

.boxwrap   { 
width: 999px; 
margin-left: auto; 
margin-right: auto; 
text-align: left;
background: #ffffff; 
margin-bottom: 2em; 
}

.boxbody   { 
width: 849px; 
float: left;  
}

.boxcenter { 
	width: 689px; 
	float: left; 
	background: #ffffff; 
}

.boxleft   { 
	display: none
}

.boxright  { 
	display: none
}

.boxheader { 
width: 100%;  
clear: both;  
background: #ffc; 
}

.boxfooter { 
	display: none
}

.boxfooterspace {
padding-left: 297px;
}

.boxfooter a:link {
color: #fff;
}

.boxfooter a:visited {
color: #fff;
}

.white a:visited {
color: #fff;
}

.white a:link {
color: #fff;
}

.boxclear  { 
clear: both; 
line-height: 0px 
}


/* ie hack: */

.iehackwrap { 
text-align: center;  
}
    

/* formatting */

body     { 
background-color: #999999; 
color: #000; 
margin: 0px; 
padding: 0px; 
font-family : Verdana, Arial, Helvetica, sans-serif;
}

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

.tabletext {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 3px;
}

/* style */

.comment { 
border: 1px solid red; 
margin: 1em; 
padding: 0.5em; 
background: #fff; 
}


#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}
   
.date {
font-size: 10px;
font-color: #666666;
}
   
   
.content_storytitle {
padding-left: 16px;
padding-top: 16px;
font-size: 22px;
font-weight:bolder;
}

.content_body {
font-size: 12px;
padding-left: 16px;
padding-right: 16px;
}

.content_bold {
font-weight: bold;
}


.imageleft {
float: left;
padding: 12px;
}

.imageright {
float: right;
padding: 12px;
}

/********LEFT NAV**********************/

#navcontainer {
#position:relative;
#top:-3px;
#width: 160px; 
#padding: 0px;
#margin: 0px;
	display: none
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding-top: 3px;
padding-bottom: 3px;
width: 160px;
background-color: #333;
border-bottom: 1px solid #999;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #C90016;
color: #fff;
}

#navcontainer a:active
{
background-color: #C90016;
color: #fff;
}

#wrap1 {
	margin-left:13px;
	padding-right:1px;
	}

#wrap2 {
	margin-left:23px;
	padding-right:1px;
	}

#wrap3 {
	margin-left:34px;
	padding-right:1px;
	}

#wrap4 {
	margin-left:43px;
	padding-right:1px;
	}


/********HOMEPAGE STYLES**********/

/* box layout */

.homepageboxwrap   { width: 999px; margin-left: auto; margin-right: auto; }

.homepageboxbody   { width: 732px; float: left;  }
.homepageboxcenter { width: 284px; float: right; }
.homepageboxleft   { width: 448px; float: left;  }
.homepageboxright  { width: 267px; float: right; }
.homepageboxheader { width: 100%;  clear: both;  }
.homepageboxfooter { width: 993px;  clear: both;  }


.homepageboxclear  { clear: both; line-height: 0px }

/* ie hack: */

.homepageiehackwrap { 
text-align: center;  
}

.homepageboxwrap {
text-align: left;
}     
     
/* box style */

.homepageboxwrap { 
background: #ffffff; 
}

.homepageboxheader { 
background: #ffc; 
}

.homepageboxfooter { 
font-size: 11px;
padding-left: 8px;
padding-top: 6px;
padding-bottom: 6px;
background-image: url(/cbot/pub/siteimagesv4/footer.jpg);
color: #fff;
}

.homepageboxfooterspace {
padding-left: 267px;
}

.homepageboxfooter a:link {
color: #fff;
}


.homepageboxcenter { 
background: #fff; 

}

.homepageboxleft   { 
background: #fff; 
}

.homepageboxright  { 
background: #ffffff; 
}

div { 
margin: 0px; 
padding: 0px; 
}

/* formatting */
homepagebody     { 
background-color: #999999; 
color: #000; 
margin: 0px; 
padding: 0px; 
}

.homepageboxwrap { 
text-align: left; 
margin-bottom: 2em; 
}

h1 { padding: 2px 10px; margin: 0px;}


/* style */
homepagebody { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
}

h1 { font-size: 1.3em; }
p, li  { font-size: 12px; }


.homepagecomment { border: 1px solid red; margin: 1em; padding: 0.5em; background: #fff; }
h1 span  { font-weight: normal; }

#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}

.homepagetitle {
font-size: 23px;
font-weight:bolder;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
}

.tableleftproduct {
	padding-left: 3px;
}

.homepagemainbrief {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
padding-top: 4px;
}

.homepageproduct {
padding-left: 20px;
}

.homepageproduct2 {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 12px;
padding: 10px;
background: #ececec;
margin-left: 20px;
margin-right: 21px;
}

#homepageproductlist li { 
list-style-type: square; 
font-size: 12px;
padding-right: 32px;
line-height: 15px;
}

.yahoo {
padding-left: 20px;
}

#yahoolist li { 
list-style-type: square; 
font-size: 11px;
padding-right: 32px;
}

.homepageexchangenews {
padding-left: 6px;
font-size: 12px;
}

.homepage_quotetable {
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
	
}

.newtablestyle {
	border-color:#cccccc;
	border-style:solid;
	border: 1px;
	font-size: 13px;
	color: #666666;
	line-height: 12px;
}

.homepage_quotetableheader{
padding-top: 6px;
padding-bottom: 4px;
padding-left: 17px;
}

.homepage_quoteheader2 {
font-weight:bolder
}

.homepage_quotepositive {
color:#009900;
}

.homepage_quotenegative {
color:#CC0000;
}

.homepagesecondtitle {
padding-left: 8px;
padding-right: 8px;
font-size: 14px;
padding-top: 4px;
font-weight: bold;
}

.homepagethirdtitle {
padding-right: 8px;
font-size: 14px;
padding-bottom: 4px;
font-weight: bold;
}

.homepagethirdtitlebrief {
padding-right: 8px;
font-size: 12px;
padding-bottom: 4px;
}

.todayseventsheader {
background-image: url(/cbot/pub/siteimagesv4/footer.jpg);
}

.eventheadertext {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 5px;
}

.events {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 12px;
padding: 10px;
background: #ececec;
}

.storeheader {
background-image: url(/cbot/pub/siteimagesv4/footer.jpg);
}

.storeheadertext {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 5px;
}

.store {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 12px;
padding: 10px;
}

.header {
background-image: url(/cbot/pub/siteimagesv4/footer.jpg);
margin-right: 20px;
}

.headertext {
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 5px;
}

.homepageexchange {
padding-left: 1px;
}

#homepageexchangelist li { 
list-style-type: square; 
font-size: 12px;
padding-right: 32px;
}


/* Controls the header of the boxes on the right side of content*/
.rightboxheader {
background: #333333;
}

/* Controls the text inside of the boxes on the right side of content*/
.rightboxtext {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 5px;
}

/* Controls the text inside of the boxes on the right side of content*/
.rightboxes {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 11px;
padding: 10px;
background: #ececec;
}

/* Controls the header of the boxes under charts*/
.centerboxheader {
background: #333333;
margin-right: 7px;
}

/* Controls the text inside of the boxes under charts*/
.centerboxtext {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 5px;
margin-right: 7px;
}

/* Controls the text inside of the boxes under charts*/
.centerboxes {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 11px;
padding: 10px;
background: #ececec;
margin-right: 7px;
}

/* Controls the unordered lists in centerbox under the charts*/
#centerboxcontentlist li { 
list-style-type: square; 
font-size: 12px;
padding-right: 8px;
}

#quotepage_prodinfo {
padding-left: 0px;
}

#quotepage_prodinfolist li { 
list-style-type: square; 
font-size: 12px;
padding-right: 1px;
}

.quotedate {
padding-left: 16px;
font-size: 10px;
font-color: #666666;
}

.ir {
background: #40831C;
margin-right: 7px;
}

.ir2 {
background: #376f18;
margin-right: 7px;
}

.ir3 {
background: #ffffff;
margin-right: 7px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px;
font-size: 11px;
}

.ag {
background: #FFB30F;
margin-right: 7px;
}

.ag2 {
background: #e19f0d;
margin-right: 7px;
}

.ag3 {
background: #ffffff;
margin-right: 7px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px;
font-size: 11px;
}

.dow {
background: #0B2E82;
margin-right: 7px;
}

.dow2 {
background: #08215c;
margin-right: 7px;
}

.dow3 {
background: #ffffff;
margin-right: 7px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px;
font-size: 11px;
}

.met {
background: #797979;
margin-right: 7px;
}

.met2 {
background: #484848;
margin-right: 7px;
}

.met3 {
background: #ffffff;
margin-right: 7px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px;
font-size: 11px;
}

.whitetext {
color: #ffffff;
font-size: 10px;
}

.quotepagenews {
padding-left: 1px;
}

#quotepagenewslist li { 
list-style-type: square; 
font-size: 12px;
padding-bottom: 8px;
}

.contentlist {
padding-left: 0px;
font-size: 16px;

}

#contentlister li { 
font-size: 16px;
list-style-type: square; 
font-size: 12px;
padding-bottom: 8px;
}

.listtitle {
font-size: 16px;
font-weight: bold;
}

.searchtitle {
font-size: 15px;
}

.searchbrief {
font-size: 11px;
}

  /*************** search styles *****************/
  
  #search {
  	position: absolute;
  	top: 2px;
  	right: 0px;
  	z-index: 101;
  	left: 658px;
  	width: 200px;
  	}
  
  #search input {
    font-size: 12px;
    margin: 0px  0px 0px 0px;
        }
        
        
/******* cbotcssjsmenu.css top level navigation bar and pulldowns *******/

/* Sets the layout for the main navigation bar*/
#navbar {
#	BORDER-RIGHT: 0px solid;
#	PADDING-RIGHT: 0px;
#	BORDER-TOP: 0px solid;
#	Z-INDEX: 100;
#	PADDING-BOTTOM: 5px;
#	MARGIN: -1px 0px 0px;
#	FONT: 12px  Verdana, Arial, Helvetica, sans-serif;
#	BORDER-LEFT: 0px solid;
#	WIDTH: 999px;
#	PADDING-TOP: 5px;
#	BORDER-BOTTOM: 1px solid;
#	POSITION: relative;
	display: none
	
}
UL.nde-menu-system  {
	FONT-SIZE: 12px;
}
UL.nde-menu-system {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND: silver;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
UL.nde-menu-system UL {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND: silver;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
UL.nde-menu-system LI {
	PADDING-RIGHT: 20px;
	DISPLAY: inline;
	PADDING-LEFT: 0px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0.25em;
	POSITION: relative;
}
/* Sets the distance from the top level main navigation bar to the pulldown*/
UL.nde-menu-system LI UL {
	BORDER-TOP: white 1px solid;
	DISPLAY: block;
	Z-INDEX: 1000;
	BACKGROUND: silver;
	LEFT: 0px;
	VISIBILITY: hidden;
	WIDTH: 10em;
	POSITION: absolute;
	TOP: 23px! important;
}
UL.nde-menu-system LI UL LI {
	BORDER-RIGHT: #000 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: rgb(168,168,168) 0px solid;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: #000 1px solid;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #000 1px solid;
	LIST-STYLE-TYPE: none;
	BACKGROUND-COLOR: #333;
	voice-family: inherit;
}
/* Sets the menu style for the top level buttons*/
UL.nde-menu-system LI A {
	BORDER-RIGHT: 0px solid;
	PADDING-RIGHT: 0.6em;
	DISPLAY: inline;
	PADDING-LEFT: 0.6em;
	PADDING-BOTTOM: 0.4em;
	MARGIN: 0px;
	PADDING-TOP: 0.4em;
	TEXT-DECORATION: none! important;
}
UL.nde-menu-system LI UL LI A {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2.5%;
	DISPLAY: block;
	PADDING-LEFT: 2.5%;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	WIDTH: 100%;
	PADDING-TOP: 3px;
	BORDER-RIGHT-WIDTH: 0px;
	voice-family: inherit;
	font-weight: normal;
	font-size: 11px;
}
UL.nde-menu-system {
	background-image:  url("/cbot/pub/siteimages/glblnav_selected.gif");
}
UL.nde-menu-system LI.submenu UL A {
	COLOR: white! important
}
#navbar {
#	BORDER-LEFT-COLOR: rgb(28,33,86);
#	background-image:  url("/cbot/pub/siteimages/glbnav_background.gif");
#	BORDER-BOTTOM-COLOR: rgb(28,33,86);
#	BORDER-TOP-COLOR: rgb(28,33,86);
#	BORDER-RIGHT-COLOR: rgb(28,33,86);
	display: none
}
UL.nde-menu-system LI A {
	BORDER-LEFT-COLOR: rgb(89,96,165);
	BORDER-BOTTOM-COLOR: rgb(89,96,165);
	COLOR: #fff! important;
	BORDER-TOP-COLOR: rgb(89,96,165);
	BORDER-RIGHT-COLOR: rgb(89,96,165);
	font-weight: bold;
}
UL.nde-menu-system LI UL {
	BORDER-LEFT-COLOR: rgb(168,168,168);
	BORDER-BOTTOM-COLOR: rgb(168,168,168);
	BORDER-TOP-COLOR: rgb(168,168,168);
	BORDER-RIGHT-COLOR: rgb(168,168,168);
}
#navbar UL.nde-menu-system LI UL {
	BORDER-TOP-COLOR: rgb(53,58,112)
}
/* Sets the hover highlight color for the submens*/
UL.nde-menu-system LI UL LI A:hover {
	BACKGROUND-COLOR: #C90016;
	text-decoration:none! important;
	color:#FFFFFF! important;
	font-weight:normal;
}