/*  --------------
 *  Colour schemes
 *  --------------
 *  #6699CC - flat light blue
 *  #639ACE -
 *  #005594 - flat dark blue
 *  #7B96BD - flat light grey/blue
 *  #ECECEC - light grey
 *  #ADADAD - med grey
 *  #1A278B - dark purple/blue
 *  #003484 - dark blue
 *  #080808 - black
 */

html {
   background-color: #DFE6F2;
}

#OuterContainer {
   background: #FFF url('/campaign/oceans/yil/images/227042') bottom no-repeat;
   border-top: 0;
}
#ContentContainer {
   float: left;
   margin-right: 0px;
   padding-top: 50px;
   width: 435px !important;
   background: url('/campaign/oceans/yil/images/224367') no-repeat;
}


/**********************/
/*     HEADER         */
/**********************/

#Header {
   height: 60px;
   width: 750px;
   _width: 740px;
/*
   background: url('/campaign/oceans/yil/images/224361') no-repeat;
*/
   background: url('/campaign/oceans/yil/images/233222') no-repeat;
}

#Header a {
   display: block;
   width: 540px;
   height: 60px;
   background: url('/campaign/oceans/yil/images/224361') no-repeat;
   margin-bottom: 0;
   float: left;
}

/**********************/
/*     FOOTER         */
/**********************/

#Footer {
   border-top: 0;
   background: #00398B url(/method/graphics/greenpeace-footer-logo.gif) 640px 50% no-repeat;
}

/**********************/
/*    INCLUDELETS     */
/**********************/

#languagesdropdown {
   position: absolute;
   top: 15px;
   _position: relative;
   _top: -135px;
}
#languagesdropdown fieldset {
   border: 0;
}
#languagesdropdown select {
   width: 150px;
}

#QuickSearch {
   position: absolute;
   top: 45px;
   background-color: transparent;
   padding-bottom: 2px;
   _position: relative;
   _top: -80px;
}

#QuickSearch a.act { 
   background: url(/method/graphics/act-arrow.png) 0% 50% no-repeat !important;
}

#mission_statement {
   background: url('/campaign/oceans/yil/images/224367')   top right no-repeat;
   margin: 0 0 5px 0;
   height: 47px;
   width: 150px;
   display: block;
}

#SiteSwitcherIncludelet {
   background: #DFE6F2;
}
#SiteSwitcherIncludelet h2 {
   background: #00398B;
   color: #FFFFFF;
}

.SidebarIncludelet {
    background: #DFE6F2;
}

.SidebarIncludelet div.body {
    color:  #00398B;
}

/**********************/
/*     MENU           */
/**********************/

#Menu {
   background: url('/campaign/oceans/yil/images/225935') bottom no-repeat;
   padding-bottom: 14px;
   margin-top: 4px;
}

#Menu li a {
    background: #00398B url(/method/graphics/navigation-arrow.png) 5px 50% no-repeat;
}

#Menu li a:hover, #Menu li.current a {
    background-color: #00398B;
}

#Menu li.current li a,
#Menu li li a {
    background: #5C7ABA url(/method/graphics/navigation-whitearrow.png) 9px 50% no-repeat;
    color: #FFF;
}

#Menu li li.current a,
#Menu li.current li a:hover,
#Menu li li a:hover {
    background: #ADBCDC url(/method/graphics/navigation-whitearrow.png) 9px 50% no-repeat;
    color: #FFF;
}

#Menu li li li a,
#Menu li.current li li a,
#Menu li li.current li a,
#Menu li li li.current a {
   padding: 4px 4px 4px 24px;
   background: #FFF url(/method/graphics/navigation-hyphen.png) 17px 50% no-repeat;
   color: #003300;
 }

#Menu li.current li li a:hover,
#Menu li li li a:hover {
   background: #FFF url(/method/graphics/navigation-orange-hyphen.png) 17px 50% no-repeat;
   color: #FF6600;
}

/*
#Menu li li li li a,
#Menu li.current li li li a,
#Menu li li.current li li a,
#Menu li li li.current li a {
  background: #FFFFFF url(/method/graphics/navigation-hyphen.png) 17px 50% no-repeat;
  color: #226622;
  margin-left:10px;
}
*/


#Menu li li li li a,
#Menu li.current li li li a,
#Menu li li.current li li a,
#Menu li li li.current li a {
  background: #DFE6F2 url(/method/graphics/navigation-hyphen.png) 17px 50% no-repeat;
  color: #226622;
  margin-left:10px;
}

#Menu li li li li a:hover,
#Menu li.current li li li a:hover,
#Menu li li.current li li a:hover,
#Menu li li li.current li a:hover {
  background: #DFE6F2 url(/method/graphics/navigation-hyphen.png) 17px 50% no-repeat;
}


/**********************/
/*     SIDEBAR        */
/**********************/

.LeftSidebar, .RightSidebar {

   _overflow: visible;

   voice-family: "\"}\""; 
   voice-family:inherit;

   _overflow: hidden;
}

.RightSidebar {
   background: #DFE6F2 url('/campaign/oceans/yil/images/225941') bottom no-repeat;
}



.LeftSidebar h2, .RightSidebar h2 {
   background: #DFE6F2;
   color: #00398B;  
}

.RightSidebar div.Box {
   margin: 0 5px 10px 5px;
   width: 150px;
}

a.act {
   color: #333333;
}

.PageActions li a {
   color: #333333;
}

.Full .Image.Dresser {
   background-color: #DFE6F2;
}

.Content {
   margin-right: 0px
   voice-family: "\"}\"";
   voice-family:inherit;
   margin-right: 5px;
}
.Content .ItemList {
   background-color: #DFE6F2;
}

.Content h2 {
   color: #00398B;
}


.PublishDate {
   color: #00398B;
}
.ItemList {
   font-size: 0.9em;
}

.FramedInput {
  background: #00398B url(/method/graphics/navigation-arrow.png) 5px 50% no-repeat;
  padding: 4px 4px 4px 25px;
  width: 105px;  
  margin-left: 10px;
  margin-bottom: 10px;
}
