﻿/* Header Navigation 
------------------------------- */
#HeaderNav
{
    position: absolute;
    top: 11px;
    right: 16px;
    _width: 50em;
}
#HeaderNav ul
{
    list-style-type: none;
    list-style-position: outside;
}
#HeaderNav ul li
{
    float: left;
    display: inline;
    font-size: 1em;
    height: 1.8em;
    line-height: 1.8em;
    text-transform: uppercase;
    background: url(../Images/bgNavPipe.gif) no-repeat 100% .5em;
    padding: 0 10px;
}
#HeaderNav ul li#Countries
{
    padding: 0 10px 0 0;
}
#HeaderNav ul li#Countries a
{
    background: url(../Images/world_grey.gif) no-repeat 8px 0;
    padding-left: 48px;
    height: 1.8em;
    display: block;
    _display: inline-block; /* IE/Mac */
}
#HeaderNav ul li#Countries.selected a, #HeaderNav ul li#Countries a:hover
{
    background: url(../Images/world_grey_on.gif) no-repeat 8px 0;
}
#HeaderNav ul li a
{
    height: 1em;
    color: #666666;
}
#HeaderNav ul li a:hover
{
    height: 1em;
    color: #009DD9;
    text-decoration: none;
}
#HeaderNav ul li.selected a
{
    color: #009DD9;
}
#HeaderNav ul li.last
{
    padding-right: 0;
    background: none;
}

/* Top Navigation
-------------------------------------------------------------------- */

#TopNav div ul
{
    border: none;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #dddcdc;
    border-bottom: 0px;
    border-collapse: collapse;
}
#TopNav div ul li.rmFirst
{
    padding-left: 7px;
}

#TopNav div ul li div.rmSlide ul li
{
    padding-left: 0px;
    padding-right: 10px;
}
#TopNav div ul li a
{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 0px solid transparent;
}
*html #TopNav div ul li a
{
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}

#TopNav div ul.rmRootGroup, #TopNav div ul.rmText
{
    background-image: url(../Images/bgNav.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-position: 0 100%;
    padding: 0 0 0 0;
}
#TopNav div ul a.rmExpanded
{
    background-color: White;
    background: #FFFFFF url(../Images/bgNav.gif) repeat-x scroll 0 100%;
    background-image: none;
    background-color: White;
    color: #333333;
    border-top: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0px;
}
#TopNav div ul, #TopNav ul li a.rmFocused, #TopNav ul li a.rmLink
{
    background-image: none;
    padding-left: 7px;
}

#TopNav div ul li div.rmSlide
{
    background: #FFFFFF url(../Images/bgSubNav.gif) repeat-x scroll 0 100%;
    margin: 0 0 0 0;
    border-top: 0px;
}

#TopNav ul li div.subnav div.subnavImg
{
    background: transparent url(../Images/bgSubNavShadow.png) no-repeat scroll 0 0;
    bottom: 0;
    height: 800px;
    position: absolute;
    right: 0;
    width: 800px;
}
*html #TopNav ul li div.subnav div.subnavImg
{
    background: fuchsia url(../Images/bgSubNavShadow.png) no-repeat scroll 0 0;
    filter: chroma(color=fuchsia);
}

#TopNav ul li a
{
    background-position: 9px -23px;
    background-color: Transparent;
    cursor: pointer;
    cursor: hand;
}
/*
*html #TopNav ul li a
{
    background-color: Fuchsia;
    filter: chroma(color=fuchsia);
}
*/

#TopNav ul li.HoverSub
{
    background-image: none;
    background-color: White;
}

#TopNav a:hover
{
    color: #009DD9;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

#TopNav ul li a span
{
    background-image: none;
    background-color: Transparent;
    font-size: 0.8em;
}

#TopNav div ul li div ul
{
    left: 30px;
    _width: 161px;
    min-width: 161px;
}

#TopNav div ul li div ul li
{
    line-height: 1.1em;
    font-family: arial,helvetica,sans-serif;
    padding: 4px 3px 0px 3px;
}


#TopNav div ul li div ul li a.rmLink
{
    background: transparent url(../Images/bgSubNavArrowOff.gif) no-repeat scroll 4px 6px;
    color: #666666;
    display: block;
    padding: 0px 0 4px 0px;
    line-height: 0.8em;
    font-family: arial,helvetica,sans-serif;
    border-top: 1px transparent;
    border-left: 1px transparent;
    border-right: 1px transparent;
    cursor: pointer;
    cursor: hand;
}
*html #TopNav div ul li div ul li a.rmLink
{
    background-image: none;
    border-top: 0px transparent;
    border-left: 0px transparent;
    border-right: 0px transparent;
}
*html #TopNav div ul li div ul li a.rmLink span.rmText
{
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 6px;
    background-image: url(../Images/bgSubNavArrowOff.gif);
}
#TopNav div ul li div ul li a.highlightedItem
{
    background: transparent url(../Images/bgSubNavArrowOn.gif) no-repeat scroll 4px 6px;
    color: #009DD9;
}
*html #TopNav div ul li div ul li a.highlightedItem
{
    background-image: none;
}
*html #TopNav div ul li div ul li a.highlightedItem span
{
    background-image: url(../Images/bgSubNavArrowOn.gif);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#TopNav div ul li div ul li a.rmLink span
{
    padding: 2px 0px 2px 6px;
    line-height: 1.1em;
    font-size: 11px;
}


#TopNav div ul li div ul li a:hover
{
    background: transparent url(../Images/bgSubNavArrowOn.gif) no-repeat scroll 4px 6px;
    color: #009DD9;
}
*html #TopNav div ul li div ul li a:hover
{
    background-image: none;
}

*html #TopNav div ul li div ul li a:hover span
{
    background-image: url(../Images/bgSubNavArrowOn.gif);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
#TopNav ul li div ul
{
    background: url(../Images/bgSubNav.gif) repeat-x 0 100%;
    background-color: White;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0px;
    font-size: 0.8em;
    color: #333333;
}

#TopNav ul li div ul a.visited
{
    color: #333333;
}


#TopNav ul li div ul li a:hover
{
    background-image: none;
    background-color: White;
}

/* Breadcrumb
--------------------------------------------------------------------*/

.Breadcrumb
{
    border-bottom: 1px solid #DDDFE1;
    _height: 1.8em;
    _line-height: 2.3em;
    _margin: 5px 0px 0px 0px;
}

.Breadcrumb span
{
    list-style-type: none;
    list-style-position: outside;
    height: 2.3em;
    line-height: 2.4em;
    _line-height: 2.3em;
    margin: 0;
}
.Breadcrumb span span
{
    font-size: .9em;
    display: inline;
}

.Breadcrumb span span a, .Breadcrumb span span a:visited
{
    color: #666666;
}

.Breadcrumb span span a:hover
{
    color: #009dd9;
    text-decoration: none;
}

.currentNode
{
    color: #009DD9;
}
.rootNode
{
    margin-left: 12px;
}

body
{
    color: #333;
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%; /* 1em = 10px */ /*_font-size: 75%;*/
    line-height: 1.5em;
    background: #989796 url(../Images/bgBody.gif) repeat-x;
    margin: 1.2em 2em;
}
a, a:visited
{
    color: #4082c6;
    text-decoration: none;
}
a:hover
{
    color: #4082c6;
    text-decoration: underline;
}
div#Header
{
    position: relative;
    background: #fff;
    z-index: 10;
}
div#Logo
{
    padding: 16px;
}
div#Logo a
{
    display: block;
    width: 159px;
    height: 55px;
}
div#Logo2
{
    text-align: right;
    position: absolute;
    top: 50px;
    left: 719px;
}
#Wrapper
{
    width: 960px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}
body#home #container
{
    padding-bottom: 0; /*margin-top: 2.1em;*/
    border-bottom: 8px solid #EEEEEE;
}
body#home #Content
{
    width: 928px;
    margin: 0 6px 6px 6px;
    padding: 0 10px 0 10px;
}
body#home #Content a
{
    color: #333;
}
body#home #Content a.button, body#home #Content h3 a
{
    color: #4082c6;
}
a.skip
{
    margin-top: -999px !important;
    font-size: 1.4em;
    position: absolute;
}
a.skip:active
{
    position: relative;
}

#Content
{
    float: left;
    display: inline;
    padding-bottom: 1em;
}
/* Homepage Promo 
---------------------------*/
.promo
{
    float: left;
    display: inline;
    width: 217px;
    margin-right: 20px;
    height: 193px;
    position: relative;
}
.promo .open
{
    height: 173px;
    display: none;
    padding-left: 25px;
}
.promo .closed
{
    height: 72px;
    display: block;
    margin-top: 101px;
    padding-left: 25px;
}
.promo .open p
{
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}
.promo .closed p, #Promo1.promo .open p
{
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}
.promo ul.noBullet li
{
    font-size: 1em;
    margin-bottom: 0.5em;
}
#Content .promo h3
{
    margin: 0 0 0 -25px;
    padding: 0 0 0 25px;
}
.promo h3 a
{
    display: block;
    height: 19px;
    width: 195px;
    text-indent: -5000px;
    overflow: hidden;
    padding: 0 0 0 25px;
    margin-left: -25px;
    cursor: pointer;
}
.promo .open h3
{
    background: url(../Images/iconArrowRoundDown.gif) no-repeat 5px 2px;
}
.promo .closed h3
{
    background: url(../Images/iconArrowRoundUp.gif) no-repeat 5px 2px;
}
#Promo1.promo h3 a
{
    width: 95px;
    background: url(../Images/titlePromo1.gif) no-repeat scroll 25px 0;
}
#Promo2.promo h3 a
{
    background: url(../Images/titlePromo2.gif) no-repeat scroll 25px 0;
}
#Promo3.promo h3 a
{
    background: url(../Images/titlePromo3.gif) no-repeat scroll 25px 0;
}
#Promo4.promo h3 a
{
    width: 180px;
    background: url(../Images/titlePromo4.gif) no-repeat scroll 25px 0;
}
/* Homepage Promo -> Promo1
---------------------------*/
#Promo4.promo
{
    margin-right: 0px;
}
#Promo1.promo .open
{
    display: block;
}
#Promo1.promo .closed
{
    display: none;
}
/*Forcing all open per request*/
#Promo2.promo .open
{
    display: block;
}
#Promo2.promo .closed
{
    display: none;
}
#Promo3.promo .open
{
    display: block;
}
#Promo3.promo .closed
{
    display: none;
}
#Promo4.promo .open
{
    display: block;
}
#Promo4.promo .closed
{
    display: none;
}
/*Forcing all open per request*/


/* fix to fit wide image there */
#Promo2.promo
{
    width: 235px;
    margin-right: 0;
}
#Promo3.promo
{
    width: 237px;
    margin-right: 0px;
}
#Promo3.promo .closed
{
    padding-right: 10px;
}

#Content .promo ul.promoNav
{
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.promo ul.promoNav li.one
{
    float: left;
    margin-right: 5px;
}
.promo ul.promoNav li.two
{
    float: left;
}
.promo ul.promoNav li.one a
{
    padding-left: 12px;
    color: #ccc;
    background: url(../Images/iconArrowSmallLeftOn.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a
{
    padding-right: 12px;
    color: #ccc;
    background: url(../Images/iconArrowSmallRightOn.gif) no-repeat 100% 3px;
}
.promo ul.promoNav li.one a.selected
{
    color: #333;
    background: url(../Images/iconArrowSmallLeftOff.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a.selected
{
    color: #333;
    background: url(../Images/iconArrowSmallRightOff.gif) no-repeat 100% 3px;
}
#Promo1 div.two
{
    display: none;
}
/*

.promo
{
    float: left;
    display: inline;
    width: 217px;
    margin-right: 20px;
    height: 173px;
    position: relative;
}
.promo .open
{
    height: 173px;
    display: none;
}

.promo .closed
{
    height: 72px;
    display: block;
}
.promo .open p
{
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}
.promo .closed p, #Promo1.promo .open p
{
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}
.promo ul.noBullet li
{
    font-size: 1em;
    margin-bottom: 0.5em;
}
#Content .promo h3
{
    padding: 0 0 0 25px;
}
.promo h3 a
{
    display: block;
    height: 19px;
    width: 180px;
    text-indent: -5000px;
    overflow: hidden;
    padding: 0 0 0em 0;
    cursor: pointer;
}
.promo p
{
    padding-left: 25px;
}

.promo .open h3
{
    background: url(../Images/iconArrowRoundUp.gif) no-repeat scroll 5px 2px;
}
.promo .closed h3
{
    background: url(../Images/iconArrowRoundDown.gif) no-repeat 5px 2px;
}
#Promo1.promo h3 a
{
    width: 95px;
    background: url(../Images/titlePromo1.gif) no-repeat;
}
#Promo2.promo h3 a
{
    background: url(../Images/titlePromo2.gif) no-repeat;
}
#Promo3.promo h3 a
{
    background: url(../Images/titlePromo3.gif) no-repeat;
}
#Promo4.promo h3 a
{
    width: 215px;
    background: url(../Images/titlePromo4.gif) no-repeat;
}
/* Homepage Promo -> Promo1
---------------------------*/
/*#Promo4.promo
{
    margin-right: 0px;
}
#Promo1.promo .open
{
    display: block;
}
#Promo1.promo .closed
{
    display: none;
}
/* fix to fit wide image there */
/*#Promo3.promo
{
    width: 237px;
    margin-right: 30px;
}
#Promo3.promo .closed
{
    padding-right: 10px;
}


#Content .promo ul.promoNav
{
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.promo ul.promoNav li.one
{
    float: left;
    margin-right: 5px;
}
.promo ul.promoNav li.two
{
    float: left;
}
.promo ul.promoNav li.one a
{
    padding-left: 12px;
    color: #ccc;
    background: url(../Images/iconArrowSmallLeftOn.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a
{
    padding-right: 12px;
    color: #ccc;
    background: url(../Images/iconArrowSmallRightOn.gif) no-repeat 100% 3px;
}
.promo ul.promoNav li.one a.selected
{
    color: #333;
    background: url(../Images/iconArrowSmallLeftOff.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a.selected
{
    color: #333;
    background: url(../Images/iconArrowSmallRightOff.gif) no-repeat 100% 3px;
}
#Promo1 div.two
{
    display: none;
}
*/
#Content p
{
    line-height: 1.5em;
}
#Content p.intro
{
    font-size: 1.5em;
    color: #666666;
}
#Content .info
{
    margin-bottom: 3em;
    _margin-bottom: 2em;
}
#Content .info p.summary
{
    float: left;
    margin: 150px 0 0 -117px;
    width: 110px;
    font-size: 1.1em;
}
#Content p.backToTop
{
    text-align: right;
    font-size: 1.1em;
    text-transform: lowercase;
}
#Content p.backToTop a
{
    background: #fff url(../Images/icon_back_totop.gif) no-repeat 0 4px;
    padding: 0px 0px 0px 11px;
}
#Content h3
{
    margin: 0 0 0.5em 0; /* Test only */
    line-height: 1.3em;
}
#Content ul, #Content ol
{
    padding: 0 0 0 2.5em;
    list-style-position: outside;
    margin: 0.2em 0 1em 0;
    font-size: 1.2em;
    line-height: 1.5em;
}
#Content li ul, #Content li p
{
    /* fix */
    font-size: 1em;
}
#Content ul.noBullet
{
    list-style: none;
    padding: 0;
}
#Content ul.noBullet li
{
    margin-bottom: 4px;
}

#JoinUs
{
    position: absolute;
    width: 219px;
    height: 154px;
    border: 1px solid #DDDDDD;
    top: -14px;
    left: -39px;
    padding: 10px;
}

#Opportunity
{
    position: absolute;
    width: 241px;
    height: 154px;
    border: 1px solid #DDDDDD;
    top: -14px;
    left: -26px;
    padding: 10px;
}

.PaddingSix
{
    padding: 6px 0 0 0;
}

.PaddingTen
{
    padding: 10px 0 0 0;
}

/* Footer
--------------------------------------------------------------------*/

img
{
    border: 0;
}
img.border
{
    border: 1px solid #ccc;
    padding: 2px;
}
#Footer
{
    clear: both;
    color: #ddd;
    width: 960px;
    margin: .5em auto;
}
#Footer p
{
    font-size: 1em;
}
#Footer a
{
    color: #ddd;
    text-decoration: underline;
}


/* Text
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: arial, helvetica, Sans-Serif;
    margin: 1em 0 0 0;
    color: #000;
    font-weight: normal;
}
h1
{
    font-size: 2.4em;
    color: #009dd9;
    margin: 0 0 1em 0;
    line-height:1.2;
    width:500px;
}
h2
{
    font-size: 1.6em;
    color: #009dd9;
    margin: 0 0 1em 0;
}
h3
{
    font-size: 1.5em;
    color: #333;
    margin: 0 0 1em 0;
}
img.padBottom, h3.padBottom, h4.padBottom
{
    padding-bottom: 1.5em;
}
h3.padTop
{
    padding-top: 32px;
}
h4
{
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
}
h5
{
    color: #777;
    font-size: 1.1em;
    font-weight: bold;
}
h6
{
    font-size: .8em;
}
p, blockquote, cite
{
    font-size: 1.2em;
    margin-bottom: 1em;
}
blockquote
{
    margin: 0 0 1em 0;
    border-top: 1px dashed #444;
    border-bottom: 1px dashed #444;
    padding: .7em 0 1em;
    padding-left: 1.8em;
    text-indent: -2.0em;
    padding-left: 1.8em;
    text-indent: -1.4em;
}
#Content blockquote p
{
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 0.6em;
}
#Content blockquote p span.quote
{
    position: relative;
    top: .25em;
    font-family: Times, "Times New Roman" , serif;
    font-style: italic;
    font-size: 1.9em;
    _font-size: 1.4em; /* temp fix for three row spacing ie6 issue */
    line-height: 0.5em;
}
#Content blockquote cite
{
    font-style: italic;
    font-size: 1.1em;
    padding-left: 1.5em;
}
address
{
    font-style: normal;
}
h3.open, h3.closed
{
    margin: 0 0 1em 0;
}
h3.open a, h3.open a:hover, h3.open a:visited
{
    color: #4082c6;
    background: url(../Images/iconArrowDownBlue.gif) no-repeat 0 4px;
    padding-left: 20px;
    display: block;
}
h3.closed a, h3.closed a:hover, h3.closed a:visited
{
    color: #4082c6;
    background: url(../Images/iconArrowRightBlue.gif) no-repeat 0 3px;
    padding-left: 20px;
    display: block;
}
sup.tradeMark
{
    font-size: .55em;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after, ul.imgTwoCol li:after, #Banner:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, ul.imgTwoCol li, #Banner
{
    display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix, * html ul.imgTwoCol li, * html #Banner
{
    height: 1%;
}
.clearfix, ul.imgTwoCol li, #Banner
{
    display: block;
}
/* End hide from IE-mac */


input.submit
{
    background: #fff url(../Images/bgButton.gif) repeat-x bottom right;
    border: 1px solid #ddd;
    color: #4082c6;
    font-size: .9em;
    padding: 0 5px 0 5px;
    margin-right: 5px;
    text-transform: uppercase; /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
    width: auto;
    overflow: visible;
}
a.button
{
    background: #fff url(../Images/bgButtonRight.gif) no-repeat right top;
    border: 1px solid #ddd;
    padding: 2px 15px 2px 5px;
    _padding: 2px 15px 1px 5px;
    font-size: 1em;
    color: #4082c6;
    text-transform: uppercase;
}
a.button:hover
{
    text-decoration: none;
    border: 1px solid #c2c2c2;
}
a.button img
{
    vertical-align: middle;
    position: relative;
    top: -1px;
    _top: 0;
    padding-right: 5px;
}
p a.button
{
    font-size: .8em;
}
a.button.enlarge
{
    background: #fff url(../Images/bgButtonEnlarge.gif) no-repeat 0 50%;
    padding: 2px 5px 2px 21px;
}

/* Content)
--------------------------------------------------------------------*/

#SubContent
{
    float: left;
    width: 511px;
}
#SubContentNews
{
    float: left;
    width: 568px;
}
#SubContent p, #SubContentNews p
{
    line-height: 1.5em;
    text-align: left;
}

#Banner
{
    background: #FFFFFF none repeat scroll 0 0;
    border-bottom: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    width: 750px;
}
.Banner2
{
    position: absolute;
    width: 748px;
    height: 30px;
    top: 3px;
    left: 196px;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 28px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.Banner3
{
    position: absolute;
    width: 748px;
    height: 77px;
    top: 3px;
    left: 196px;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 28px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.BannerNews
{
    position: absolute;
    width: 748px;
    height: 210px;
    top: 3px;
    left: 196px;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 16px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#Container.threecol #Content
{
    margin: 0 20px 0 0;
    overflow: hidden;
    padding-right: 59px;
    width: 500px;
}
#PageAids
{
    margin: 0 0 1.7em;
}
*html a.print
{
    background: fuchsia url(../Images/iconPrint.gif) repeat-y scroll 0 0;
    filter: chroma(color=fuchsia);
}

a.email:hover, a.email:active
{
    background-position: left 19px;
}

*html a.email
{
    background: fuchsia url(../Images/iconEmail.gif) repeat-y scroll 0 0;
    filter: chroma(color=fuchsia);
}

hr.dotted
{
    border-color: #DDDDDD -moz-use-text-color -moz-use-text-color;
    border-style: dashed none none;
    border-width: 1px medium medium;
    height: 1px;
    margin-bottom: 1.5em;
}
.img
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 3px 10px 10px 0;
    padding: 3px;
}
/* Left Hand Nav
--------------------------------------------------------------------*/
.LeftColSuppliers
{
    padding: 26px 1px 0px 0px;
}
#LeftCol
{
    float: left;
    display: inline;
    width: 174px;
    min-height: 500px;
    _height: 500px;
    margin: 0 20px 0 0;
}
#LeftCol ul
{
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0 0 2.0em 10px;
}
#LeftCol ul li
{
    font-size: 1.3em;
    margin: 0 0 .5em 0;
    padding: 0 0 0 6px;
    font-weight: normal;
}
#LeftCol ul li a
{
    color: #666;
}
#LeftCol ul li a:hover
{
    color: #009dd9;
    text-decoration: none;
}
#LeftCol ul li.selected
{
    color: #009dd9;
    background: url(../Images/bgNavArrow.gif) no-repeat 0 4px;
}
#LeftCol ul li.selected a.selected
{
    color: #009dd9;
}
#LeftCol ul li ul
{
    margin: 6px 0 0 6px;
}
#LeftCol ul li ul li
{
    margin: 0 0 .3em 0;
    font-size: .85em;
}
#LeftCol ul li ul li ul
{
    margin: 4px 0 0 6px;
}
#LeftCol ul li ul li ul li
{
    font-size: 1em;
}
#LeftCol ul li.section
{
    margin-top: 10px;
    padding-top: 23px;
}
#LeftCol ul li#renewables
{
    background: url(../Images/navRenewables.gif) no-repeat 0 0;
}
#LeftCol ul li#renewables.selected
{
    background: url(../Images/navRenewablesOn.gif) no-repeat 0 0;
}
#LeftCol ul li#emergingEnergy
{
    background: url(../Images/navEmergingFuels.gif) no-repeat 0 0;
}
#LeftCol ul li#emergingEnergy.selected
{
    background: url(../Images/navEmergingFuelsOn.gif) no-repeat 0 0;
}
#LeftCol ul li#efficiencyConservation
{
    background: url(../Images/navEfficiencyConservation.gif) no-repeat 0 0;
}
#LeftCol ul li#efficiencyConservation.selected
{
    background: url(../Images/navEfficiencyConservationOn.gif) no-repeat 0 0;
}

/* Suppliers stuff */
.Banner
{
    position: absolute;
    width: 733px;
    height: 108px;
    top: 3px;
    left: 209px;
    border-bottom: 1px solid #DDDDDD;
    bottom: 1196px;
}
.Banner img
{
    position: relative;
    float: right;
}
.Banner h1
{
    padding: 50px 0px 0px 0px;
}

.Title
{
    padding-top: 5px;
}
.TitleTwo
{
    line-height: 1em;
    width: 570px;
}
.TitleThree
{
    line-height: 1em;
    width: 570px;
    font-size: 2.2em !important;
}
.TitleFour
{
    line-height: 1em;
    width: 570px;
    font-size: 2em !important;
}
#SubContent
{
    padding: 82px 0px 0px 0px;
}
#SubContentTwo, .SmallBannerTwo, #SubContentTwo
{
    padding: 112px 0px 0px 0px !important;
}
.SmallBannerThree
{
    padding: 120px 0px 0px 0px !important;
}
#SubContent ul, #SubContentTwo ul
{
    font-size: 1.2em;
    line-height: 1.5em;
    list-style-position: outside;
    margin: 0.2em 0 1em;
    padding: 0 0 0 2.5em;
}

.SmallBanner
{
    padding-top: 94px;
}
.LargeBanner
{
    padding-top: 320px;
}
.LargeBanner2
{
    padding-top: 125px;
}
.SmallBanner2
{
    position: absolute;
    width: 733px;
    top: 27px;
    left: 195px;
    background: #FFFFFF url(../Images/imgSubHeadHorizRule.gif) no-repeat scroll left bottom;
    border-bottom: medium none;
}
.SubContentImage
{
    padding-bottom: 10px;
}
.SubContentText
{
    padding-left: 8px;
}
.LargeBannerContent
{
    padding: 217px 0 0 0;
}
.LargeBannerContent2
{
    padding: 28px 0 0 0;
}
.LargeBannerContentNews, .NewsBanner
{
    padding: 252px 0 0 0;
    _padding: 272px 0 0 0;
}
.LargeBannerBottomImage
{
    border-bottom: 1px solid #DDDDDD;
    height: 1px;
    left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: absolute;
    top: 294px;
    width: 748px;
}
.thirdlevel
{
    font-size: .8em;
}
/*#RightCol
{
    float: right;
    width: 158px;
    margin: 0 20px 0 0;
}
#RightCol h4
{
    border-bottom: 1px solid #DDDDDD;
    margin: 0 0 0.6em;
}
#RightCol ul li
{
    background: transparent none repeat scroll 0 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 4px;
    padding-left: 0;
}
*html #RightCol ul li
{
    background: fuchsia none repeat scroll 0 0;
    filter: chroma(color=fuchsia);
}

#RightCol p
{
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}
#RightCol ul, #RightCol ol
{
    list-style-position: outside;
    margin: 0 0 .6em 0;
    font-size: 1.1em;
}
*/
/* Table stuff */

table table, table p
{
    font-size: 1.0em;
}

#TableMain
{
    border-left: 1px solid #DDDDDD;
}
#TableCell
{
    padding: 10px 10px 10px 10px;
}
#TableCell2
{
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
}
#TableCell3
{
    border-right: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
}
.TableHeader
{
    font-size: 1.2em;
    color: #009DD9;
    font-weight: bold;
    border-top: 1px solid #DDDDDD;
    text-align: center;
}
.TablePadding
{
    padding: 10px 10px 10px 10px;
}
.TableBorderRight
{
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
}
.TableBorderBottom
{
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
}
.TableBorderBoth
{
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 10px 10px 10px 10px;
}
.TableNumericData
{
    text-align: right;
}
.TableWidth70
{
    width: 70px;
}
.TableWidth80
{
    width: 80px;
}
.TableWidth100
{
    width: 100px;
}
.TableWidth100
{
    width: 150px;
}
.TableWidth100
{
    width: 50px;
}
.pdf
{
    background: transparent url(../Images/iconPDF.gif) no-repeat scroll 0 4px;
    padding: 4px 0 4px 22px;
}

/* About Layout */
#aboutTop
{
    background: transparent url(../Images/hrLine.gif) no-repeat scroll left bottom;
    border-bottom: medium none;
    float: none;
    margin: 0 0 56px 76px;
    padding: 0;
    width: 800px;
    height: 100px;
}
*html #aboutTop
{
    background: fuchsia url(../Images/hrLine.gif) no-repeat scroll left bottom;
    filter: chroma(color=fuchsia);
}

#aboutContent
{
    margin: 0 0 0 76px;
    min-height: 237px;
    width: 650px;
    display: inline;
    float: left;
    padding-bottom: 1em;
}
#aboutTitleImage
{
    position: absolute;
    top: 150px;
    left: 75px;
    background-image: url(../Images/titleAboutUs.gif);
    width: 125px;
    height: 24px;
}
#communityContent
{
    margin: 0 0 0 76px;
    min-height: 237px;
    width: 650px;
    display: inline;
    float: left;
    padding-bottom: 1em;
}
#communityTitleImage
{
    position: absolute;
    top: 158px;/* 158 */
    left: 75px;
    background-image: url(../Images/titleCommunity.gif);
    width: 125px;
    height: 32px;
}
/* About Us layout */
#Content ul.aboutUs
{
    padding: 0;
    margin: 0;
    list-style-position: outside;
    list-style-type: none;
}
#Content ul.aboutUs li
{
    background: #fff;
    float: left;
    display: inline;
    padding: 4px;
    border: 1px solid #e8e8e8;
    margin: 0 20px 18px 0;
    position: relative;
}
#Content ul.aboutUs li a
{
    display: block;
    width: 189px;
    height: 54px;
    text-indent: -5000px;
    overflow: hidden;
    background-position: left 0px;
}
#Content ul.aboutUs li.img1 a
{
    background: url(../Images/imgAboutUs1.jpg) repeat-y;
}
#Content ul.aboutUs li.img2 a
{
    background: url(../Images/imgAboutUs2.jpg) repeat-y;
}
#Content ul.aboutUs li.img3 a
{
    background: url(../Images/imgAboutUs3.jpg) repeat-y;
}
#Content ul.aboutUs li.img4 a
{
    background: url(../Images/imgAboutUs4.jpg) repeat-y;
}
#Content ul.aboutUs li.img5 a
{
    background: url(../Images/imgAboutUs5.jpg) repeat-y;
}
#Content ul.aboutUs li.img6 a
{
    background: url(../Images/imgAboutUs6.jpg) repeat-y;
}
#Content ul.aboutUs li.img7 a
{
    background: url(../Images/imgAboutUs7.jpg) repeat-y;
}
#Content ul.aboutUs li a:hover, #Content ul.aboutUs li a:active
{
    background-position: left 54px;
}
/* Containers
--------------------------------------------------------------------*/
#Container
{
    /* position: relative; to fix Dragon problems on long pages with many links */
    margin-top: 2.1em;
}

#Content
{
    float: left;
    display: inline;
    padding-bottom: 1em;
}
/* Resources
--------------------------------------------------------------------*/

#Resources
{
    color: #424242;
    border: 1px solid #D6D6D6;
}
#Resources h2
{
    margin: 0 0 0 0;
    color: #DF0C7F;
    font-weight: bold;
    font-size: 13px;
}

#Resources div
{
    clear: both;
    float: left;
    margin: 0;
    margin-top: 8px;
    background-color: #dddddd;
    width: 221px;
    _width: 229px;
    padding: 10px;
    display: block;
}

#Resources div div /* clear settings for subdivs */
{
    clear: none;
    float: none;
    margin: 0;
    background-color: Transparent;
    width: auto;
    padding: 0px;
}

#Resources div h2
{
    font-size: 1.2em;
    color: #037FAE;
    font-weight: bold;
    margin-bottom: 5px;
}



#Resources div li
{
    background: url(../Images/bg_disc_caret.gif) no-repeat 0px 5px;
    list-style: none;
    padding-left: .7em;
    _padding-left: 1.5em;
    margin: 0.2em 0 0 0.3em;
    display: block;
    font-size: 1.1em;
}

/* Profile */
#Resources div.profile
{
    float: left;
}

#Resources div.profile h2
{
}

#Resources div.profile img.thumb
{
    float: left;
}

#Resources div.profile div.profileData
{
    float: left;
    width: 145px;
    margin-left: 5px;
}

#Resources div.profile div.profileData h4, #Resources div.profile div.profileData h5
{
    float: left;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
}

#Resources div.profile div.profileData p
{
    float: left;
    margin-bottom: 0px;
}

#Resources div.profile div.profileData img.icon
{
    margin-left: 5px;
}

/* Watch Tomorrow's Energy Today */
#Resources div.watch
{
    float: left;
}

#Resources div.watch h2
{
}

#Resources div.watch img.thumb
{
    float: left;
}

#Resources div.watch div.watchData
{
    float: left;
    width: 145px;
    margin-left: 5px;
}

#Resources div.watch div.watchData h4, #Resources div.watch div.watchData h5
{
    float: left;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
}

#Resources div.watch div.watchData p
{
    float: left;
    margin-bottom: 0px;
}

#Resources div.watch div.watchData img.icon
{
    margin-left: 5px;
}
/* One Column Full width - Stories */
#Container.onecolFull
{
    margin-top: -10px;
    border: 0;
}
#Container.onecolFull #Content
{
    width: 960px;
    padding: 0;
    margin: 0;
}

/* One Column */
#Container.onecol #Content
{
    width: 868px;
    margin: 0 16px 0 76px; /* keep min height */
    min-height: 237px;
    _height: 185px;
    padding: 0px;
}
/* One Column Alt */
#Container.onecolAlt #Content
{
    width: 708px;
    margin: 0 0 0 76px; /* keep min height */
    min-height: 237px;
    _height: 185px;
    padding: 0px;
}
#Container.onecol #Content
{
    width: 868px;
    margin: 0 16px 0 76px; /* keep min height */
    min-height: 237px;
    _height: 185px;
}
/* Two Column */
#Container.twocol #Content
{
    width: 708px;
    margin: 0;
}
/* Three Column */
#Container.threecol #Content
{
    width: 500px;
    padding-right: 59px; /* keep for 570px width */
    margin: 0 20px 0 0;
    overflow: hidden;
}
#Container.threecolNoNav #Content
{
    width: 511px;
    padding-right: 59px;
    margin: 0 20px 0 194px;
}
#Container.threecol #RightCol, #Container.threecolNoNav #RightCol
{
    width: 158px;
}
#RightCol
{
    float: right;
    display: inline;
    width: 158px;
    margin-right: 16px;
}
#Container.onecolAlt #RightCol
{
    width: 158px;
}
#InnerContainer, #ContentAndRightColContainer
{
    display: inline;
    float: left;
    margin-top: 10px;
    width: 760px;
}

/* Columns
--------------------------------------------------------------------*/
#Content .col
{
    float: left;
    display: inline;
}
#Content .col.half
{
    width: 235px;
    margin-right: 20px;
}
#Content div.box .col.half
{
    width: 221px;
    _height: 104px /* IE6 bug fix */;
}
#Content .col.half h3
{
    margin: 0;
}
#Content .col.threecol
{
    width: 216px;
    margin-right: 20px;
}
#Content .col.fourCol
{
    width: 165px;
    margin: 0 7px 0 0;
}
#Content .col.wideleft
{
    width: 334px;
    margin-right: 20px;
}
#Content .col.right
{
    width: 216px;
    margin-right: -59px; /* to fit to 511px width */
}
#Container.twocol #Content
{
    padding-right: 15px;
    width: 488px;
}
.Chevronway_Content
{
width:730px !important;
}
/* Banner -> onecol / onecolAlt
-------------------------------- */
#Container.onecol #Banner, #Container.onecolAlt #Banner
{
    float: none;
    background: none;
    border-bottom: none;
    width: 868px; /* Hairline settings */
    background: url(../Images/hrLine.gif) no-repeat bottom left;
    margin: 0 0 56px 76px;
    padding: 0px;
}
#Container.onecol #Banner h1, #Container.onecolAlt #Banner h1
{
    height: 32px;
    width: 295px;
    float: left;
    display: inline;
    background-repeat: no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    margin: 15px 0 0 0;
    padding: 0;
}
#Container.onecol #Banner h1.noIdent, #Container.onecolAlt #Banner h1.noIdent, #Container.onecolAlt #Banner p.noIndent
{
    text-indent: 0;
}
#Container.onecol #Banner p, #Container.onecolAlt #Banner p
{
    height: 63px;
    width: 573px;
    float: left;
    display: inline;
    font-size: 1.6em;
    line-height: 1.6em;
    color: #808080;
    background-repeat: no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    padding-bottom: 52px;
    margin: 0px;
}
/* About Us */
#Container.onecolAlt #Banner h1.titleAboutUs
{
    width: 184px;
    background-image: url(../Images/titleAboutUs.gif);
    margin-top:40px!important;
}
#Container.onecolAlt #Banner p.introAboutUs
{
    width: 660px;
    background-image: url(../Images/intro_about_en_w660_h132.gif);
    height: 135px;
}

/* Community */
#Container.onecolAlt #Banner h1.titleCommunity{
    width: 173px;
    background-image: url(../Images/titleCommunity.gif); 
    margin-top:30px;
}
#Container.onecolAlt #Banner p.introCommunity
{
    width: 635px;  /*662 */
    background-image: url(../Images/community_intro_en_w635_h110.gif);
     height: 110px; /*42 */
}
#Container.onecol #InnerContainer, #Container.twocol #InnerContainer
{
    margin: 0;
    width: 760px;
}

/* #RightCol settings
--------------------------------------------------------------------*/
.rightRail1, .rightRail2, .rightRail3, .rightRail4, .rightRail5, .rightRail6, .rightRailImg
{
    margin-bottom: 2em;
}
#RightCol h4
{
    border-bottom: 1px solid #ddd;
    margin: 0 0 0.6em 0;
}
#RightCol p, #RightCol address
{
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
}
#RightCol .hardBreak
{
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    width: 156px;
}
#RightCol ul, #RightCol ol
{
    list-style-position: outside;
    margin: 0 0 .6em 0;
    font-size: 1.1em;
}
#RightCol ul.noBullet
{
    margin: 0 0 .6em 0;
}

#RightCol li
{
    background: url(../Images/bgBlueBullet.gif) no-repeat 0 6px;
    list-style: none;
    margin: 0 0 .6em 0;
    padding-left: 1em;
}
#RightCol ul.noBullet li, #RightCol ul.iconList li
{
    background: none;
    list-style: none;
    margin-bottom: 4px;
    padding-left: 0;
}
#RightCol ul.noBullet li.Discover
{
    margin: 0 0 2px 1px;
}
#RightCol p.note
{
    font-size: .9em;
}

/* RightCol -> Box 
---------------------*/
#RightCol div.box
{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 6px 6px 6px;
    margin-bottom: 2em;
}
#RightCol div.box h4
{
    margin: .4em 0 .6em 0;
    border: none;
}
#RightCol div.box p.links
{
    margin: 1em -.3em -.3em -.4em;
    padding: 5px 10px;
    background-color: #f3f3f3;
    border-top: 1px solid #ccc;
}
/* Box
--------------------------------------------------------------------*/
#Content div.box
{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    margin-bottom: 1em;
}
#Content div.box div.box_content
{
    padding: 10px;
    background: url(../Images/bgBoxGradient.gif) repeat-x 0 100%;
}
#Content div.box div.controls
{
    float: right;
    font-size: 1.2em;
}
#Content div.box div.controls a
{
    color: #666666;
}
/* Links
--------------------------------------------------------------------*/
p.links
{
    text-align: right;
}
p.links a
{
    color: #05a;
}
p.padBottom
{
    margin-bottom: 2em;
}
p.description
{
    font-size: 1.3em;
    line-height: 2em;
    color: #333;
}

.audio
{
    background: url(../Images/iconAudio.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.doc
{
    background: url(../Images/iconWord.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.download, .netCssDwnld
{
    /* netCssDwnld for CssClass attribute in .net controls as download doesn't work */
    background: url(../Images/iconDownload.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.downReportRR
{
    background: url(../Images/iconDownload.gif) no-repeat 0 3px;
    padding: 0px 0 4px 17px;
    display: block;
    width: 50px;
}
.reqPrintRR
{
    background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
    padding: 0px 0 4px 17px;
    display: block;
    width: 50px;
}
.reqPrint
{
    background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
    padding: 3px 0 4px 18px;
}
.reqPrintCR08
{
    background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
    padding: 3px 0 4px 18px;
    margin-left: 1px;
}
.downloadCR08
{
    background: url(../Images/iconDownload.gif) no-repeat 0 4px;
    padding: 4px 0 4px 18px;
    margin-left: 1px;
    clear: both;
}
.external
{
    background: url(../Images/iconExternal.gif) no-repeat 0 4px;
    padding: 4px 0 4px 18px;
}
.externalRtAlign
{
    background: url(../Images/iconExternal.gif) no-repeat center right;
    padding: 4px 18px 4px 0;
}
h3 .external
{
    background: url(../Images/iconExternal.gif) no-repeat 0 6px;
    padding: 5px 0 4px 20px;
}
.help
{
    background: url(../Images/iconHelp.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.html
{
    background: url(../Images/iconHTML.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.pdf
{
    background: url(../Images/iconPDF.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.img .pdf, .imgBlock .pdf
{
    background: none;
    padding: 0;
}
.podcast
{
    background: url(../Images/iconPodcast.gif) no-repeat 0 4px;
    padding: 4px 0 4px 20px;
}
.ppt
{
    background: url(../Images/iconPPT.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.realAudio
{
    background: url(../Images/iconRealAudio.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.rss
{
    background: url(../Images/iconRSS.gif) no-repeat 0 5px;
    padding: 4px 0 4px 18px;
}
.slideshow
{
    background: url(../Images/iconSlideshow.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.video
{
    background: url(../Images/iconVideo.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.webcast
{
    background: url(../Images/iconWebcast.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.wmv
{
    background: url(../Images/iconWMV.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
}
.xls
{
    background: url(../Images/iconExcel.gif) no-repeat 0 4px;
    padding: 4px 0 4px 22px;
    display:block; /*keeps long link from wrapping under icon */
}
.zoom
{
    background: url(../Images/iconZoom.gif) no-repeat 0 4px;
    padding: 4px 0 4px 20px;
}

body.ir .pdf, body.ir .xls, body.ir .doc
{
    background-image: none;
    padding: 0;
}

/*
a.print
{
    float: left;
    display: block;
    width: 62px;
    height: 19px;
    text-indent: -5000px;
    overflow: hidden;
    background-position: left 0px;
    background: url(../Images/iconPrint.gif) repeat-y;
    margin-right: 15px;
}
*/

a.print
{
    background:url("../Images/buttonPrintEmail.gif") no-repeat scroll -14px 2px transparent;
    margin-right:3px;
}
a.email
{
    float: left;
    display: block;
    width: 62px;
    height: 19px;
    text-indent: -5000px;
    overflow: hidden;
    background-position: left 0px;
    background: url(../Images/iconEmail.gif) repeat-y;
}
a.email:hover, a.email:active
{
    background-position: left 19px;
}
#PageAids
{
    margin: 0 0 1.7em 0;
}

a.skip
{
    margin-top: -999px !important;
    font-size: 1.4em;
    position: absolute;
}
a.skip:active
{
    position: relative;
}
f /* Community layout */ #Content ul.Community
{
    padding: 0;
    margin: 0;
    list-style-position: outside;
    list-style-type: none;
    width: 708px;
    margin-left: -5px;
}
#Content ul.Community li
{
    float: left;
    display: inline;
    background: #fff;
    margin: 0 0 1.8em 5px;
    padding: 3px;
    border: 1px solid #e8e8e8;
    position: relative;
}
#Content ul.Community li a
{
    display: block;
    width: 133px;
    height: 56px;
    text-indent: -5000px;
    overflow: hidden;
    background-position: left 0px;
}
#Content ul.Community li.img1 a
{
    background: url(../Images/imgCommunity1.jpg) repeat-y;
}
#Content ul.Community li.img2 a
{
    background: url(../Images/imgCommunity2.jpg) repeat-y;
}
#Content ul.Community li.img3 a
{
    background: url(../Images/imgCommunity3.jpg) repeat-y;
}
#Content ul.Community li.img4 a
{
    background: url(../Images/imgCommunity4.jpg) repeat-y;
}
#Content ul.Community li.img5 a
{
    background: url(../Images/imgCommunity5.jpg) repeat-y;
}
#Content ul.Community li.img6 a
{
    background: url(../Images/imgCommunity6.jpg) repeat-y;
}
#Content ul.Community li.img7 a
{
    background: url(../Images/imgCommunity7.jpg) repeat-y;
}
#Content ul.Community li.img8 a
{
    background: url(../Images/imgCommunity8.jpg) repeat-y;
}
#Content ul.Community li.img9 a
{
    background: url(../Images/imgCommunity9.jpg) repeat-y;
}
#Content ul.Community li.img10 a
{
    background: url(../Images/imgCommunity10.jpg) repeat-y;
}
#Content ul.Community li.img11 a
{
    background: url(../Images/imgCommunity11.jpg) repeat-y;
}
#Content ul.Community li.img12 a
{
    background: url(../Images/imgCommunity12.jpg) repeat-y;
}
#Content ul.Community li.img13 a
{
    background: url(../Images/imgCommunity13.jpg) repeat-y;
}
#Content ul.Community li a:hover, #Content ul.Community li a:active
{
    background-position: left 56px;
}

/* second level pages - community */
#Banner div.intro.education
{
    background: url(../Images/mbandEducation.jpg) no-repeat 100% 3px;
}
#Banner div.intro.health
{
    background: url(../Images/mbandHealth.jpg) no-repeat 100% 3px;
}
#Banner div.intro.contact
{
    background: url(../Images/mbandContact.jpg) no-repeat 100% 3px;
}
#Banner div.intro.artsandphilosophy
{
    background: url(../Images/mbandArtsandPhilosophy.jpg) no-repeat 100% 3px;
}
#Banner div.intro.agriculture
{
    background: url(../Images/mbandAgriculture.jpg) no-repeat 100% 3px;
}
#Banner div.intro.environment
{
    background: url(../Images/mbandEnvironment.jpg) no-repeat 100% 3px;
}
#Banner div.intro.careers
{
    background: url(../Images/mbandCareers.jpg) no-repeat 100% 3px;
}
#Banner_Suppliers
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../Images/mbandSuppliers.jpg) no-repeat scroll 3px 50%;
    height: 107px;
    left: 501px;
    position: absolute;
    width: 247px;
    top:-1px;
}
#Banner_LocalContentProgram
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../Images/mbandLocalContentProgram.jpg) no-repeat scroll 3px 50%;
    height: 107px;
    left: 501px;
    position: absolute;
    width: 247px;
    top:-1px;
}
#Banner_UpcomingTenderProcesses
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../Images/mbandUpcomingTenderProcesses.jpg) no-repeat scroll 3px 50%;
    height: 107px;
    left: 501px;
    position: absolute;
    width: 247px;
    top:-1px;
}
#Banner div.intro.ebd
{
    background: url(../Images/mbandEBD.jpg) no-repeat 100% 3px;
}
#Banner div.intro.capacitybuilding
{
    background: url(../Images/mbandCapacityBuilding.jpg) no-repeat 100% 3px;
}
#Banner div.intro.donations
{
    background: url(../Images/mbandDonations.jpg) no-repeat 100% 3px;
}
#Banner div.intro.water
{
    background: url(../Images/mbandWater.jpg) no-repeat 100% 3px;
}
/* second level pages */
#Banner div.intro.advertising
{
    background: url(../Images/mbandAdvertising.jpg) no-repeat 100% 3px;
}
#Banner div.intro.leadership
{
    background: url(../Images/mbandLeadership.jpg) no-repeat 100% 3px;
}
#Banner div.intro.operations
{
    background: url(../Images/operations_header.jpg) no-repeat 100% 3px;
}
#Banner div.intro.operationhighlights
{
    background: url(../Images/mbandOperations.jpg) no-repeat 100% 3px;
}
#Banner div.intro.businessportfolio
{
    background: url(../Images/mbandBusinessPortfolio.jpg) no-repeat 100% 3px;
}
#Banner div.intro.excellence
{
    background: url(../Images/mbandOperExcellence.jpg) no-repeat 100% 3px;
}
#Banner div.intro.strategy
{
    background: url(../Images/mbandStrategy.jpg) no-repeat 100% 3px;
}
#Banner div.intro.chevronway
{
    background: url(../Images/mbandChevronWay.jpg) no-repeat 100% 3px;
}
#Banner div.intro.diversity
{
    background: url(../Images/mbandDiversity.jpg) no-repeat 100% 3px;
}
#Banner div.intro.ourbusiness
{
    background: url(../Images/mbandOurBusiness.jpg) no-repeat 100% 3px;
}
/* div.intro */

#Banner div.intro
{
    height: 142px;
    padding: 3px 0;
    margin-top: .5em;
    border-top: 1px solid #ddd;
    margin-bottom: -.7em;
}
#Banner div.intro img
{
    float: right;
}
#Banner div.intro img.watchVideo
{
    float: none;
}
#Banner div.intro p
{
    width: 425px;
    text-indent: -5000px;
    overflow: hidden;
    margin: 1.8em 0 1.5em 0;
}
/* div.intro -> alt */
#Banner div.intro.alt
{
    height: 106px;
    margin-top: -2.1em;
    border-top: 0;
    position: relative; /* IE fix */
}
#Banner div.intro.alt h1, #Banner div.CR.intro.alt h1
{
    margin-top: .85em;
}

/* Banner Image Replacements
-------------------------------- */
/* News */
#introNews
{
    height: 142px;
    padding: 3px 0;
    margin-top: .5em;
    border-top: 1px solid #ddd;
    margin-bottom: -1em;
    _margin-bottom: 0em;
}

#newsLeftContent
{
    float: left;
    width: 425px;
    line-height: 1.6em;
}

.newsLeftContentPone
{
    color: #666666;
    font-size: 1.5em;
    _font-size: 1.3em;
    font-weight: bold;
    margin: 1.8em 0 0;
}

.newsLeftContentPtwo
{
    font-size: 1.5em;
    _font-size: 1.3em;
    margin: 0px 0px 0.7em;
    text-indent: 0;
    line-height: 1.6em;
}
#newsRightContentImg
{
    float: left;
    padding-left: 14px;
}
.newsBanner
{
    position: absolute;
    width: 733px;
    height: 108px;
    top: 3px;
    left: 209px;
    border-bottom: 1px solid #DDDDDD;
    bottom: 1196px;
}
#titleNews
{
    background: url(../Images/titleNews.gif) no-repeat;
    height: 23px;
    width: 69px;
    text-indent: -5000px;
    overflow: hidden;
    line-height: 1em;
    margin: 0;
    padding: 0 0 0.45em;
}
#subtitleNews
{
    background: url(../Images/subtitleNews.gif) no-repeat;
    height: 16px;
    width: 319px;
    text-indent: -5000px;
    overflow: hidden;
}
#newsBox
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-bottom: 1em;
    padding: 3px;
}
#newsBoxContent
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../Images/bgBoxGradient.gif) repeat-x scroll 0 100%;
    padding: 10px;
}
/*replaced with linked image--> #Banner div.intro.news { background: url(../Images/mbandNews.jpg) no-repeat 100% 3px; }*/
#Banner div.intro.news h3
{
    color: #666;
    font-weight: bold;
    margin: 1.8em 0 0 0;
    font-size: 1.5em;
    line-height: 1.5em;
}
#Banner div.intro.news p
{
    text-indent: 0;
    margin: 0 0 1.5em 0;
    font-size: 1.5em;
}
#Banner div.intro.mediaResources
{
    background: url(../Images/mbandMediaRes.jpg) no-repeat 100% 3px;
}

/* Investors */
#Banner h1.titleInvestors
{
    background: url(../Images/titleInvestors.gif) no-repeat;
    height: 23px;
    width: 237px;
    text-indent: -5000px;
    overflow: hidden;
}
#Banner h2.subtitleInvestors
{
    background: url(../Images/subtitleInvestors.gif) no-repeat;
    height: 17px;
    width: 345px;
    text-indent: -5000px;
    overflow: hidden;
}
#Banner div.intro.investors
{
    background: url(../Images/mbandInvestors.jpg) no-repeat 100% 3px;
}
#Banner div.intro.investors h3
{
    color: #666;
    font-weight: bold;
    margin: 1.8em 0 0 0;
    font-size: 1.5em;
    line-height: 1.5em;
}
#Banner div.intro.investors p
{
    text-indent: 0;
    margin: 0 0 1.2em 0;
    font-size: 1.5em;
}
#Banner div.intro.investors p.pdflink
{
    font-size: 1.2em;
    margin-bottom: 0;
}
#Banner div.intro.investors img.pdflink
{
    float: left;
    padding: 1px 5px 0 0;
}
.promo h3.TallBoth a
{
    height: 38px;
}
li.Search
{
    position:absolute !important;
    right: 16px;
    top: 3px;
    _width: 190px;
}
#TopNav
{
	position:relative;
}

li.Search div.rmText
{
	background: none transparent scroll repeat 0% 0%;
	color: #333;
	font-family:arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
	margin: 0px;
	padding:0px;
	/*position:absolute;*/
	right:16px;
	/*top:3px;*/
}
li.Search div input.text
{
    background: #FFFFFF url(../Images/bgInputSearch.gif) no-repeat scroll 0 0;
    font-family: Arial,helvetica,sans-serif;
    line-height: 1.5em;
    border: 1px solid #DDDDDD;
    color: #666666;
    float: left;
    font-size: 1em;
    
    /*font-size: 0.8em;*/
    height: 1.4em;
    margin-right: 5px; 
    padding-left:20px;
    padding-top: 0px;
    padding-bottom:0px;
    margin-top:-2px;
    margin-bottom: 2px;
    width: 128px;
    height:1.4em;
    min-height: 1.4em;
    _height: 1.4em;
}

li.Search div input.image
{
	margin-top: -1px;
}

