/*///////////////////////////////////////////////////
/////////////////////////////////////////////////////

PLAINS EXPLORATION & PRODUCTION COMPANY
DAUGHTER PAGE STYLES
Copyright �2009


STYLES TOC

	1.	BASE STYLES
	
	2.	HEADER
	
	3.	MAIN CONTENT
		3.1		LEFTHAND NAV
		3.2		RIGHTHAND CONTENT ALL
				3.2.1	CCBN
		3.3		RIGHTHAND CONTENT 1 COLUMN
		3.4		RIGHTHAND CONTENT 2 COLUMN
				3.4.1	COLUMN 1
				3.4.2	COLUMN 2
	
	4	FOOTER
			
Note: 	To quickly find a section do a search for '>' + section name.
		No spaces after the '>'. Example...
		>MYSBC LIFE PAGE CONTENT STYLES	
		
COLORS

	#edb31e		mustard			// left nav, H1, Column 1/2 A bottom border
	#3b5274		H2blue 			// H2
	#133163		backgroundBlue 	// default background color
	#333333		text gray		//body copy
	#868b87		nav gray		//footer nav a color
	
/////////////////////////////////////////////////////
///////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////
/////////////////////////////////////////////////////
                  >BASE STYLES                   
/////////////////////////////////////////////////////
//////////////////////////////////////////////////*/	
body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;  /* test gray */
	background-color:#061637;
}

#bg_container	{
	padding:53px 0 0 0;
	width:100%;
	background:#000212 url(/_img/background_3.jpg) top center no-repeat;
}

#global	{
	position:relative;
	margin:auto;
	width:965px;
	overflow:auto;
	padding:0 0 0 0;
	background-color:#fff;
}

/*//////////////////////////////////////////////////
/////////////////////////////////////////////////////
                  >HEADER                   
/////////////////////////////////////////////////////
//////////////////////////////////////////////////*/	
#header{
	position:relative;
	width:965px;
	height: 79px;
	margin:0;
	padding:0;
	color:#fff;
	background:#133163 url(/_img/header1.jpg) top left no-repeat;
	z-index:1000;
}

#logo	{
	position:absolute;
	top:15px;
	right:25px;
}

#header_nav{
	position:absolute;
	top:35px;
	left:20px;
	margin:0;
	padding: 0;
	z-index:1000;
}

#header_nav .menuItem1{
	/* padding-left:20px; */
}

#header_nav	ul{
	margin:0;
	padding:0;
}

#header_nav	li{
	position:relative;
	display: inline;
	list-style-type: none;
	margin:0;
	padding: 0 10px 35px 10px;
	_padding: 0 10px 28px 10px;
	color:#fff;
	/* text-transform:uppercase; */
	font-size:11px;
	font-weight:bold;
	/* background-color:#ff0000; */
	
}

#header_nav	a{
	color:#fff;
	text-decoration:none;
	/* text-transform:uppercase; */
	font-size:12px;
}

#header_nav	a:hover{
	color:#edb31e;
	background: url(/_img/menu_arrow.gif) left top norepeat;
	overflow:visible;
}


/*///////////Sub Navigation ALL //////////////////*/
.subList,
.subList2,
.subList3,
.subList4,
.subList5	{
	display:none;
}

#sub_about,
#sub_ops,
#sub_invest,
#sub_owners,
#sub_enviro	{
	z-index:1001;
	position:absolute;
	top:43px;
	background:#365f93 url(/_img/menu_gradient.gif) top left repeat-x;
	width:160px;
	/* padding: 10px 0 10px 0; */
}


/* new stuff */
#sub_about	ul,
#sub_ops	ul,
#sub_invest	ul,
#sub_owners	ul,
#sub_enviro	ul{
	margin:0;
	padding:8px 0;
}

#sub_about	li,
#sub_ops	li,
#sub_invest	li,
#sub_owners	li,
#sub_enviro	li
{
	display:block;
	list-style-type: none;
	margin:0;
	/* margin:8px 0 8px 0; */
	padding:0;
	color:#c6e1d4;
	text-transform:none;
	font-size:12px;
	font-weight:normal;
	width:155px;
	/* background-color:#FF0000; */
	/* border-bottom:solid 1px #000033; */
	
}

#sub_about	li a,
#sub_ops	li a,
#sub_invest	li a,
#sub_owners	li a,
#sub_enviro	li a
{
	position:relative;
	display:block;
	color:#fff;
	padding:4px 10px;
	/* background-color:#ff0000; */
}


/*////////////////Sub Navigation About //////////////////*/

#sub_about	{
	left:7px;
}


/*///////////Sub Navigation Operations //////////////////*/

#sub_ops	{
	left:90px;
}

/*///////////Sub Navigation Investors //////////////////*/

#sub_invest	{
	left:177px;
}

/*///////////Sub Navigation Royalty Owners //////////////////*/

#sub_owners	{
	left:302px;
}

/*/////////////////Sub Navigation EH&S ////////////////////*/

#sub_enviro	{
	left:414px;
}

/*//////////////////////////////////////////////////
/////////////////////////////////////////////////////
                  >MAIN CONTENT                   
/////////////////////////////////////////////////////
//////////////////////////////////////////////////*/	
#main	{
	position:relative;
	float:left;
	width:965px;
	margin:0;
	padding:0;
	height:auto; /* probably not needed */
	background:#f8f8f8 url(/_img/header2.jpg) top left no-repeat;
}

/*//////////////////////////////////////////////////
                  >LEFT HAND NAV                    
//////////////////////////////////////////////////*/
#left_nav{
	position:relative;
	float:left;
	width:210px;
	margin:182px 0 0 0;
	padding:0;
	/* border-bottom:solid 1px green; */
}

#navcontainer {
	position:relative;
	float:left;
	display:inline;
	margin: 0 0 0 20px;
	width: 175px;
}

#navcontainer ul{
	margin:0 0 0 20px;
	padding:0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer li{
	margin: 0 0 10px 0;
}

#navcontainer a{
	font-size:12px;
	font-weight:bold;
	padding: 0 15px 0 0;
	color: #edb31e;
	text-decoration:none;
}

#navcontainer a:hover{
	color: #3b5274;
	background:url(/_img/nav_arrow.gif) no-repeat right .35em;
}

/*//////////////////////////////////////////////////
            >RIGHTHAND CONTENT ALL                   
//////////////////////////////////////////////////*/
#right_content_2column,
#right_content_1column  {
	position:relative;
	float:right;
	width:750px;
	margin:0;
	padding:0 0 20px 0;
	height:auto;
}

#right_content_1column .column1 table p{
	width:auto;
	padding:0;
	margin:0;
}

.column1{
	position:relative;
	float:left;
	margin:75px 0 0 0;
	padding:0 0 30px 0;
	min-height:500px;
}

.column1	p{
	margin:4px 0 17px 0;
	line-height:16px;
}

.acroicon_tiny	{
	position:relative;
	margin:0 10px -2px 0;
}

.linkicon	{
	position:relative;
	padding:0 10px 0 0;
}
	

#right_content_1column	.column1 p.getacro	{
	position:relative;
	font-size: 10px;
	color:#777;
	margin: 40px 0 0 0;
	line-height:12px;
	width:450px;
}

.getacro	img {
	position:relative;
	padding:0 10px 0 0;
}
.column1	a,
.column1	a,
.column2	a{
	position:relative;
	color:#333;
	text-decoration:none;
	border-bottom:dotted 1px #eeb21e;
}

.column1	a:hover,
.column2	a:hover{
	color:#eeb21e;
	border:none;
}

.column1	h1{
	font-size:36px;
	color:#edb31e;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.column1	h2,span.h2copy{
	font-size:18px;
	color:#3b5274;
	margin:15px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
}

.column1 table {
	margin:0 0 10px 0;
}


.column1 td,th	{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	border-bottom:solid 1px #cdcdcd;
	color:#424242;
	padding:5px 0 5px 0;
}

a.noborder	{
	border:none;
}

.column1 table.noborder tr td,
.column1 table.noborder th	{
	border:none;
}

.column1 th {
	font-weight:bold;
}

.column1 td	a{
	color:#424242;
	text-decoration:none;
}

.column1 td	a:hover{
	color:#eeb21e;
}

.annual_thumb	{
	margin:15px 0 5px 20px;
}

.column1	ol	{
	margin:0 0 0 30px;
	padding:0;
	
	_margin:0 0 0 20px;
	_padding:0 0 0 25px;
	
	width:500px;
}

.column1	ol li	{
	
	color:#333;
	list-style:decimal;
	padding:2px 0 2px 0;
	margin: 0 0 7px 0;
	line-height:1.3em;
}

.column1	ul	{
	margin:0;
	padding:0 0 0 15px;
	width:400px;
}

.column1	ul li	{
	list-style: square outside;
	color:#333;
	padding:2px 0 2px 0;
	margin: 0 0 10px 0;
	line-height:1.3em;
}



/* >CCBN //////////////////////////////////////////*/
.ccbnBgTblTxt{
	font-weight:bold;
}


/*//////////////////////////////////////////////////
            >RIGHTHAND CONTENT 1 COLUMN                   
//////////////////////////////////////////////////*/

#right_content_1column	.column1{
	width:730px;
}

#right_content_1column	.column1	p{
	width:600px;
}

p.sitemapList {
	margin-top: 16px;
	margin-bottom: 0px;
}

ul.sitemapList li {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*//////////////////////////////////////////////////
            >RIGHTHAND CONTENT 2 COLUMNS                   
//////////////////////////////////////////////////*/

/* >COLUMN 1 /////////////////////////////////////*/
#right_content_2column	.column1{
	width:435px;
}

#right_content_2column	.column1	p{
	width:400px;
}

/* >COLUMN 2 /////////////////////////////////////*/
#right_content_2column	.column2{
	position:relative;
	float:right;
	width:315px;
	margin:75px 0 25px 0;
	padding:0;
}

#right_content_2column	.column2	h2{
	font-size:14px;
	color:#3b5274;
	margin:15px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
}

#right_content_2column	.column2	p{
	padding: 0 0 15px 0;
}

#right_content_2column	.column2	hr{
	position:relative;
	float:left;
	border:solid 1px #dcdcdc;
	width:248px;
	margin:0;
	_margin: 0 30px 0 0;
	padding:0;
}

#right_content_2column	.col2Frame	{
	position:relative;
	float:left;
	border:none;width:284px;
	padding:0 10px 0 20px;
	margin:0;
	background:transparent url(../_img/frameBody.gif) repeat-y;
}

#right_content_2column	.col2FrameTop	{
	position:relative;
	float:left;
	width:294px;
	height:7px;
	padding:0;
	margin:0;
	background:#ccc url(../_img/frameTop.gif) no-repeat;
	font-size:0px;
	line-height:normal;
}

#right_content_2column	.col2FrameBottom	{
	position:relative;
	float:left;
	border:none;
	width:294px;
	height:11px;
	padding:0 0 0 0;
	margin:0;
	background:transparent url(../_img/frameBottom.gif) no-repeat;
}

/*//////////////////////////////////////////////////
/////////////////////////////////////////////////////
                  >FOOTER                   
/////////////////////////////////////////////////////
//////////////////////////////////////////////////*/	
#footer{
	position:relative;
	width:auto;
	margin:0;
	padding:0;
	background:#133163 url(/_img/footer_background.gif) repeat-x;
	font-size:9px;
}

#footer_content	{
	position:relative;
	width:965px;
	margin:auto;
	height:37px;
	padding:0;
	background: url(../_img/flag.jpg) 400px 0px  no-repeat;
}

#footer_nav	{
	position:relative;
	display:inline;
	float:left;
	margin: 12px 0 0 30px;
	padding:0;
}

#footer_rights	{
	position:relative;
	display:inline;
	float:right;
	margin: 12px 40px 0 0;
	padding:0;
	color:#fff;
}

#footer_nav	ul{
	margin:0;
	padding:0;
}

#footer_nav	li{
	display: inline;
	list-style-type: none;
	margin:0;
	padding: 0 10px 0 10px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	
}

#footer_nav	a{
	color:#fff;
	text-decoration:none;
}

#footer_nav	a:hover{
	color:#edb31e;
}

.equalOpportunity	{
	font-size:16px;
	font-style:italic;
}