/* ----- CSS ----- */

*{
margin:0;
padding:0;
border:0;
}
html{
margin:0;
padding:0;
border:0;
height:100%;
}
body{
font-size: 62.5%; /* Resets 1em to 10px */
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #4E4E4E;
background: #FFF url(../_img/three-col-bg.gif) repeat-y 50% 0%;
height:100%;
}

/* ----- IDS ----- */

/* Header */

#header{
margin: 0 auto;
width: 750px;
background-color: #fff;
}
#header div.row span.left{
float: left;
text-align: left;
width: 440px;
}
#header div.row span.right{
float: right;
text-align: right;
width: 300px;
}

/* Global Navigation */

#globalNavigation{
text-align: right;
padding: 1em 0 1em 0;
color: #A6A6A6;
}

/* Search */

#search{
padding: 1em 0 0 0;
}

/* Image */

#imageWrapper{
background: #E8F2EA url(../_img/bg.gif) repeat-y top right;
width: 100%;
clear: both;
}
#image{
margin: 0 auto;
width: 780px;
}
body #image{
background: #ADC4C2 url(../_img/hdr-home.jpg) no-repeat top left;
}

image.right{
float:right;
margin:0 0 10px 10px;
}
image.border{
padding:5px;
border:1px solid #BBCFCD;
}

/* Color Bar */

#colorBarWrapper{
background: #E8F2EA url(../_img/bg.gif) repeat-y top left;
width: 100%;
}
#colorBar{
margin: 0 auto;
background-color: #98ACAA;
width: 780px;
height: 1.5em;
}

/* Body */

#body{
margin: 0 auto;
width: 780px;
}
#leftColumn{
float: left;
width: 199px;
}
#leftColumn div.container{
border-top: 1px solid #C0D3D1;
padding: 0px 20px 0 10px;
background: url(../_img/left-col-bg.gif) no-repeat 0px 0px;
}
#leftColumn div.noBorder{
border: 0;
}
#leftColumn div.boxContainer{
padding: 15px 15px 15px 10px;
}
#middleColumn{
padding: 0 20px 10px 20px;
float: left;
background: url(../_img/middle-col-bg.gif) no-repeat 2px 0px;
width: 381px;
voice-family: "\"}\"";
voice-family:inherit;
width: 341px;
}
html>body #middleColumn{
width: 341px;
}

/* \*/
* html #middleColumn{
margin-left: 0;
overflow: hidden;
o\verflow: visible;
width: 341px;
w\idth: 341px;
he\ight: 1%;
}

#middleColumnExtended{
padding: 0 20px 10px 20px;
float: left;
width: 580px;
voice-family: "\"}\"";
voice-family:inherit;
width: 540px;
}
html>body #middleColumnExtended{
width: 540px;
}
#rightColumn{
width: 199px;
float: left;
background: url(../_img/right-col-bg.gif) no-repeat 1px 0px;
}
#rightColumn div.container{
border-top: 1px solid #C0D3D1;
padding: 0px 10px 0 20px;
background: url(../_img/right-col-bg.gif) no-repeat 1px 0px;
}
#rightColumn div.noBorder{
border: 0;
}
#rightColumn div.boxContainer{
padding: 15px 10px 15px 15px;
}
/* Footer */
#footerWrapper
{
background-color: #E8F2EA;
width: 100%;
position: relative;  /* Needed for Safari */
}
#footer
{
margin: 0 auto;
padding: 1em 2em 1em 0;
background-color: #ADC4C2;
color: #FFF;
text-align: right;
width: 780px;
voice-family: "\"}\"";
voice-family:inherit;
width: 760px;
position: relative;  /* Needed for Safari */
}
html>#footer
{
width: 760px;
}
/* Main Navigation */
#mainNavigation
{
padding: 170px 0 0 10px;
width: 780px;
height: 200px;
voice-family: "\"}\"";
voice-family:inherit;
width: 770px;
height: 30px;
}
html>#mainNavigation
{
width: 770px;
height: 30px;
}
ul
{
padding: 0;
margin: 0;
border: 0;
}
ul li
{
padding:0;
margin:0;
border:0;
list-style:none;
}
#middleColumn ul li
{
padding:0;
margin:0;
border:0;
list-style-type:disc;
color:#4F5453;
line-height:1.75em;
margin:0 25px 1.5em 25px;
}
#mainNavigation ul li
{
padding:0;
margin:0;
border:0;
margin:0 6px 0 0;
float:left;
width:120px;
list-style:none;
background-color:#fff;
filter: alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75; 
-khtml-opacity: .75;
}
#mainNavigation ul li a
{
padding: 0;
margin: 0;
border: 0;
height: 30px;
display: block;
}
#mainNavigation ul li ul
{
padding: 0;
margin: 0;
border: 0;
list-style: none;
padding: 10px 20px 5px 20px;
position: absolute;
left: -999em;
background: #176093;
filter: alpha(opacity=97); 
-moz-opacity: 0.97; 
opacity: 0.97; 
-khtml-opacity: .97;
}
#mainNavigation ul #itemOne,
#mainNavigation ul #itemTwo,
#mainNavigation ul #itemThree,
#mainNavigation ul #itemFour,
#mainNavigation ul #itemFive,
#mainNavigation ul #itemSix
{
background-position: 0px 0px;
}
#mainNavigation ul #itemOne
{
background-image: url(../_img/nav-home.gif);
}
#mainNavigation ul #itemTwo
{
background-image: url(../_img/nav-company.gif);
}
#mainNavigation ul #itemThree
{
background-image: url(../_img/nav-technology.gif);
}
#mainNavigation ul #itemFour
{
background-image: url(../_img/nav-pipeline.gif);
}
#mainNavigation ul #itemFive
{
background-image: url(../_img/nav-news-and-media.gif);
}
#mainNavigation ul #itemSix
{
background-image: url(../_img/nav-investors.gif);
}
#mainNavigation ul #itemOne:hover,
#mainNavigation ul #itemOne.sfhover,
#mainNavigation ul #itemTwo:hover,
#mainNavigation ul #itemTwo.sfhover,
#mainNavigation ul #itemThree:hover,
#mainNavigation ul #itemThree.sfhover,
#mainNavigation ul #itemFour:hover,
#mainNavigation ul #itemFour.sfhover,
#mainNavigation ul #itemFive:hover,
#mainNavigation ul #itemFive.sfhover,
#mainNavigation ul #itemSix:hover,
#mainNavigation ul #itemSix.sfhover
{
background-position: 0px -60px;
}
#mainNavigation ul #itemTwo ul
{
width: 185px;
voice-family: "\"}\"";
voice-family:inherit;
width: 145px;
}
#mainNavigation ul #itemThree ul
{
width: 205px;
voice-family: "\"}\"";
voice-family:inherit;
width: 165px;
}
#mainNavigation ul #itemFour ul
{
width: 175px;
voice-family: "\"}\"";
voice-family:inherit;
width: 135px;
}
#mainNavigation ul #itemFive ul
{
width: 171px;
voice-family: "\"}\"";
voice-family:inherit;
width: 131px;
}
#mainNavigation ul #itemSix ul
{
width: 161px;
voice-family: "\"}\"";
voice-family:inherit;
width: 121px;
}
#mainNavigation ul li ul li
{
padding: 0;
margin: 0;
border: 0;
width: 100%;
clear: left;
margin: 0 0 10px 0;
background-color: transparent;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity:1; 
-khtml-opacity:1;
}
#mainNavigation ul li ul li.child
{
padding: 0 0 0 15px;
}
#mainNavigation ul li ul li a
{
padding: 0;
margin: 0;
border: 0;
display: inline;
width: 100%;
color: #FFF;
padding: 2px 3px 2px 3px;
text-decoration: none;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity:1; 
-khtml-opacity:1;
}
#mainNavigation ul li ul li a:hover
{
background-color: #2CA4DC;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity:1; 
-khtml-opacity:1;
}
#mainNavigation ul li ul li.active a
{
background-color: #2CA4DC;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity:1; 
-khtml-opacity:1;
}
#mainNavigation ul li:hover,
#mainNavigation ul li.sfhover
{
background-color: #176093;
filter:alpha(opacity=97); 
-moz-opacity:0.97; 
opacity:0.97; 
-khtml-opacity:.97;
}
#mainNavigation li:hover ul,
#mainNavigation li.sfhover ul
{
left: auto;
}
body#sectionOne #mainNavigation ul #itemOne,
body#sectionTwo #mainNavigation ul #itemTwo,
body#sectionThree #mainNavigation ul #itemThree,
body#sectionFour #mainNavigation ul #itemFour,
body#sectionFive #mainNavigation ul #itemFive,
body#sectionSix #mainNavigation ul #itemSix
{
background-position: 0px -30px;
background-color: #98ACAA;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity:1; 
-khtml-opacity:1;
}

/* Sub Navigation */

#subNavigation
{
}
#subNavigation ul li
{
color: #4F5453;
border-top: 1px solid #C0D3D1;
list-style: none;
padding: 1.2em 0 1.2em 0;
background: url(../_img/left-col-bg.gif) no-repeat 0px 0px;
}
#subNavigation ul li.noBorder
{
border: 0;
}
#subNavigation ul li.child
{
padding: 1.1em 1em 1.1em 1em;
}
/* Page Navigation */
#pageNavigation
{
}
#pageNavigation ul
{
text-align: left;
}
#pageNavigation ul li
{
border-top: 1px solid #C0D3D1;
padding: 1.2em 0 1.2em 2em;
background: url(../_img/right-col-bg.gif) no-repeat 1px 0px;
}
#pageNavigation ul li:first-child
{
border: 0;
}

/* Forms */

form,
input,
textarea
{
}
form span
{
display: block;
padding: 1px;
border: 1px solid #DFDFDF;
background-color: #FFF;
}
form span input{
border: 1px solid #C3C3C3;
border-top-color: #7C7C7C;
border-bottom-color: #DDD;
font-size: 1.0em;
line-height: 1.2em;
width: 100%;
font-family: inherit;
color: #4E4E4E;
margin: 0;
}

/* Helper Classes */

.clearFloat:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearFloat{display:inline-block;}
.clearFloat{display:block;}
* html .clearFloat{height:1px;}

.float
{
float: left;
}
.rightBorder
{
border-right: 1px solid #BBCFCD;
}
.leftBorder
{
border-left: 1px solid #BBCFCD;
}
.topBorder
{
border-top: 1px solid #BBCFCD;
}
.bottomBorder
{
border-bottom: 1px solid #BBCFCD;
}
.left
{
text-align: left;
}
.center
{
text-align: center;
}
.right
{
text-align: right;
}
hr
{
border-bottom: 1px solid #BBCFCD;
height: 1px;
color: #fff;
clear: both;
}

/* Table */

table
{
width: 100%;
margin: 0 0 1.5em 0;
}
table tbody tr
{
}
table tbody tr td
{
padding: .75em;
text-align: center;
}
table tbody tr:hover
{
background-color: #EBF4FA;
}
/* Press Releases */
#middleColumn .date
{
padding: 10px;
width: 70px;
}
#middleColumn .title
{
padding: 10px;
width: 226px;
}
/* Box */
.box
{
padding: 2px;
background-color: #E8F2EA;
border: 1px solid #BBCFCD;
}
.box .titleBar
{
margin: 0 0 2px 0;
padding: 3px;
color: #fff;
background-color: #176093;
border: 1px solid #2C6F9C;
}
.box .text
{
margin: 0;
padding: 0;
border: 0;
padding: 3px;
}
.box .image
{
height: 100px;
background-color: #333;
}
.box .row
{
padding: .4em .4em .4em .8em;
color: #000;
}
.box .alt
{
background-color: #F1F7F2;
}
/* Typography */
p
{
line-height: 1.75em;
margin-bottom: 1.5em;
}
p:hover
{
color: #000;
}
p.light
{
line-height: 1.5em;
color: #98ACAA;
}
p.quote
{
margin: 20px 10px 5px 10px;
color: #98ACAA;
font-size: 1.25em;
font-style: italic;
}
h1, h2, h3, h4
{
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-weight: normal;
padding: 1.5em 0 1em 0;
letter-spacing: .1em;
line-height: 1.35em;
}
h1
{
color: #B41B1A;
font-size: 1.55em;
}
h2
{
color: #B41B1A;
font-size: 1.35em;
padding: 1.25em 0 1em 0;
}
h3
{
color: #176093;
font-size: 1.15em;
}
h4
{
color: #176093;
padding: 1em 0 .5em 0;
font-size: 1.15em;
}
h5
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #176093;
font-weight: normal;
padding: .5em 0 .5em 0;
font-size: 1em;
letter-spacing: 0;
}
/* Links */
a:link,
a:visited
{
text-decoration : none;
color: #176093;
}
a:hover,
#subNavigation ul li a:hover,
#pageNavigation ul li a:hover
{
text-decoration : underline;
color: #176093;
}
a:active,
#subNavigation ul li a:active,
#pageNavigation ul li a:active,
h1 a:active,
h2 a:active
{
text-decoration : underline;
color: #000;
}
a.download
{
background: url(../_img/download.gif) no-repeat 0px 0px;
padding: 0 0 0 15px;
text-decoration : none;
}
a.download:hover
{
background: url(../_img/download.gif) no-repeat 0px -30px;
text-decoration : none;
}
h1 a,
h1 a:link,
h1 a:visited,
h2 a,
h2 a:link,
h2 a:visited
{
text-decoration : none;
color: #B41B1A;
}
h1 a:hover,
h2 a:hover
{
text-decoration : underline;
}
#globalNavigation a,
#globalNavigation a:link,
#globalNavigation a:visited
{
color: #A6A6A6;
padding: .1em .2em .1em .2em;
text-decoration: none;
}
#globalNavigation a:hover
{
color: #FFF;
background-color: #176093;
}
#subNavigation ul li a,
#subNavigation ul li a:link,
#subNavigation ul li a:visited
{
padding: 0 0 0 30px;
background: url(../_img/li.gif) no-repeat 11px 0px;
}
#subNavigation ul li a:hover
{
background: url(../_img/li.gif) no-repeat 11px -30px;
text-decoration: none;
}
#subNavigation ul li.active a,
#subNavigation ul li.active a:link,
#subNavigation ul li.active a:visited
{
color: #176093;
background: url(../_img/li.gif) no-repeat 11px -30px;
}
#subNavigation ul li.folder a,
#subNavigation ul li.folder a:link,
#subNavigation ul li.folder a:visited
{
background: url(../_img/folder.gif) no-repeat 11px 0px;
}
#subNavigation ul li.folder a:hover
{
background: url(../_img/folder.gif) no-repeat 11px -30px;
}
#subNavigation a,
#subNavigation a:link,
#subNavigation a:visited,
#pageNavigation a,
#pageNavigation a:link,
#pageNavigation a:visited
{
color: #4F5453;
text-decoration: none;
}
#footer a,
#footer a:link,
#footer a:visited
{
color: #FFF;
padding: .1em .2em .1em .2em;
text-decoration: none;
}
#footer a:hover
{
color: #4F5453;
background-color: #FFF;
}