body {
	background: white;
	height: 100.1%;
	margin: auto;
	font: 9pt Verdana;
	text-align: center;
	line-height:150%;
}

p {text-align: left;}

#mpage {
	width: 900px;
	margin: auto;
	border: 0px solid blue;
	text-align: justify;
	}

#mpage h1{
	font: 24pt Book Antiqua;
	text-align: left;
	margin: 0px;
}

#mpage h2{
	font: 14pt Georgia;
	text-align: left;
	color: black;
}

#mpage h3 {
	font: 12pt Georgia;
	text-align: left;
	color: #003366;
	font-weight: bold;
}



#mpage li {
	font-size: 8pt;
	margin: 2px;
	left:0px;
	background-color: white;
	clear: both;
	padding: 4px;
	border: 0px;
}

#centerm {
	background-color: red;
}

#colr{
	width: 50%;
	float : right;
	text-align: left;
	margin: 0px;
}

#coll{
	width: 50%;
	float: left;
	text-align: left;
	margin: 0px;
}

#header  {
	border-bottom: 2px solid black;
}

.coimg {position: relative;
	width: 60px;
	float : left;
	text-align: left;
	right:5px;
	top: 0px;
}

.cotitle { 
	font: 14pt times new roman;
	font-weight: bold;
	text-align: left;
}

.pm { 
	Margin-right: 20px;
	Margin-left: 20px;
}


#nav  {width: 900px;
	margin: auto;
	position: relative;
	top: 0px;
	left: 100px;
	clear: both;
}
#nav  a {
	background-image:url(images/menu.gif);
	width:100px;
	height:19px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	padding-top:2px;
	text-decoration:none;
	color:black;
	font-weight: bold;
	margin-top:4px;
}
#nav  a:hover, .order a:hover {
	color:#E20404;
}


#mpcmd {
	position: relative;
	float: left;
	background: white;
	Padding: 0px;
      margin: 0px;
	border: 0px;
	list-style: none;
	text-align: left;
	width: 280 px;

}

#mpcmd li {
	font-size: 7.5pt;
	margin: 2px 0 0 0;
	left:0px;
	background-color: #DEDCE8;
	clear: both;
	display: block;
	padding: 4px;
	border: 0px;
}



#mpcmd  a:hover{
	font-weight: bold;
	overflow: hidden;
	margin-right: 0px;
}



#mpcmd a {
	color:black;
      margin: 0px;
	border: 0px;
	padding: 0px;
	text-decoration: none;
}

#mpcmd img {
	float: right;
      width: 47px;
	padding: 0px;
	margin: 0pz;
      border: 0px;
}


#aboutus {
	overflow:hidden; 
	width: 900px;
	height: auto;
	text-align: left;
	border: 0px;
	margin:0px 0px 10x 0px;
}

#contact {
	background-image:url(http://subscriber.hydrocarbonpublishing.com/test/images/contact.png);
	width:900px;
	overflow:hidden; 
}

#footer {
	margin: 0 auto;
	text-align:center;
	font-family: Arial;
	font-size: 8pt;
	clear: both;
	border-top: 2px solid black;
}

#textcenter, #textcenter h2, #textcenter p, #textcenter a{
	text-align:center;

}

.clearboth{
	clear: both;
}

#containingbox
		{
			border: 0px solid #000;
			background-color: white;
			margin:0px 0px 0px 0px;
			
		}

.left			
		{	 
			float: left;
			width: 50%;
			text-align:justify;
			margin-top: 10px;	
			margin-left: 0px;	
			margin-right: 0px;
			border: 0px;
			padding: 0px;
			background-color: none;
		}


.right
		{	
			float: right;
			width: 600;
			text-align:left;
			background-color: white;
			margin-top: 10px;	
			margin-left: 0px;	
			margin-right: 0px;
			border: 0px;
			padding: 0px;
}

.svcright
		{	
			position relative;
			float: right;
			width: 480;
			text-align:left;
			background-color: white;
			margin-top: 10px;	
			margin-left: 0px;	
			margin-right: 0px;
			border: 0px;
			padding: 0px;
			display: block;
}

.svcright img {
		border: 0px;
}


.boxc {
border:solid 2px black;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align: center;
}

.subbox {
	font: 24pt Georgia;
	text-align:center;
	background-color: black;
	margin: 0px;
	border: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 900px;
	color: red;
}

#subprod p, #subprod h2, #subprod a, #subprod ol{
	font: 14pt Georgia;
	text-align:center;
	margin-bottom: 10px;
	border: 0px;
	padding: 0px;
}

table.etablerv {
	font: 12pt Book Antiqua;
	text-align: center;
	margin: 1px;
	border: 0px solid;
	border-collapse: collapse;
	border-color: "#000000";
}
table.etablerv tr, table.etablerv td{
	border: 1px solid;
	border-color: "#000000";
}
table.etablerv li, {
	text-align: left;
      margin-top: 0; 
	margin-bottom: 0;
}

table.etable {	
	width: 700px;
	font: 9pt Verdana;
	text-align: center;
	margin: 1px;
	border: 1px solid;
	border-collapse: collapse;
	border-color: "#FFFFFF";
}
table.etable tr {
	text-align: left;
	border: 0px solid;
	border-color: "#FFFFFF";
}

table.etable td {
	text-align: left;
	border: 1px solid #FFFFFF;
	background-color: #EBEBEB;
}


table.headbox {	
	width: 800px;
		margin: 1px;
	border: 2px solid;
	border-collapse: collapse;
	border-color: "#000000";
}

table.headbox td {background-color: #F2F2F2;
	font: 11pt Arial Narrow;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;}

.orderbox, p.orderbox {
	margin-left: 25px; 
	text-indent: -25px;
}

.order {text-align: center;
	font: 10pt arial;
	font-weight: bold;
}

.order {text-align: -moz-center;}

.order  a{
	background-image:url(../images/orderbuttom.jpg);
	text-decoration: none;
	font-weight: bold;
	display:block;
	width:100px;
	height:20px;
	}

.bigtable {
	width: 620px;
	font: 8pt arial;
	border: 1px solid black;
	}

#bcrumb
{
float: left;
font-type: Tahoma; 
font-size: 10px; 
font-style: none;
}
#bcrumb a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #848484;
  } 
#bcrumb a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  color:            #848484;
  } 
#bcrumb a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  underline;
  color:            #424242;
  } 
#bcrumb a:active  {
  /* Applies to activated links */
  text-decoration:  underline;
  font-weight:      bold;
  background-color: black;
  color: white;
  } 

.hide{
display: none;
}

.show{
display: block;
}

#subscribercol1{
font: 10pt arial;
color: #585858;
padding-right:10px; 
float:left; 
width: 239px;
border-right:1px solid #C4C4C4;
margin-top:10px;
}
#subscribercol1 a, #subscribercol2 a, #subscribercol3 a {
color: blue;
font-weight:bold;
text-decoration:none;
}
#subscribercol1 a:hover, #subscribercol2 a:hover, #subscribercol3 a:hover, .archv a:hover {
color: #DF0101;
}
#subscribercol1 a:visited, #subscribercol2 a:visited, #subscribercol3 a:visited, .archv a:visited{
color: #4B088A;
}
#subscribercol2 {
margin-top:10px;
font: 10pt arial;
color: #585858;
float:left; 
width: 400px;
}

#subscribercol2 p, #subscribercol2 h2 {text-align: center;}

#subscribercol3 {
margin-top:10px;
font: 10pt arial;
color: #585858;
padding-left:10px; 
float: right; 
width: 230px;
border-left:1px solid #C4C4C4;
}

#archv a {color: #2E9AFE; }