body {
	margin: 0 0 20px;
	background-color: #E1E1E1;
}
* {
	margin: 0;
	padding: 0;
}
/* --- layout ---*/

#wrapper {
	background-color: #FFFFFF;
	width: 760px;
	margin: 0 auto;
}
#banner, #aboutus1, #whatwedo1, #northseaoil1, #eventsdiary1, #links1, #newsandarticles1 {
	width: 100%;
	height: 160px;
	background-repeat: no-repeat;
	background-position: right;
	margin: 0;
}
#menu {
	width: 100%;
	height: 28px;
	background-color: #5A5C60;	
	margin: 0;	
}
#content {
	width: 100%;
}
#info {
	width: 100%;
	height: 25px;
	background-color: #5A5C60;	
}
#credits {
	width: 100%;
}
#textblock p{
	width: 50%;
}
#textblock.wider p{
	width: 90%;
}
/*--- menu ---*/

#menu ul {
	list-style: none;
	padding: 5px 0 0;
	text-align: center;
}
#menu li {
	display: inline;
	color: #FFFFFF;
	font: bold 14px  Arial, Helvetica, sans-serif;	
}
#menu li a{
	color: #FFFFFF;
	text-decoration: none;
}
#menu li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#info p {
	padding: 3px 0 ;
	text-align: center;
}
#info a {
	color: #FFFFFF;
	font: bold 11px  Arial, Helvetica, sans-serif;		
	text-decoration: none;	
}
#info a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}


/*--- text ---*/

body {
	font: 100%/1em Verdana, Arial, sans-serif;	
	color: #000000;
}

h1 {
	font: bold 150% Arial, sans-serif;
	padding: 15px 25px 0;	
}
h2 {
	font: bold 125% Arial, sans-serif;
	padding: 15px 25px 0;		
}
h3 {
	font: bold 100% Arial, sans-serif;
	padding: 15px 25px 0;		
}
h4 {
	font: bold 80% Arial, sans-serif;
	padding: 15px 25px 0;		
}
p {
	padding: 15px 25px;
}
p.flat {
	padding: 15px 25px 5px;
}
#textblock {
	font-size: 75%;		
}
#textblock p {
	text-align: justify;	
}
#credits p {
	font-size: 70%;		
	text-align: center;		
	padding: 10px 0;
}
#textblock ul {
	padding: 0 50px;	
}
#textblock a, #textblock p a, #credits a, #events a, #links a {
	color: #000000;
}
#list1 {
	margin: 0px;
	padding: 0;
	width: 40%;
	list-style-image: url(images/drop15.gif);	
}
#list1 li{
	margin: 0 0 5px;
}
table {
	margin: 15px 15px 15px 35px;
	border: 0;
}
th {
	text-align: left;
}
#figures td, #figures th{
	margin: 0;
	padding: 3px;
	border: 0;
}
#charts p {
	padding: 0 35px;
}
#conversion {
	margin: 0 25px;
}
#conversion td {
	margin: 0;
	padding: 2px;
}
#events td, #links td {
	margin: 0;
	padding: 5px 5px;	
}
#events p, #links p, #figures p, #conversion p{
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
#events table {
	background-image: url(images/oilbg.jpg);
}
#links table {
	background-image: url(images/rigbg.jpg);
}
address {
	margin-right: 30px;
}
/*--- images ---*/

#banner img {
	margin: 28px 0 0 36px;
}
#mainimage {
	float: right;
	margin: 100px 25px 0 0 ;
}
#credits img {
	margin: 0 0 -5px 0;
	border: 0;
}
#charts img {
	float: none;
	margin: 15px 15px 0;
}
#aboutus1 {
	background-image: url(images/aboutus-bg1.jpg);
}
#whatwedo1 {
	background-image: url(images/whatwedo-bg1.jpg);
}
#northseaoil1 {
	background-image: url(images/northseaoil-bg1.jpg);
}
#eventsdiary1 {
	background-image: url(images/eventsdiary-bg1.jpg);
}
#links1 {
	background-image: url(images/links-bg1.jpg);
}
#newsandarticles1 {
	background-image: url(images/newsandarticles-bg1.jpg);
}