/*
-------------------------------------------------------- 
Plains Marketing Canada		
Creation:			03/16/07
Last Update:		00/00/00
Company:			Apis Design
-------------------------------------------------------- 
*/

/* GLOBALS
----------------------------------*/
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
body {
background: url(../images/repeaters/body_bg.gif) repeat-x top;
color: #003263;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
}

/* GENERAL FRAMEWORK
----------------------------------*/
#container {
margin: 0 auto;
text-align: left;
width: 786px;
}
#topbar {
margin: 14px 0 0 0;
}
#imgheader {
clear: both;
line-height: 165px;
margin: 0 0 1em 0;
}
#contentmain {
clear: both;
padding: 0 0 0 12px;
}
#col_1 {
float: left;
width: 65%;
}
#col_2 {
float: left;
margin: 0 0 0 3.5em;
width: 25%;
}

/* TEXT STYLE
----------------------------------*/
#contentmain h1 {
background: #FFF url(../images/hr_line.gif) bottom left no-repeat;
color: #ca3138;
clear: both;
font-size: 125%;
margin: 0 0 0.5em 0;
padding: 0 0 .6em 0;
}
#contentmain h2 {
background: #FFF url(../images/hr_doubleline.gif) bottom left no-repeat;
color: #ca3138;
clear: both;
font-size: 125%;
line-height: 54px;
margin: 0 0 0.5em 0;
}
#contentmain p {
font-size: 80%;
margin: 0 0 1em 0;
}

/* TABLE STYLE
----------------------------------*/
.dirtable {
border: 1px solid #000;
border-bottom: none;
border-right: none;
margin: 1em 0 2em 0;
width: 470px;
}
.dirtable caption {
font-size: 80%;
text-align: left;
font-weight: bold;
}
.dirtable td {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
font-size: 70%;
padding: 5px;
width: 50%;
}
.dirtable td.empty {
border-bottom: 0;
border-right: 0;
font-size: 70%;
padding: 5px;
width: 50%;
}

/* LINK STYLE
----------------------------------*/
#contentmain a {
color: #003263;
text-decoration: underline;
}
#contentmain a:hover {
text-decoration: none;
}

/* LIST STYLE
----------------------------------*/
#contentmain ul {
margin: 0 0 1em 1em;
width: 75%;
}
#contentmain li {
font-size: 80%;
/*margin: 0 0 .75em 2em;*/
margin: 0 0 .75em 2.5em;
}
.sidepics {
text-align: center;
}
.sidepics dd {
margin: 0 0 1em 0;
}

/* NAVIGATION
----------------------------------*/
#nav {
clear: both;
height: 25px;
line-height: 25px;
list-style: none;
margin: 17px 0 0 0;
text-align: center;
}
#nav li {
display: inline;
height: 100px;
line-height: 25px;
}
#nav li a {
margin: 0 32px 0 0;
}
#nav li a.last {
margin: 0;
}

#mainNavList{
	width:786px; 
	height: 28px;
	margin-top: 14px;
}
#mainNavList UL{
	list-style: none;
}
#mainNavList UL LI{
	height: 23px;
	float: left;
}

#mainNavListSub{
	position: absolute;
	top: 138px;
}

#mainNavListSub UL{
	list-style: none;
}
#mainNavListSub UL LI{
	height: 23px;
}

.mainNavList-subNav{
	background: url(../images/nav/subnav-bg.png);
	width: 185px;	
}

.mainNavList-subNav a{
 	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display: block;
	width: 165px;
	padding: 5px;
	margin: 5px;
 }
 
.mainNavList-subNav a:hover{
 	color: #D13B63;
	background: #DAE1E8;
 }

#mainNavListSub #Corporate{
	position: absolute;
	left: 90px;
	display: block;
	float: left;
	display: none;	
}

#mainNavListSub #Operations{
	position: absolute;	
	left: 385px;
	display: none;
	float: left;
}

#mainNavListSub #Ehs{
	position: absolute;
	left: 510px;
	float: left;
	display: none;
}

/* FOOTER
----------------------------------*/
#footer {
background: url(../images/hr_line.gif) no-repeat top center;
color: #003263;
clear: both;
font-size: 70%;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
}
#footer a {
color: #003263;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

#footer #altnav {
float: left;
padding: 0 0 0 2.5em;
width: 60%;
}
#footer #altnav li {
display: inline;
list-style: none;
margin: 0 1.5em 0 0;
}
#footer #rights {
float:right;
padding: 0 0 0 0;
width: 20%;
}
#footer #rights li {
list-style: none;
margin: 0 0 0 0;
line-height: 2em
}

/* Careers styles 
----------------------------------*/

.hilite {color:#ca3138;}

#careers {
font-size:70%;
}
.careersTable {
border:1 solid #000000;
border-collapse:collapse;
}
.careersTable td {
padding:3px;
}
.careersTable th {
background-color:#ca3138;
color:#FFFFFF;
padding:5px;
text-align:left;
}
tr.odd {
	background-color:#EAEAEA;
}

/*---------- Pricing System Login Form --------------*/
#loginBox{
	width: 100%px;
	background: #EEE;
	border: 1px solid #AAA;
	padding: 5px;
	text-align: center;
}

#loginBox table tr td{
	padding: 0px;
	margin: 0px;
}

#loginBox input[type="text"]{
	width: 100%;
	height: 18px;
	font-size: 16px;
}

#loginBox input[type="password"]{
	width: 100%;
	height: 18px;
	font-size: 16px;
}

#loginbox input[type="submit"]{
	width: 100%;
	height: 18px;
	font-size: 15px;
}


.clear{
	clear: both;
	line-height: 0;
}


#MainMenu{
	height: 28px;
	margin: 14px 0 0 0;
	*margin: 11px 0 0 0;
}

#MainMenu .home a{ display: block; width: 67px; height: 28px; background: url(/assets/images/nav/home.gif) top left no-repeat; float: left;}
	#MainMenu .home a:hover{background: url(/assets/images/nav/home.gif) bottom left no-repeat;}
	
#MainMenu .corporate a{ display: block; width: 125px; height: 28px; background: url(/assets/images/nav/corporate.gif) top left no-repeat; float: left;}
	#MainMenu .corporate a:hover{background: url(/assets/images/nav/corporate.gif) bottom left no-repeat;}
	
#MainMenu .investor a{ display: block; width: 170px; height: 28px; background: url(/assets/images/nav/investor.gif) top left no-repeat; float: left;}
	#MainMenu .investor a:hover{background: url(/assets/images/nav/investor.gif) bottom left no-repeat;}
	
#MainMenu .operations a{ display: block; width: 125px; height: 28px; background: url(/assets/images/nav/operations.gif) top left no-repeat; float: left;}
	#MainMenu .operations a:hover{background: url(/assets/images/nav/operations.gif) bottom left no-repeat;}
	
#MainMenu .ehs a{ display: block; width: 85px; height: 28px; background: url(/assets/images/nav/ehs.gif) top left no-repeat; float: left;}
	#MainMenu .ehs a:hover{ background: url(/assets/images/nav/ehs.gif) bottom left no-repeat; }
	
#MainMenu .careers a{ display: block; width: 105px; height: 28px; background: url(/assets/images/nav/careers.gif) top left no-repeat; float: left;}
	#MainMenu .careers a:hover{ background: url(/assets/images/nav/careers.gif) bottom left no-repeat;}
	
#MainMenu .contact a{ display: block; width: 109px; height: 28px; background: url(/assets/images/nav/contact.gif) top left no-repeat; float: left;}
	#MainMenu .contact a:hover{ background: url(/assets/images/nav/contact.gif) bottom left no-repeat;}

#subMenu{
	position: relative;
	margin: 0;
	padding: 0;
}


#corporateSub{
	postiion: absolute;
	margin: 0 0 0 95px;
	display: none;
	padding: 0;
}
	#corporateSub UL {
		background: url(../images/menu-sub-bg.png) repeat;
		list-style: none;
		position: absolute;
		padding: 5px;
	}
	#corporateSub a{
		color: #ffffff;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 5px;
		display: block;
	}
		#corporateSub a:hover{
			color: #CA3138;
			background: #DAE1E8;
		}

#operationsSub{
	postiion: absolute;
	margin: 0 0 0 390px;
	display: none;	
	padding: 0;		
}
	#operationsSub UL {
		background: url(../images/menu-sub-bg.png) repeat;
		list-style: none;
		position: absolute;
		padding: 5px;
	}
	#operationsSub a{
		color: #ffffff;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 5px;
		display: block;
	}
		#operationsSub a:hover{
			color: #CA3138;
			background: #DAE1E8;
		}

#ehsSub{
	postiion: absolute;
	margin: 0 0 0 510px;
	display: none;	
	padding: 0;		
}

	#ehsSub UL {
		background: url(../images/menu-sub-bg.png) repeat;
		list-style: none;
		position: absolute;
		padding: 5px;
	}
	#ehsSub a{
		color: #ffffff;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 5px;
		display: block;
	}
		#ehsSub a:hover{
			color: #CA3138;
			background: #DAE1E8;
		}