/* Set Initial Font and general canvas rules  */

*				{ margin: 0; padding: 0; }
body 			{ font-family:arial, verdana, sans-serif; font-size:10px; color:#666; }
p				{ margin-bottom: 1em; }
table			{ }
td				{ overflow: hidden; }
ul				{ margin-left: 2em; margin-top: 5px; margin-bottom: 1em; }
ol				{ margin-left: 2em; margin-top: 5px; margin-bottom: 1em; }
img				{ padding: 0; margin: 0; border: 0; }
select			{ overflow: visible;  }

#central		{ width:763px; margin: 0 auto;}

/* Individual Font Styles */ 
h1				{ color:#666; margin: .1em 0em .3em 0em; font-size:1.6em; font-weight: bold; line-height: 1.6em;}
h2				{ color:#666; margin: .1em 0em .2em 0em; font-size:1.3em; font-weight: bold;}
h3				{ color:#666; margin: .1em 0em .1em 0em; font-size:1.2em; font-weight: bold;}
h4				{ color:#666; margin: .1em 0em .1em 0em; font-size:1.1em; font-weight: bold;}
h5				{ color:#666; margin: .1em 0em 0em 0em; font-size:1em; font-weight: bold;}

a				{ color:#39C; text-decoration:none; }
a:hover			{ color:#6C3; }

/* Individual Font Colors */
.grey-links a		{ color:#444; text-decoration:none;  }
.grey-links a:hover	{ color:#999; }
.red			{ color:#C33; }
.green			{ color:#6C3; }
.new-green		{ color: #578026; }

/* Form Styles */
.search-box		{ width:115px; height:18px; border:1px solid #C0C9BC; font-size:10px; }

/* Header Styles  */
#header			{  }
#header td,
#header td a	{ color:#FFF; text-decoration:none; font-size:10px; }

/* Line Styles */
.line            { border-top:3px solid #FFF; border-bottom:5px solid #FFF; background-color:#CCC; height:1px; width:100%; }
.green-divider	{ background-color:#360; height: 7px; }

#ticker			{ width:762px; height: 29px;}

/* Left Column/Navigation Styles */
#left-nav		{ width:188px; border-bottom:1px solid #CCC; padding-bottom:2px; font-size:10px; }
#navigation		{ height:103px; width:188px;}
#htmlNavigation { margin-top: 2px; width:186px;}
#left-links		{ padding: 0 2px 0 2px; }
.leftLink		{ padding: 5px 0 5px 0; min-height:16px; color:#39C; cursor:pointer; font-size:10px; }
.text_smaller	{ font-size:9px; margin-top: 1px; }
.leftLink img	{ margin: 0 11px 0 4px; float:left; }


/* Content Area Styles */

#main			{ padding:3px; background-color:#FFF; }
#content		{ width:540px; padding:15px 15px 0 15px; font-size:1.1em; color:#444; line-height: 1.3em;}

/* Home Page */
.home-content	{ position:relative; background-color:#DDD; border:1px solid #CCC; padding:2px; margin-top:3px; height: 1%;}
.homePageNews	{ background: url(/bg-dottedDivider.gif) repeat-x bottom left;}
#market-overview 			{ background-color: #FFF; padding: 12px 7px 1px 7px; width:265px; height:290px; }
#exchange-overview 			{ background-color: #FFF; padding: 11px 10px 1px 10px; height:291px; } /* font-size: 11px; line-height: 13px; */
.exchange-overview-intro	{ font-weight: bold;}
.exchange-overview-ccx	 	{ height: 100px; margin-top: 13px; padding-left: 67px; background: transparent url(/images/main_chicagoglobe_small.jpg) no-repeat center left;}
.exchange-overview-ccfe	 	{ height: 100px; margin-top: 13px; padding-left: 67px; background: transparent url(/images/main_smokestack_small.jpg) no-repeat center left;}

/* Home Page Market Overview Tab Styles */
.tabs			{ margin-bottom:5px; }
.tab, 
.tab-active		{ cursor:pointer; cursor:hand; }
.tab td, 
.tab-active td	{ font-size:11px; font-weight:bold; }
table.data-table td { border-bottom:1px solid #CCC; padding:3px; }

/* Main Container Curves */
.crv-topLeft 	{ }
.crv-topRight 	{ }

/* Home Page Content Curves */
.curve-homeTopLeft	{ }
.curve-homeTopRight	{ }

/* Footer Styles */
#footer			{ font-size: 10px; }
#copyright		{ color:#999;  }
#footer-links	{ color:#39C; white-space: nowrap; float: right;}
#footer-links a { color:#39C; text-decoration:none; }


/* Background Images Stored Seperately for ease of Updating */
body			{ background: #f7f7f7 url(/images/bg.gif) repeat-x;}
#header			{ background: #6C3 url(/images/bg-header.jpg) repeat-x; }
#left-nav		{ background: #DDD url(/images/bg-leftNav.gif) repeat-y; }
.leftLinks-Hdr	{ background:#390 url(/images/bg-leftLinksHdr.gif) repeat-x; }
.leftLink		{ background:#FFF url(/images/bg-leftLinks.gif) repeat-x; background-position:bottom; }
.green-header	{ background:#390 url(/images/bg-greenHdr.gif) repeat-x; }
.bottom-shadow	{ background:transparent url(/images/shadow-bottom.png) repeat-x; }
.tabs				{ background: transparent url(/images/bg-tab.gif) repeat-x; }
.tab-active			{ background: transparent url(/images/tab-bg-active.gif) repeat-x; }
.tab				{ background: transparent url(/images/tab-bg.gif) repeat-x; }