@import url("reset.css");
 @import url("gallery.css");
 @import url("thickbox.css");
body { color:#727272; margin: 0px; background: #EEEFEF; font: 11px/1.3em Arial, Helvetica, sans-serif; }
p { padding: 0px; margin: 0 0 1em; }
p.intro { font-size: 10px; font-weight: bold; }
a { color:#5793C6; text-decoration:none; }
a:hover { color:#666; text-decoration: underline; }
h1 { font-size: 14px; line-height: 1.2em; margin-bottom: 0.5em; color: #0079B5; font-weight: normal; }
h2 { font-size: 13px; margin-bottom: 0.75em; font-weight: normal; color: #666; line-height: 1.2em; }
h2 a { color: #666; text-decoration: none; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
li ul, li ol { margin:0 1.5em 0px; }
ul li, ol li { margin-top: 4px; margin-bottom: 4px; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ol { margin: 1.3em 0px 1.3em 12px; }
ul { margin: 1.3em 0px 1.3em 12px; list-style: disc; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
.clear { clear: both; }
.skip-nav, .print { position: absolute; left: -9999em; }
#wrapper { width: 860px; margin: 0px auto; padding: 0px 0px 20px; background: url(../images/bg-wrapper.gif) repeat-y center; }
#masthead { height: 110px; background: url(../images/bg-masthead.png) no-repeat; margin: 0px auto; width: 840px; position: relative; }
#masthead #sub-nav { position: absolute; left: 632px; top: 81px; }
#masthead #sub-nav a { text-transform: uppercase; color: #A6A6A6; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 5px; padding-left: 10px; text-align: right; }
#masthead #sub-nav .nav-community-cal { display: none; }

#footer #copyright, #footer #links a { text-transform: uppercase; color: #A6A6A6; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 5px; }
#masthead #sub-nav a:hover, #footer #links a:hover { text-decoration: underline; }
.page-investor #masthead #sub-nav a.nav-investor-cal { background: url(../images/arrow-subnav.gif) no-repeat 0px; padding-left: 10px; }
.page-community #masthead #sub-nav a.nav-community-cal { background: url(../images/arrow-subnav.gif) no-repeat 0px; padding-left: 10px; }
.page-contact { }
.page-community { }
.page-investor { }
.page-contact #masthead #sub-nav a.nav-contact-us { background: url(../images/arrow-subnav.gif) no-repeat 0px; padding-left: 10px; }
#masthead #logo { position: absolute; top: 13px; left: 22px; }
#nav-wrapper { height: 106px; width: 800px; margin: 0px auto; }
#banner { height: 152px; margin: 10px auto; width: 800px; clear: both; }

a.button-update { display: block; width: 183px; height: 47px; text-decoration: none; background-image: url(../images/button-update.gif); margin-top: 9px; }

a.button-update:hover { background: url(../images/button-update.gif) -183px 0; }


#sidebar-1 { float: left; width: 182px; display: inline; margin-left: 30px; border-top: 1px solid #659dcb; margin-right: 16px; font-size: 10px; }
#sidebar-1 a, #sidebar-2 a { color: #3f84be; text-decoration: none; }
#sidebar-1 a:hover, #sidebar-2 a:hover { text-decoration: underline; color: #3f84be; }
#sidebar-1 #commentary { background: url(../images/bg-commentary.jpg) no-repeat left; height: 122px; position: relative; display: none; }
#sidebar-1 #commentary span { position: absolute; top: 10px; text-transform: uppercase; text-align: right; right: 0px; }
#sidebar-1 #executive-summary a { float: right; font-size: 11px; }
#sidebar-1 #executive-summary span { float: left; }
#sidebar-1 #executive-summary { height: 40px; line-height: 40px; border-top: 1px solid #3C9ECE; border-bottom: 1px solid #3C9ECE; margin-top: 10px; margin-bottom: 10px; }
#sidebar-1 #stock-quote a { float: right; font-size: 11px; }








#sidebar-1 #stock-quote a.tmx { color: #727272; text-decoration: none; float: none; }
#sidebar-1 #stock-quote a.tmx:hover { text-decoration: underline; }


#sidebar-1 #stock-quote span.text { float: left; }
#sidebar-1 #stock-quote { height:290px; border-top: 1px none #3C9ECE; border-bottom: 1px none #3C9ECE; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; }
#stock-quote iframe { margin: 0px 0px 0px -10px; padding: 0px; border-style: none; height: 113px; width: 175px; border-width: 0px; }
/*#sidebar-1 #stock-quote { background: url(../images/_temp-stock-quote.gif); height: 117px; width: 188px; }*/
#sidebar-2 { float: right; width: 200px; margin-right: 30px; display: inline; }
#content-wrapper { }
#content { border-left: 1px solid #659dcb; width: 363px; margin: 0px; padding: 0px 16px; min-height:297px; float: left; }
/* ----- Nav ----*/

a.nav-about { display: block; width: 193px; height: 106px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/nav-about.jpg) no-repeat; cursor: default; }
a.nav-about:hover { background: url(../images/nav-about.jpg) -193px 0; }
a.nav-investors { display: block; width: 193px; height: 106px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/nav-investors.jpg) no-repeat; cursor: default; }
a.nav-investors:hover { background: url(../images/nav-investors.jpg) -193px 0; }
a.nav-coalbed { display: block; width: 193px; height: 106px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/nav-coalbed.jpg) no-repeat; cursor: default; }
a.nav-coalbed:hover { background: url(../images/nav-coalbed.jpg) -193px 0; }
a.nav-community { display: block; width: 193px; height: 106px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/nav-community.jpg) no-repeat; cursor: default; }
a.nav-community:hover { background: url(../images/nav-community.jpg) -193px 0; }
/*  Superfish ---*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:			0; padding:		0; list-style:		none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position:		absolute; top:			-999em; width:			10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:			100%; }
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:			left; position:		relative; margin-right: 9px; margin-left: 0px; }
.sf-menu li.last { margin: 0px 0px 0px 1px; }
.sf-menu a { display:		block; position:		relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:			0; top:			106px; /* match top ul list item height */ z-index:		99; background: url(../images/bg-nav.png); padding-top: 5px; padding-bottom: 5px; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:			-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:			-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }
.sf-menu { float:			left; margin-bottom:	1em; }
.sf-menu ul li a { padding: 		0.3em 1.3em; text-decoration:none; font-size: 11px; border-top-width: 1px; border-left-width: 1px; border-top-style: none; border-left-style: none; border-top-color: #CFDEFF; border-left-color: #fff; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:			#6f6f6f; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.sf-menu li { background:		url(../images/bg-nav.png); }
.sf-menu li li { margin: 0px; padding: 0px; background: url(../images/bg-nav.png); }
.sf-menu li li li { background:		url(../images/bg-nav.png); }
.sf-menu ul li:hover { outline:		0; background: #6ea8ce; }
.sf-menu li.sfHover, .sf-menu li a:hover, .sf-menu a:active { outline:		0; color: #FFF; text-decoration: none; }
.sf-menu li ul li a:hover, .sf-menu ul li a:focus { background: #6ea8ce; text-decoration: none; color: #FFF; }
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-menu li.sfHover a.nav-about { background: url(../images/nav-about.jpg) -193px 0; }
.sf-menu li.sfHover a.nav-investors { background: url(../images/nav-investors.jpg) -193px 0; }
.sf-menu li.sfHover a.nav-coalbed { background: url(../images/nav-coalbed.jpg) -193px 0; }
.sf-menu li.sfHover a.nav-community { background: url(../images/nav-community.jpg) -193px 0; }
#footer { background: url(../images/bg-footer.gif) no-repeat top; height: 50px; width: 860px; margin-top: 0px; margin-right: auto; margin-left: auto; }
#footer #copyright { float: left; margin-top: 10px; margin-left: 10px; display: inline; }
#footer #links { float: right; margin-top: 10px; display: inline; margin-right: 10px; }
.indent { text-indent: 10px; }
#sidebar-2 #top { background: url(../images/news-top.gif); height: 34px; margin: 0px; padding: 0px; width: 200px; }
#sidebar-2 #mid { background: url(../images/news-mid.gif) repeat-y; width: 176px; padding-right: 12px; padding-left: 12px; }
#sidebar-2 #news tr { }
#sidebar-2 #news tr td { padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #d3df63; }
.podcast { float: left; margin-right: 5px; margin-left: -5px; }
#sidebar-2 #bott { background: url(../images/news-bott.gif); height: 34px; margin: 0px; padding: 0px; width: 200px; }
hr { color: #659dcb; height: 1px; background: #659dcb; border-style: none; margin-top: 10px; margin-bottom: 10px; }
#sidebar-2 hr { color: #d3df63; height: 1px; background: #d3df63; border-style: none; margin: 0px; padding: 0px; }
#sidebar-1 hr { color: #659dcb; height: 1px; background: #659dcb; border-style: none; margin-top: 5px; margin-bottom: 5px; }
#sidebar-1 #commentary a { float: right; position: absolute; left: 145px; top: 99px; font-size: 11px; }
#sidebar-2 #links { border-top: 1px solid #d5e069; padding-left: 10px; font-size: 11px; }
#sidebar-2 #links h3 { text-transform: uppercase; margin-top: 12px; margin-bottom: 12px; color: #888888; font-size: 10px; }
#sidebar-2 strong { color: #0079B5; }
#sidebar-2 #links ul li a { color: #A9B538; text-decoration: none; }
#sidebar-2 #links ul li a:hover { text-decoration: underline; }
#sidebar-2 #links ul li { margin: 0px 0px 3px; padding: 0px; list-style: none; }
#sidebar-2 #links ul { margin: 0px; }
#breadcrumbs { font-size: 10px; color: #999; margin-bottom: 10px; }
#breadcrumbs a { font-size: 10px; color: #999; text-decoration: none; }
div.list ul { list-style: none; margin-left: 0px; }
div.list ul li { padding-bottom: 5px; border-bottom: 1px dotted #7BAAD2; background: #FDFDFD; }
.sf-menu ul li.nolink a { outline:		0; cursor: default; }
.faq-question { font-size: 12px; line-height: 18px; padding-bottom: 5px; border-bottom: 1px dotted #CCC; margin-bottom: 10px; background: url(../images/question-mark-icon.gif) no-repeat; padding-left: 26px; }
.faq-question div { font-size: 12px; padding-top: 5px; }
#content2 { border-left: 1px solid #659dcb; margin: 0px; padding: 0px 16px; min-height:297px; float: left; width: 550px; }
#callout-community { float: right; width: 409px; margin: 0px 0px 15px 15px; padding: 0px; }
#callout-community #top { background: url(../images/callout-community-top.gif) no-repeat bottom; height: 30px; width: 394px; padding-left: 15px; padding-top: 12px; }

#callout-community h4 { color: #0079B5; margin: 0px; padding: 0px; }
#callout-community #bottom { background: url(../images/callout-community-bottom.gif) no-repeat bottom; width: 379px; margin: 0px; padding: 10px 15px 15px; }