/*

Site: ERHC Energy
Design: Kim Hodgson for Schipul
Build: David Stagg for Schipul
URI: http://www.erhc.com

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
fieldset, form, label, legend,
{
	margin: 0;
	padding: 0;
}
a img { border: none; }
a { outline: none; }

body {
	font: 11px/1.4em Verdana, Geneva, sans-serif;
	color: #787878;
	background: #a8a9ae url(/images/body-bg.jpg) repeat-x top left;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; color: #b83030; margin-bottom: 8px; } 
h1 { font-size: 16px; line-height: 26px; color: #666666; }
h2 { font-size: 13px; line-height: 24px; }
h3 { font-size: 12px; line-height: 20px; }

p { margin-bottom: 8px; }

a { color: #b83030; text-decoration: none;  }
a:hover { text-decoration: underline; }
a:active { }
a:visited { }

/* STRUCTURE */

#container { width: 862px; margin: 0 auto 20px auto; background: #fff; border-bottom: 10px solid #b83030; padding-bottom: 30px; }
	.sub #container { width: 862px; margin: 0 auto 20px auto; background: #fff url(/images/sub-container-bg.jpg) repeat-y top left; border-bottom: 10px solid #b83030; padding-bottom: 30px; }

#header { background: transparent url(/images/header-bg.jpg) no-repeat top center; height: 150px; }
.sub #header { height: 143px; }

img.header-img { display: block; margin-bottom: 12px; }

.sub #main-content { padding-top: 20px; }

#left-column {
	float: left;
	width: 287px;
	margin-left: 20px;
	}
	.sub #left-column { width: 220px; }
	
	#about, #news-zone, #stock-quote, #ceo-zone { margin-bottom: 30px; }
	
	#news-zone li, #ceo-zone li  { margin-bottom: 10px; }
		.sub #news-zone li { margin-bottom: 20px; }
	#news-zone a, #ceo-zone a { color: #787878; text-decoration: underline; }
	#news-zone a:hover { text-decoration: none; }
	
	#subscribe {
		width: 287px;
		height: 164px;
		display: block;
		background: #ca362f url(/images/subscribe-bg.jpg) no-repeat top left;
		}
		#subscribe .sub-content { width: 256px; margin: 0 auto; }
		#subscribe h3 { font-size: 12px; font-weight: bold; color: #fff; padding-top: 14px; }
		#subscribe ul { margin: 16px 0 0 70px; padding: 0; list-style: none; }
		#subscribe li { margin-bottom: 30px; }
		#subscribe li, #subscribe a { color: #fff; }
	.sub #subscribe {
		width: 210px;
		height: 120px;
		display: block;
		background: #ca362f url(/images/sub-subscribe-bg.jpg) no-repeat top left;
		margin-bottom: 30px;
		}
		.sub #subscribe .sub-content { width: 190px; margin: 0 auto; }
		.sub #subscribe h3 { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff; padding-top: 6px; margin-bottom: 2px; }
		.sub #subscribe ul { margin: 0 0 0 50px; padding: 0; list-style: none; line-height: 12px; }
		.sub #subscribe li { margin-bottom: 10px; }
		.sub #subscribe li, .sub #subscribe a { color: #fff; }
	
	.sub #contact-us {
		display: block;
		width: 100%;
		height: 160px;
		background: transparent url(/images/sub-contact-us.jpg) no-repeat top center;
		overflow: hidden;
		text-align: center;
		padding-top: 30px;
		}


#right-column {
	float: right;
	margin-right: 20px;
	width: 530px;
	background: #f0f0f1 url(/images/right-column-bg.jpg) repeat-y top right;
	}
	.sub #right-column { width: 598px; background-image: none; }
		
	#right-column .sub-content { width: 490px; margin: 0 auto; }
	.sub #right-column #bodycontent { width: 560px; margin: 20px auto 0 auto; padding-bottom: 20px; }

	#featured {
		display: block;
		width: 530px;
		height: 232px;
		background: transparent url(/images/featured-bg.jpg) no-repeat top right;
		}
	#rotator {
		display: block;
		width: 493px;
		height: 187px;
		overflow: hidden;
		float: right;
		margin-right: 13px;
		}
	#company-resources {
		color: #787878;
		height: 200px;
		background: transparent url(/images/company-resources-bg.jpg) no-repeat bottom right;
		}
		#company-resources ul { list-style: none; margin: 0; padding: 0; }
		#company-resources li { 
			padding-left: 30px;
			margin-bottom: 16px;
			background: transparent url(/images/li-bg.jpg) no-repeat top left;
			}

#footer { width: 862px; margin: 0 auto 30px auto; color: #fff; }
#footer a { color: #fff; }

.clear { clear: both; }