html {overflow-y: scroll;}

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

p {text-align: left;}

.detailt { margin:0px; padding-bottom: 5px; }
.maincolor {color:#6699CC;}
.bluech, #mpage h3 {color:#003366;}

a {color:#0066CC;}
a:visited {color:#800080;}

a {text-decoration: none; font-weight:bold;}
a:hover {color: black; font-weight:bold;}


.imgborder { border: 1px solid #999999;}

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

	}
.bigletter {font-size:28pt;}

#mpage h1{
	font: 18pt Georgia;
	font-weight: bold; 
	text-align: left;
	margin: 10px 0 10px 0;
}
#mpage h2{
 	font: 16pt Georgia;

	text-align: left;
	color: black;
}

#mpage h3 {
	font: 14pt Georgia;
	text-align: left;
	font-weight: bold;
	padding-top:10px;
}

#mpage h4 {
	text-decoration:underline;
	font: 10pt Georgia;
	text-align: left;
	font-weight: bold;
	padding-top:10px;
}


#mpage li {
	margin: 2px;
	left:0px;
	background-color: white;
	padding: 4px;
	border: 0px;
}
.leftmain			
		{	
			float: left;
			width: 140px;
			text-align:justify;
			margin-top: 10px;	
			margin-left: 0px;	
			margin-right: 0px;
			border: 0px;
			padding: 0px;
			background-color: none;
		}


.rightmain
		{	 
			float: right;
			width: 750px;
			text-align:left;
			margin-top: 10px;	
			margin-left: 0px;	
			margin-right: 0px;
			border: 0;
			padding: 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  {
      margin-top:0;
	margin-bottom: 0;
	padding-bottom: 0px;
}


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


#nav  
{
font-size: 9pt;
margin-top: 10px;
width: 900px;
padding-left:0; padding-right: 0; padding-top:0;
padding-bottom:2px;
border-bottom: 2px solid black; 
}



.navnew
{
float: left;
line-height:120%;
text-align: center;
width: 118px; height: 35px;
margin-left: 5px; margin-right: 5px; 
border-bottom: 18px solid black;
padding:0; 
}


#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;
}


.order a:hover {
	color:#E20404;
}

#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: 35px auto;
	text-align:center;
	font-size: 8pt;
	clear: both;
}

#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;
}

.tagline {
	font-size: 11pt ;
	margin-top:0px;
}





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



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

table.etablerv {
	font-size: 12pt ;
	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-size: 9pt ;
	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-size: 11pt ;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;}

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

.order {text-align: center;
	font-size: 10pt ;
	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-size: 8pt ;
	border: 1px solid black;
	}

#bcrumb
{
float: left;
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;
}

.moresize {
height:8px;
 width:22px;
border: 0;
}

.forgotpw {font-size: 8pt;}

#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{
color: #DF0101;
}
#subscribercol1 a:visited, #subscribercol2 a:visited, #subscribercol3 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;
}

.text1
{
margin-left: 100px;
margin-right: 100px;
}