/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#363a42;
margin:0px;
padding:0px;
}

h2{font-size:14px;color:#336699;margin:0px 0px 14px 0px;padding:0px;/*cos the ie & firefox alignment*/line-height:16px;height:20px;}
h3{ font-size:12px; font-weight:bold; color:#336699; background-color:#dedfdf; line-height:18px; height:18px;margin:0px 0px 13px 0px; padding-left:4px;}

div{font-size:11px;line-height:18px;}
a,a:visited{color:#3366cc;}
a:hover{ color:#003366;}
p {margin: 0px 0px 18px 0px;}
img{margin:0px;padding:0px;}

a img{border:0px solid #FFFFFF}

#footer {float:left; width:780px;}
#footer a,#footer a:visited,#footer a:hover,#footer a:link{
color:#6a6a6a;
font-size:10px;
text-decoration:none;
}
#footer a:hover{
color:#333333;
font-size:10px;
text-decoration:none;
}

#content #sideMenu{background:url(../images/side_menu_bg.jpg) no-repeat top; width:195px; float:left;}
#content #bodyRight{float:right;width:580px;}
#contentInfo{margin:0px 0px 0px 12px;}

#mask {
background-color:#FFFFFF;
border:1px solid #000000;
display:none;
position:absolute;
z-index:99;

 filter: alpha(opacity=90);
 -moz-opacity:.9;
 opacity:.9;
}

#mask_content {
background-color:#EFF0F1;
border:1px solid #000000;
display:none;
position:absolute;
width:280px;
z-index:101;
font-size:11px;
}

.txt_bold{font-weight:bold;}
.txt_10{font-size:10px;}
.txt_12{font-size:12px;}
.txt_11{font-size:11px;}
.txt_14{font-size:14px;}
.txt_blue{color:#3366cc;}
.txt_blue2{color:#336699;}
.txt_dark_blue{color:#4170a0;}
.txt_black{color:#000000;}
.txt_gray{color:#999999;}
.txt_red{color:#660000;}
.txt_alert_red{color:#cc0033}
.border_gray{border:1px solid #d6d8d9;}
.border_blue{border:1px solid #c2cfd6;}
.padding_border_gray{border:1px solid #c2cfd6; padding:5px;}
.bg_gray{background-color:#d6dde8;}
.clear_left{ clear:left;}
.clear_right{clear:right;}
.clear_all{clear:both;}
.red_dot_line{background:url(../images/red_dot.jpg) repeat-x; height:1px; margin:0px 0px 12px 0px;}
.display_none{
display:none;
}

#body_area{
width:780px;
text-align:left;
}
.content_width{
width:548px;
}
.content_bottom{
padding-bottom:33px;
}



/*Start contentdiv*/
.content_box{
color:#660000;
border:1px solid #c2cfd6;
width:527px; 
padding-bottom:12px; 
padding-top:13px;
}
.content_box .blue_bg{
float:left;
background-color:#4170a0; 
height:18px; 
width:5px; 
margin-right:17px;
}
.content_box .title{
float:left;
font-size:14px;
color:#4170a0;
font-weight:bold;
}
.content_box img{
margin:0px 19px 0px 19px;
}

.content_box .content{
width:463px;
clear:both;
}

.content_box .content .left_content{
float:left;
width:207px; 
padding-left:19px;
}

.content_box .content .right_content{
float:right;
width:190px; 
padding-left:0px;
}
/*End contentdiv*/
/* Start Tell friend form*/
.form-pass, .form-fail {
	float: left;
	width: 100px;
	height: 18px;
	margin: 3px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}

.form-empty {
	float: left;
	width: 100px;
	height: 18px;
	text-align: left;
	font-size: 85%;
	line-height: 18px;
	color: #AAAAAA;
	margin: 3px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}
form small {
	float: left;
	margin-top: 12px;
	font-size: 90%;
	color: #3399CC;
	height: 24px;
}
form img {
	float: left;
}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form input, form textarea {
	width:auto;   	  
	margin:5px 0px 0px 0px;
	float: left;
}

form input#reset {
	margin-left: 2px; /* set margin-left back to zero on reset button (set above) */
}
form fieldset legend {
	font-weight: bold;
	color: #336699;
	padding: 3px 0px 3px 0px;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 110px; 
	padding: 0; 
	margin: 8px 10px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
/* End tell friend form*/

/* Start Form style*/
.field_title{
	float:left;
	font-weight:bold;
	color:#000000;
	height:27px;
	width:155px;
}
.field_title2{
	float:left;
	color:#999999;
	height:27px;
	width:155px;
}
.form_txtfld{
	border: 1px #cccccc solid;
	height: 14px;
	width: 198px;
	font-family:verdana;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;
}
.form_txtfld2{
	border: 1px #cccccc solid;
	height: 14px;
	width: 73px;
	font-family:verdana;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;
}
.form_file{
	border: 1px solid #cccccc;
	font-family:verdana;
	font-size: 11px;
	color: #605d4e;
	line-height: 30px;
	width:198px;
}
.field-200 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	width: 198px;
	border: 1px solid #cccccc;
	z-index:1;
}
.form_textarea{
	border: 1px solid #cccccc;
	height:88px;
	width:198px;
	font-family:verdana;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;

}

#particular_form .field{
width:200px;
}

.oil_gas_content{
padding-left:14px; 
width:296px;
float:left;
color:#660000;
 }
/*End From Style*/

.top_nav{
background:url(../images/top_bgimg.jpg) no-repeat right bottom;
width:780px; 
height:50px;
}

.comming_soon{
background:url(../images/commingSoon_bg.jpg) no-repeat left top;
height:303px;
width:288px; 
float:right; 
padding-top:5px;
margin-top:10px;
width:288px; 
float:right; 
}

.content_footer{
width:780px;
text-align:right;
padding:0px 15px 15px 0px;
float:left;
}

.content_footer a:hover{
color:#003366;
}

.back_to_top{
text-align:right;
padding-bottom:10px;

}
.back_to_top a:hover{
color:#003366;
}

.main_nav{
margin-bottom:4px;
}
.main_nav img{
border:none;
}


.left_nav_title{
margin:26px 0px 26px 13px;
}

.gray_line{
background-color:#cdd1d5; 
height:1px; 
margin:0px; 
padding:0px;
}
.dot_line{
background-image:url(../images/dot.jpg);
background-repeat:repeat-x; 
height:1px; 
width:278px;
margin:19px  auto 13px auto;
}

/*Start submit btn*/
#submit_disable{
background-image:url(../images/submit_btnbg_off.gif);
background-position: top;
background-repeat:no-repeat;
width:100px;
height:23px;
margin:0px;
padding:0px;
float:left;
display:block;
text-align:center;
font-weight:bold;
line-height:23px;
text-align:center;
cursor:pointer;
color:#999999;
}

.btn_submit{
background-image:url(../images/submit_btnbg_on.gif);
background-position: top;
background-repeat:no-repeat;
width:100px;
height:23px;
margin:0px;
padding:0px;
float:left;
display:block;
text-align:center;
}

.btn_submit a{
width:100px;
height:23px;
display:block;
text-decoration:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:23px;
text-align:center;
}


/* only AFFECT IE*/
.btn_submit a:hover
{
color:#003366;
	/* filter: alpha(opacity=0);
	 -moz-opacity:.0;
	 opacity:.0;*/
}
.btn_submit a:hover img
{
	visibility:hidden !important; visibility:visible;
}


/*End submit btn*/
/*Start Reset btn*/
.btn{
background-image:url(../images/reset_btnbg_on.gif);
background-position: top;
background-repeat:no-repeat;
width:86px;
height:23px;
margin:0px;
padding:0px;
float:right;
display:block;
text-align:center;
}

.btn a{
width:86px;
height:23px;
display:block;
text-decoration:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:23px;
}

.btn img{
border:0px solid;
width:86px;
height:23px;
display:block;
}


/* only AFFECT IE*/
.btn a:hover
{
/*background-image:url(../images/reset_btnbg_off.gif);*/
color:#003366;

	 /*filter: alpha(opacity=0);
	 -moz-opacity:.0;
	 opacity:.0;*/
}



/*End reset btn*/

.float_left{
float:left;
}
.float_right{
float:right;
}

.quick_nav a,.quick_nav a:visited{
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
.quick_nav a:hover{
	font-size:11px;
	color:#a40725;
	text-decoration:none;
}
.quick_nav .nav_content{
margin-bottom:8px;
line-height:14px;
}

/* separate the list from what follows it */
div.list_normal {
	margin: 12px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
div.list_normal ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 458px;  /* room for 1 columns */
}
div.list_normal li {
	list-style: none;
	background: url(../images/list_style.gif) 0px 4px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
  	width: 458px;  /* accommodate the widest item */
}
div.list_normal br
{
  clear: left;
}

/* separate the list from what follows it */
div.wrapper {
	margin: 17px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
div.wrapper ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 5px;
	width: 400px;  /* room for 3 columns */
}
div.wrapper li {
	list-style: none;
	background: url(../images/list_style.gif) 0px 4px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
  	width: 185px;  /* accommodate the widest item */
}
div.wrapper br
{
  clear: left;
}

div.wrapper a:hover{
color:#003366;
}

div.list1 {
	height: auto;
margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.list1 ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
div.list1 li {
	list-style: none;
	background: url(../images/list_style.gif) 0px 4px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 4px 6px;
}

/*  list style for left menu nav*/
div.left_nav {
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
div.left_nav ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:165px;
}
div.left_nav li {
	list-style: none;
	background: url(../images/list_style.gif) 5px 9px no-repeat;	
		/* infrount is for firefox , behind is for ie*/
	width: 165px !important; width: 155px;	
	border-bottom:1px dotted #bbc6ca;
	vertical-align:bottom;
}

div.left_nav a.left_nav_selected{
background-image:url(../images/side_hover_bg.jpg); 
background-repeat:repeat-y;
}
div.left_nav a.left_nav_selected:link,div.left_nav a.left_nav_selected:visited,div.left_nav a.left_nav_selected:hover{
color:#000000;
}


div.left_nav a,div.left_nav a:visited{
color:#336699;
text-decoration:none;
display:block;
	/* infrount is for firefox , behind is for ie*/
padding: 5px 7px 5px 14px!important; padding: 5px 0px 5px 14px;
	margin:0px;
}

div.left_nav a:hover{
color:#336699;
text-decoration:none;
}

div.left_nav ul li a:hover {
background-image:url(../images/side_hover_bg.jpg);
background-position:0px top;
background-repeat:repeat-y;
}


/*To set active hover area in IE*/
html>body div.left_nav a{display:block;}
* html body div.left_nav a {
width:100%;
} 


/* site Nav */
div.site_nav {
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:1px solid #ffffff;
	padding-bottom:20px;
}
div.site_nav ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px -10px;
}
div.site_nav li {
	list-style: none;
	background-image:url(../images/list_style.gif);
	background-repeat:no-repeat;
	/* infrount is for firefox , behind is for ie*/
	background-position:right 1em !important; background-position:right 1em;
	padding: 5px 15px 5px 5px;
	margin: 0px 0px 0px 0px;
	float:left;
}

div.site_nav li.active_link_bg{
background-image:none;
color: #666666;
line-height:inherit;
vertical-align:bottom;
}

div.site_nav a.active_link{
color: #1f4aaa;
text-decoration:none;
cursor:text;
}
div.site_nav a.active_link:hover{
color: #1f4aaa;
text-decoration:none;
cursor:default;
}


div.site_nav br{
clear:left;
}

div.site_nav a:hover{
color: #003366;
}


/* top Nav */
div.top_nav_list a,div.top_nav_list a:link,div.top_nav_list a:visited,div.top_nav_list a:hover{
	color:#dfc3c3;
	font-size:10px;
	text-decoration:none;
}

div.top_nav_list {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	width:250px;
}
div.top_nav_list ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
div.top_nav_list li {
	list-style: none;
	background-image:url(../images/topnav_list_icon.gif);
	background-repeat:no-repeat;
	/* infrount is for firefox , behind is for ie*/
	background-position:left 1em !important; background-position:left 1em;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	float:left;
}

div.top_nav_list a:hover{
color:#FFFFFF;
}



/* drop down nav */


.bgline {
	BACKGROUND-COLOR: #000000;
}
.dropdown {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 188px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 16px
}

/* main drop down nav*/
.navigation {
	DISPLAY: block; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#navigation TD {
	height:25px;
}
#navigation A {
	PADDING-RIGHT:0px; DISPLAY: block; PADDING-LEFT: 0px;TEXT-ALIGN: center; TEXT-DECORATION: none;height:25px;
}

#navigation img {
height:25px;
border:0px;
margin:0px;
padding:0px;
display:block;
}
/* only AFFECT IE*/
#navigation a:hover
{

	 filter: alpha(opacity=0);
	 -moz-opacity:.0;
	 opacity:.0;
}
/*  */
#navigation a:hover img
{
	/* infrount is for firefox , behind is for ie*/
	visibility:hidden !important; visibility:visible;
}





#main_selected img{
display:block;
visibility:hidden;
}

.subheader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #426c9b; LINE-HEIGHT: 18px; FONT-FAMILY: Arial
}
.subnavigation-select A {
	BACKGROUND-POSITION: 50% bottom; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/nav_dot.gif); PADDING-BOTTOM: 8px; COLOR: #ffffff; LINE-HEIGHT: 20px; PADDING-TOP: 8px; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Arial; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
.subnavigation-select A:link {
	COLOR: #ffffff; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
.subnavigation-select A:visited {
	COLOR: #ffffff; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
.subnavigation-select A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
 HTML BODY .subnavigation-select A {
	WIDTH: 100%
}
.subnavigation A {
	BACKGROUND-POSITION: 50% bottom; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/nav_dot.gif); PADDING-BOTTOM: 8px; COLOR: #000000; LINE-HEIGHT: 20px; PADDING-TOP: 8px; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f0ecdb; TEXT-DECORATION: none
}
.subnavigation A:link {
	COLOR: #000000; BACKGROUND-COLOR: #f0ecdb; TEXT-DECORATION: none
}
.subnavigation A:visited {
	COLOR: #000000; BACKGROUND-COLOR: #f0ecdb; TEXT-DECORATION: none
}
.subnavigation A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
 HTML BODY .subnavigation A {
	WIDTH: 100%
}
.subnavigation-3rd A {
	DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; COLOR: #ffffff; LINE-HEIGHT: 20px; PADDING-TOP: 8px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
.subnavigation-3rd A:link {
	BORDER-LEFT: #d0deea 20px solid; COLOR: #000000; BACKGROUND-COLOR: #e8eff5; TEXT-DECORATION: none
}
.subnavigation-3rd A:visited {
	BORDER-LEFT: #d0deea 20px solid; COLOR: #000000; BACKGROUND-COLOR: #e8eff5; TEXT-DECORATION: none
}
.subnavigation-3rd A:hover {
	BORDER-LEFT: #9ec2e1 20px solid; COLOR: #000000; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
 HTML BODY .subnavigation-3rd A {
	WIDTH: 100%
}
.subnavigation-3rd-select A {
	DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; COLOR: #ffffff; LINE-HEIGHT: 20px; PADDING-TOP: 8px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
.subnavigation-3rd-select A:link {
	BORDER-LEFT: #9ec2e1 20px solid; COLOR: #000000; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
.subnavigation-3rd-select A:visited {
	BORDER-LEFT: #9ec2e1 20px solid; COLOR: #000000; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
.subnavigation-3rd-select A:hover {
	BORDER-LEFT: #9ec2e1 20px solid; COLOR: #000000; BACKGROUND-COLOR: #c3dbef; TEXT-DECORATION: none
}
 HTML BODY .subnavigation-3rd-select A {
	WIDTH: 100%
}
#dropdown-nav A {
	DISPLAY: block; PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/dropdown-bg.gif); COLOR: #426c9b; LINE-HEIGHT: 25px; MARGIN-RIGHT: 15px; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#dropdown-nav A:link {
	BACKGROUND-IMAGE: url(../images/dropdown-bg.gif); COLOR: #426c9b; BACKGROUND-REPEAT: repeat-y; TEXT-DECORATION: none
}
#dropdown-nav A:visited {
	BACKGROUND-IMAGE: url(../images/dropdown-bg.gif); COLOR: #426c9b; BACKGROUND-REPEAT: repeat-y; TEXT-DECORATION: none
}
#dropdown-nav A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #426c9b; TEXT-DECORATION: none
}
A.sublevel {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 16px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: auto; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: pointer; COLOR: #666666; LINE-HEIGHT: 22px; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none; background:url(../images/list_style.gif) no-repeat 6px 8px;
}
A.sublevel:link {
	WIDTH: 100%; COLOR: #666666; TEXT-DECORATION: none
}
A.sublevel:visited {
	WIDTH: 100%; COLOR: #666666; TEXT-DECORATION: none
}
A.sublevel:hover {
	 background:url(../images/list_style.gif) no-repeat 6px 8px;WIDTH: 100%; COLOR: #a10724;TEXT-DECORATION: none
}
.transMenu .item td{
BORDER: #8ab2c5 0px solid;
}


.transMenu {
	LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.transMenu .content {
	POSITION: absolute
}
.transMenu .items {
	Z-INDEX: 2; LEFT: 0px; POSITION: relative; TOP: 0px; border:1px solid #8f0520;
}
.top .items {
	BORDER-TOP: medium none
}
.transMenu .item {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10px; BORDER-LEFT: medium none; CURSOR:pointer; COLOR: #000000; BORDER-BOTTOM: medium none; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
.transMenu .background {
	Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px;
	
	 filter: alpha(opacity=90);
	 -moz-opacity:.9;
	 opacity:.9;
}
.transMenu .shadowRight {
	Z-INDEX: 2; WIDTH: 2px; POSITION: absolute; TOP: 3px; 	
	 filter: alpha(opacity=90);
	 -moz-opacity:.9;
	 opacity:.9;
}
.transMenu .shadowBottom {
	Z-INDEX: 1;LEFT: 3px; POSITION: absolute; HEIGHT: 2px;
	 filter: alpha(opacity=90);
	 -moz-opacity:.9;
	 opacity:.9;
}
/* End of drop down nav*/