/*
--------------------------------------------------------------------------------
 [] Base.css
   --------
   The Base.css page stylesheet provides screen styles for the basic
	structural layout and visual format of LastOcean.org.
   ----------------------
   Authors:  Erik Burns, Michael Rienstra
	Version: March 9, 2009
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------
 :: Globals
   -------
   The globals section defines global layout for the header, footer, and
	structural columns.  It also defines visual displays for standardized sitewide
	tags, such as headers, anchors, and img tags.
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------
  ... Layout
-------------------------------------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
}

html {
 height: 100%;
}

body {
 height: 100%;
 margin: 0; padding: 0;
 background: #000;
 color: #000;
 font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
 text-align: center;
}

table.centering_wrapper {
 height: 100%; width: 100%;
}

.wrapper {
 display: block; position: relative;
 width: 848px; height: 698px;
 margin: 0 auto; padding: 0;
 border: 1px solid #c6c3c3;
 text-align: left;
}

/* ------------------------------------------------------------------------------
  ... Display
-------------------------------------------------------------------------------- */
/* Set a smaller default font size, and allow the HTML text to scale in IE */
body, body div, body p, body th,
body td, body ul, body li, body dd,
form select, form input, form p, form textarea {
   /* more specific to override imported rule */
   font-size:    small;
   font-family:  Arial, Helvetica, sans-serif;
/* Note: the below code is causing CSS Valdator erros... can check into this later */
   /* false value for WinIE4/5 */
/*    voice-family: "\"}\"";   
   /* trick WinIE4/5 into thinking rule is over */
/*
   voice-family: inherit;   
   /* recover from trick */
/*
   font-size:    small;
   /* intended value for better browsers */
   }

html>body, html>body div, html>body p,
html>body th, html>body td, 
html>body ul, html>body li, html>body dd,
html>form select, html>form input, html>form textarea {
   font-size:    small;
   font-family:  Arial, Helvetica, sans-serif;
   /* be nice to Opera */
   }

h1, h2, h3 {
 padding: 0; margin: 0;
 background-color: inherit;
 font-weight: bold;
}

h1 {
 font-size: 180%;
}

h2 {
 font-size: 140%;
}

h3 {
 font-size: 130%;
}

p {
 font-size: 100%;
 color: #4C4C4C;
 background-color: inherit;
 padding: 0 0 15px 0; margin: 0;
}

img {
 border: 0;
}

/* ------------------------------------------------------------------------------
  ... Links Display
-------------------------------------------------------------------------------- */
body a {
 color: #acacac;
 text-decoration: none;
}

body a:hover, body a:active, body a.on {
 color: #f2f2f2;
}

*:focus {
 outline: none;
}

/* ------------------------------------------------------------------------------
 :: Header
   ------
   Controls the visual display of the header, search tool, and secondary nav.
/* ------------------------------------------------------------------------------ */
.header {
 position: relative;
 padding: 0; margin: 0;
 height: 100px; width: 100%;
}

.header h1 {
 display: block;
 position: absolute; top: 25px; left: 27px;
 width: 275px;
 height: 43px;
 background: url(/images/common/the_last_ocean.gif) no-repeat 0 0;
}

.header h1 a {
 display: block;
 width: 275px;
 height: 43px;
 background: #000;
 opacity: 0;
}

.header h1 a:hover {
 opacity: 0.25;
}

/* Dwyer Method Image Replacement
  http://mezzoblue.com/tests/revised-image-replacement/ */
.header h1 span {
 display: block;
 height: 0; width: 0;
 overflow: hidden;
}

/* ------------------------------------------------------------------------------
  ... the Secondary Nav Links
/* ------------------------------------------------------------------------------ */
.header ul {
 display: block;
 position: absolute; right: 30px; top: 23px;
 padding: 0; margin: 0;
 list-style: none;
}

.header ul li {
 display: block; float: left;
 padding-left: 9px;
 font-size: 80%;
}

.header ul li a {
 display: inline;
 text-decoration: underline;
}

/* ------------------------------------------------------------------------------
 :: Main Content Area
   -----------------
   Controls the visual display of the main content area.
/* ------------------------------------------------------------------------------ */
.bodycontent_wrapper {
 height: 454px; position: relative;
 background: #000;
}

#index .bodycontent_wrapper {
 background: transparent;
 background: url("/images/index/full_bg.jpg") no-repeat;
}

.bodycontent a.home_splash {
 display: block;
 height: 378px; width: 800px;
}

.bodycontent_bottom {
 clear: both;
}

/* ------------------------------------------------------------------------------
 :: Left Column
   -----------
   Controls the visual display of the left column.
/* ------------------------------------------------------------------------------ */
.bodycontent .left_column {
 position: absolute; left: 26px; top: 7px;
}

/* ------------------------------------------------------------------------------
 ... menu titles
--------------------------------------------------------------------------------- */
.bodycontent .left_column h2 {
 display: block;
 height: 27px; width: 164px;
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 1px solid #6a6a6a;
}

/* Dwyer Method Image Replacement
  http://mezzoblue.com/tests/revised-image-replacement/ */
.bodycontent .left_column h2 span {
 display: block;
 height: 0; width: 0;
 overflow: hidden;
}

.bodycontent .left_column h2 { background-image: url(/images/story/menu_header.gif); }

#project .bodycontent .left_column h2 { background-image: url(/images/project/menu_header.gif); }

#community .bodycontent .left_column h2 { background-image: url(/images/community/menu_header.gif); }

#science .bodycontent .left_column h2 { background-image: url(/images/science/menu_header.gif); }

#team .bodycontent .left_column h2 { background-image: url(/images/team/menu_header.gif); }

/* ------------------------------------------------------------------------------
 ... menu links
--------------------------------------------------------------------------------- */
.bodycontent .left_column ul {
 padding: 0; margin: 1px 0 0;
 list-style: none;
 background: #303030;
 border-left: 1px solid #272727; border-right: 1px solid #272727;
}

.bodycontent .left_column ul li {
 display: block;
 width: 150px;
 height: 19px;
 padding: 4px 0 4px 14px;
 border: 0; border-top: 1px solid #272727; border-bottom: 1px solid #272727;
 color: #f2f2f2;
}

.bodycontent .left_column ul ul {
 margin: 0; padding: 0;
 border: 0; border-top: 1px solid #272727; border-bottom: 1px solid #272727;
 padding: 2px 0 6px 0;
}

.bodycontent .left_column ul ul li {
 border: 0; padding: 2px 0;
}

.bodycontent .left_column ul li a {
 display: block;
 width: 150px;
 border: 0;
}

.bodycontent .left_column ul ul li a {
 padding-left: 38px;
 width: 126px;
}

/* .bodycontent .left_column ul li span {
 background: url(/images/common/tip.gif) no-repeat;
 position: absolute;
 left: 152px;
 width: 40px;
 height: 21px;
 z-index: -1;
}

.bodycontent .left_column ul li.overview span {
 top: 34px;
}

.bodycontent .left_column ul li.background span {
 top: 63px;
}

.bodycontent .left_column ul li.physical_characteristics span {
 top: 92px;
}

.bodycontent .left_column ul li.ecosystem span {
 top: 121px;
}

.bodycontent .left_column ul li.threats span {
 top: 150px;
}

.bodycontent .left_column ul li.conservation span {
 top: 179px;
}

.bodycontent .left_column ul li.testimonials span {
 top: 208px;
}

.bodycontent .left_column ul li a:hover span {
 z-index: 0;
}

.bodycontent .left_column ul li span i {
 background: url(/images/common/tooltip_bg.jpg) no-repeat;
 position: absolute;
 left: 40px;
 top: -34px;
 width: 219px;
 height: 166px;
 padding: 20px 10px 10px 17px;
 font-size: 12px;
 border: 2px solid #767676;
 font-style: normal;
} */

/* ------------------------------------------------------------------------------
 :: Right Column
   ------------
   Controls the visual display of the right column.
/* ------------------------------------------------------------------------------ */
.bodycontent .right_column {
 position: absolute; left: 218px; top: 7px;
}

/* ------------------------------------------------------------------------------
 :: Modal Dialog
   ------------
   Controls the visual display of the modal dialog (currently used to display the
	"Community" section).
/* ------------------------------------------------------------------------------ */
.dialog {
 z-index: 100;
 width: 600px; height: 400px;
 background: #fff;
 padding-top: 15px;
}

.dialog a:hover, .dialog a:active {
 color: #999;
}

/* ------------------------------------------------------------------------------
 :: Footer Display Styles
   ---------------------
	Controls the visual display of the tertiary nav links and copyright notice.
--------------------------------------------------------------------------------- */
.footer {
 position: absolute;
 height: 109px; width: 100%;
 padding: 0; margin: 0;
 bottom: 35px;
}

/*  ----------------------------------------------------------------------------
   ... The Links
-------------------------------------------------------------------------------- */
.footer ul {
 display: block;
 position: relative; left: 25px; top: 19px;
 list-style: none; padding: 0; margin: 0;
 /* background: #000; url(/images/common/navigation.jpg) no-repeat 0 0; */
 width: 845px;
 height: 109px;
}

.footer ul li {
 display: inline;
 position: absolute;
 top: 0;
 padding: 0; margin: 0;
 text-indent: -3000px;
 overflow: hidden;
}

.footer ul li a {
 display: block;
 height: 109px; width: 128px;
 background: #000;
 opacity: 0.4;
}

.footer ul li a.on, .footer ul li a:hover, .footer ul li a:active {
 opacity: 1;
}

#index .footer ul li a {
 opacity: 1;
}

#index .footer ul li a:hover {
 background-color: #000;
 opacity: 0.7;
}

.footer ul li.story {
 left: 0;
}
.footer ul li.project {
 left: 169px;
}
.footer ul li.community {
 left: 338px;
}
.footer ul li.science {
 left: 507px;
}
.footer ul li.team {
 left: 676px;
}

.footer ul li.story a {
 background: url(/images/common/navigation.jpg) no-repeat 0 0;
}
.footer ul li.project a {
 background: url(/images/common/navigation.jpg) no-repeat -169px 0;
}
.footer ul li.community a {
 background: url(/images/common/navigation.jpg) no-repeat -338px 0;
}
.footer ul li.science a {
 background: url(/images/common/navigation.jpg) no-repeat -507px 0;
}
.footer ul li.team a {
 background: url(/images/common/navigation.jpg) no-repeat -676px 0;
}

/* Dwyer Method Image Replacement
  http://mezzoblue.com/tests/revised-image-replacement/ */
.footer ul li a span {
 display: block;
 height: 0; width: 0;
 overflow: hidden;
}

/*
--------------------------------------------------------------------------------
 :: Skins
   -----
   Styles for page(s) in specific contexts
-------------------------------------------------------------------------------- */


/*
--------------------------------------------------------------------------------
 :: Home
   -----
   Styles for index / homepage / landing page
-------------------------------------------------------------------------------- */

#index .bodycontent .left_column {
 /* background: #333 url("/images/index/globe.jpg") no-repeat right 9px; */
 width: 322px;
 height: 411px; /* 454 - 52 */
 left: 0;
 top: 0;
 padding-top: 43px;
}

#index p {
 color: #999;
 width: 265px;
 position: relative;
 left: 27px;
 font-size: 14px;
 letter-spacing: -0.1px;
 text-align: justify;
 margin-bottom: 9px;
}

#index p.first {
 /* background: url(/images/index/ross_sea_in_danger.gif) no-repeat; */
 background: transparent;
 height: 96px;
 color: #fff;
 text-align: left;
 line-height: 20px;
}

#index p b.the {
 position: relative;
 width: 246px;
 height: 24px;
 display: block;
}

#index p b.the a {
 background: url(/images/index/the_ross_sea.gif) no-repeat;
 width: 246px;
 height: 24px;
 position: absolute;
 text-indent: -3000px;
 overflow: hidden;
}

#index p b.the a:hover {
 opacity: 0.75;
}

#index p b.it {
 position: relative;
 top: -15px;
 width: 142px;
 height: 21px;
 display: block;
 margin-bottom: -25px;
}

#index p b.it a {
 background: url(/images/index/it_is_in_danger.gif) no-repeat;
 left: 0;
 top: -9px;
 width: 142px;
 height: 21px;
 position: absolute;
 text-indent: -3000px;
 overflow: hidden;
}

#index p b.it a:hover {
 opacity: 0.75;
}

#index p b {
 font-weight: normal;
 font-size: 16px;
 text-transform: uppercase;
}

#index p a {
 color: #999;
}

#index p a:hover {
 color: #ccc;
}

#index .bodycontent .right_column {
 /* background: url(/images/index/right_bg.jpg) no-repeat; */
 width: 526px;
 height: 454px;
 left: 322px;
 top: 0;
}

#index .bodycontent .right_column .scrollable {
 position: relative;
 left: 24px;
 top: 52px;
 width: 474px;
 height: 333px;
 border: 2px solid #797878;
 overflow: hidden;
}

#index .bodycontent .right_column div #soundslider {
 margin-top: -30px;
}

#index .bodycontent .right_column div div#soundslider {
 margin-top: 0;
 background: url("/images/swf_placeholders/index.jpg") no-repeat;
 width: 474px;
 height: 364px;
}



/*
Read / Watch menu
*/

div.bodycontent div.right_column div.read_watch {
 margin-top: 6px;
 height: 16px;
 border: 0;
}

.bodycontent .right_column div.read_watch p {
 display: inline;
 border-left: 2px solid #2b2b2b;
 padding: 0 8px 1px 8px;
 color: #fff;
}

.bodycontent .right_column div.read_watch ul {
 list-style: none;
 display: inline;
 position: relative;
 border-left: 2px solid #2b2b2b;
 padding-bottom: 1px;
}

.bodycontent .right_column div.read_watch ul li {
 display: inline;
 position: absolute;
 top: 1px;
 text-indent: -3000px;
 overflow: hidden;
 width: 14px;
 height: 14px;
 background: #777;
}

.bodycontent .right_column div.read_watch ul li.l1 {
 left: 7px;
}

.bodycontent .right_column div.read_watch ul li.l2 {
 left: 25px;
}

.bodycontent .right_column div.read_watch ul li.l3 {
 left: 43px;
}

.bodycontent .right_column div.read_watch ul li.l4 {
 left: 61px;
}

.bodycontent .right_column div.read_watch ul li.l5 {
 left: 79px;
}

.bodycontent .right_column div.read_watch ul li a {
 display: block;
 background: #484848;
}

.bodycontent .right_column div.read_watch ul li a:hover {
 background: #666;
}



/*
--------------------------------------------------------------------------------
 :: Story
   -----
   Styles for Ross Sea Story pages
-------------------------------------------------------------------------------- */

#story .bodycontent .right_column div #soundslider {
 margin-top: -48px;
}



/*
New code below here, to be filed
*/

.bodycontent .right_column .watch {
 border: 2px solid #797878;
 width: 600px;
 height: 400px;
 background: #fff;
 overflow: hidden;
}

.bodycontent .right_column .scrollable {
 overflow: scroll;
 overflow-x: hidden;
 overflow-y: scroll;
 border: 2px solid #797878;
 /* border-bottom: 20px solid #777; */
 width: 600px;
 height: 400px;
 background: #fff;
 position: relative;
}

.bodycontent .right_column .scrollable div {
 border: 0;
 width: auto;
 height: auto;
 padding: 50px 0 0 22px;
 position: relative;
 clear: both;
 background: #fff;
}

.bodycontent .right_column .scrollable .second, .bodycontent .right_column .scrollable .fourth, .bodycontent .right_column .scrollable .sixth, .bodycontent .right_column .scrollable .eighth, .bodycontent .right_column .scrollable .tenth, .bodycontent .right_column .scrollable .twelfth {
 background: #d2d2d2;
}

.bodycontent .right_column .scrollable .first {
 padding-top: 110px;
}

.bodycontent .right_column .scrollable h1 {
 width: 585px;
 height: 60px;
 text-indent: -9000px;
 overflow: hidden;
 position: absolute;
 background: #777;
 left: 0;
 top: 0;
}

.bodycontent .right_column .scrollable h2 {
 width: 332px;
 height: 25px;
 text-indent: -9000px;
 overflow: hidden;
 position: absolute;
 left: 20px;
 top: 13px;
}

.bodycontent .right_column .scrollable p {
 font-size: 12px;
 color: #000;
 text-align: justify;
 background: transparent;
}

.bodycontent .right_column .scrollable ul, .bodycontent .right_column .scrollable li {
 font-size: 12px;
}

.bodycontent .right_column .scrollable .clearing {
 padding: 0 !important;
}

.bodycontent .right_column .scrollable a {
 color: #000;
 text-decoration: underline;
}

.bodycontent .right_column .scrollable .caption {
 clear: right;
 float: right;
 text-align: right;
 margin: 3px 21px 0 0;
}



/*
Story
*/

#story .bodycontent .right_column .scrollable .first h2 {
 top: 73px;
}

#story .bodycontent .right_column .scrollable p {
 width: 260px;
}

#story .bodycontent .right_column .scrollable .player {
 background: url("/images/story/shadow.png") no-repeat;
 width: 268px;
 height: 199px;
 clear: right;
 float: right;
 padding: 0 0 0 1px;
 /* padding: 0 15px 8px 1px; */
 margin: -36px 15px 8px 0;
}

#story .bodycontent .right_column .scrollable .player div {
 padding: 0;
 margin: 0;
 width: 261px;
 height: 191px;
}

#story_overview_player {
 background: url("/images/swf_placeholders/story_overview.jpg") no-repeat;
}

#ice_movement_player {
 background: url("/images/swf_placeholders/ice_movement.jpg") no-repeat;
}

#ross_sea_ice_player {
 background: url("/images/swf_placeholders/ross_sea_ice.jpg") no-repeat;
}

#adelies_player {
 background: url("/images/swf_placeholders/adelies.jpg") no-repeat;
}
#benthic_player {
 background: url("/images/swf_placeholders/benthic.jpg") no-repeat;
}
#emperors_player {
 background: url("/images/swf_placeholders/emperors.jpg") no-repeat;
}
#minkes_player {
 background: url("/images/swf_placeholders/minkes.jpg") no-repeat;
}
#orcas_player {
 background: url("/images/swf_placeholders/orcas.jpg") no-repeat;
}
#seals_player {
 background: url("/images/swf_placeholders/seals.jpg") no-repeat;
}
#snow_petrels_player {
 background: url("/images/swf_placeholders/snow_petrels.jpg") no-repeat;
}

/* #story .bodycontent .right_column .scrollable .second .player, #story .bodycontent .right_column .scrollable .fourth .player, #story .bodycontent .right_column .scrollable .sixth .player, #story .bodycontent .right_column .scrollable .eighth .player {
 background: url("/images/story/shadow_d2d2d2.gif") no-repeat;
} */

#story .bodycontent .right_column .scrollable img {
 clear: right;
 float: right;
 margin: -36px 15px 8px 0;
}



/*
Story: Overview
*/

#story.overview .bodycontent .right_column h1 {
 background: #777 url("/images/story/overview/overview.gif") no-repeat 22px 19px;
}

#story.overview .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/story/overview/the_ross_sea.gif") no-repeat;
}

#story.overview .bodycontent .right_column .scrollable .second h2 {
 background: url("/images/story/overview/the_threat.gif") no-repeat;
}

#story.overview .bodycontent .right_column .scrollable .third h2 {
 background: url("/images/story/overview/what_we_can_do.gif") no-repeat;
}



/*
Story: Background
*/

#story.background .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/story/background/background.gif") no-repeat 22px 19px;
}

#story.background .bodycontent .right_column .scrollable .first {
 background: url("/images/story/background/interconnected_like_dna.jpg") no-repeat 22px 65px;
}

#story.background .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/story/background/ecosystems_in_and_out.gif") no-repeat;
}

#story.background .bodycontent .right_column .scrollable .second, #story.background .bodycontent .right_column .scrollable .fourth {
 padding-top: 20px;
}

#story.background .bodycontent .right_column .scrollable .second img {
 margin-top: 0;
}

#story.background .bodycontent .right_column .scrollable .third {
 padding: 15px 0 25px 5px;
}

#story.background .bodycontent .right_column .scrollable .third img {
 float: none;
 margin: 0;
}

#story.background .bodycontent .right_column .scrollable .fourth p {
 width: 540px;
}

#story.background .bodycontent .right_column .scrollable .fifth h2 {
 background: url("/images/story/background/state_of_the_oceans.gif") no-repeat;
}

#story.background .bodycontent .right_column .scrollable .fifth .maximum_catch {
 background: url("/images/story/background/maximum_catch.gif") no-repeat;
 width: 268px;
 height: 270px;
 float: right;
 margin: -36px 15px 8px 0;
 padding: 0;
}

#story.background .bodycontent .right_column .scrollable .fifth .maximum_catch:hover {
 background-position: 0 -270px;
}

#story.background .bodycontent .right_column .scrollable .fifth img {
 margin-top: 0;
}

#story.background .bodycontent .right_column .scrollable .sixth h2 {
 background: url("/images/story/background/importance_of_the_ross_sea.gif") no-repeat;
}

#story.background .bodycontent .right_column .scrollable .seventh {
 padding-top: 20px;
}

#story.background .bodycontent .right_column .scrollable .seventh img {
 margin: 0 30px 8px 0;
}



/*
Story: Physical Characteristics
*/

#story.physical_characteristics .bodycontent .right_column .scrollable {
 background: #010101;
}

#story.physical_characteristics .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/story/physical_characteristics/physical_characteristics.gif") no-repeat 22px 19px;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .first {
 background: #fff url("/images/story/physical_characteristics/first.jpg") no-repeat right 60px;
 padding-top: 80px;
 height: 279px;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .second, #story.physical_characteristics .bodycontent .right_column .scrollable .third {
 padding-top: 20px;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .second .player, #story.physical_characteristics .bodycontent .right_column .scrollable .third .player {
 margin-top: 0;
}

/* #story.physical_characteristics .bodycontent .right_column .scrollable .second .clearing {
 padding-top: 20px;
} */

#story.physical_characteristics .bodycontent .right_column .scrollable .third {
 background: #fff url("/images/story/physical_characteristics/third.jpg") no-repeat right 10px;
 height: 624px;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .third span.continental_shelf:hover, #story.physical_characteristics .bodycontent .right_column .scrollable .third span.continental_slope:hover {
 cursor: se-resize;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .third span.france:hover {
 cursor: ne-resize;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .fourth {
 background: url("/images/story/physical_characteristics/fourth.jpg") no-repeat;
 padding-top: 1165px;
 height: 135px;
}

#story.physical_characteristics .bodycontent .right_column .scrollable .fourth p, #story.physical_characteristics .bodycontent .right_column .scrollable .fourth a {
 color: #fff;
}


/*
Story: Ecosystem
*/

#story.ecosystem .bodycontent .right_column .scrollable {
 background: #d2d2d2;
}

#story.ecosystem .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/story/ecosystem/ecosystem.gif") no-repeat 22px 19px;
}

#story.ecosystem .bodycontent .right_column .scrollable div {
 padding-top: 20px;
}

#story.ecosystem .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#story.ecosystem .bodycontent .right_column .scrollable img {
 margin-top: 0;
}

#story.ecosystem .bodycontent .right_column .scrollable .player {
 margin-top: 0;
 padding-top: 0;
}

#story.ecosystem .bodycontent .right_column .scrollable .twelfth {
 background: #d2d2d2 url("/images/story/ecosystem/photo_12a.jpg") no-repeat;
 padding-top: 315px;
}



/*
Story: Threats
*/

#story.threats .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/story/threats/threats.gif") no-repeat 22px 19px;
}

#story.threats .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/story/threats/toothfish.gif") no-repeat;
}

#story.threats .bodycontent .right_column .scrollable .second h2 {
 background: url("/images/story/threats/toothfish_in_the_market.gif") no-repeat;
}

#story.threats .bodycontent .right_column .scrollable .third {
 background: url("/images/story/threats/third.jpg") no-repeat 1px 0;
 height: 995px;
}

#story.threats .bodycontent .right_column .scrollable .third h2 {
 background: url("/images/story/threats/fishing_in_the_ross_sea.gif") no-repeat;
}

#story.threats .bodycontent .right_column .scrollable .fourth, #story.threats .bodycontent .right_column .scrollable .fifth {
 padding-top: 20px;
}

#story.threats .bodycontent .right_column .scrollable .fourth img, #story.threats .bodycontent .right_column .scrollable .fifth img {
 margin-top: 0;
}

#story.threats .bodycontent .right_column .scrollable .sixth h2 {
 background: url("/images/story/threats/whaling.gif") no-repeat;
}

#story.threats .bodycontent .right_column .scrollable .seventh h2 {
 background: url("/images/story/threats/clear_and_present_danger.gif") no-repeat;
}



/*
Story: Conservation Efforts
*/

#story.conservation_efforts .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/story/conservation_efforts/conservation_efforts.gif") no-repeat 22px 19px;
}

#story.conservation_efforts .bodycontent .right_column .scrollable .first {
  padding-top: 80px;
}

#story.conservation_efforts .bodycontent .right_column .scrollable p {
 width: 540px;
}

#story.conservation_efforts .bodycontent .right_column .scrollable img {
  margin-top: 0;
}

#story.conservation_efforts .bodycontent .right_column .scrollable .second {
  padding-top: 20px;
  padding-bottom: 5px;
}

#story.conservation_efforts .bodycontent .right_column .scrollable ul {
 list-style-type: none;
 margin: 4px 0 15px 0;
}

#story.conservation_efforts .bodycontent .right_column .scrollable ul a {
 text-decoration: none;
}

#story.conservation_efforts .bodycontent .right_column .scrollable ul a:hover {
 text-decoration: underline;
}



/*
Project
*/

#project .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#project .bodycontent .right_column .scrollable p {
 width: 540px;
}

#project .bodycontent .right_column .scrollable img {
 margin-bottom: 20px;
}



/*
Project : Overview
*/

#project.overview .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/overview/overview.gif") no-repeat 22px 19px;
}

#project.overview .bodycontent .right_column .scrollable p {
 width: 260px;
}

#project.overview .bodycontent .right_column .scrollable img {
 float: right;
 margin: 0 35px 8px 0;
}



/*
Project : Film
*/

#project.film .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/film/film.gif") no-repeat 22px 19px;
}

#project.film .bodycontent .right_column .scrollable h3 {
 font-size: 12px;
 padding-bottom: 15px;
}



/*
Project : Online Library
*/

#project.online_library .bodycontent .right_column .scrollable img {
 margin: -20px 0 20px -22px;
}

#project.online_library .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/online_library/online_library.gif") no-repeat 22px 19px;
}

#project.online_library .bodycontent .right_column .scrollable h3 {
 font-size: 12px;
 padding-bottom: 15px;
}



/*
Project : Book
*/

#project.book .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/book/book.gif") no-repeat 22px 19px;
}

#project.book .bodycontent .right_column .scrollable h3 {
 font-size: 12px;
 padding-bottom: 15px;
}



/*
Project : Conference
*/

#project.conference .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/conference/conference.gif") no-repeat 22px 19px;
}

#project.conference .bodycontent .right_column .scrollable h3 {
 width: 540px;
 font-size: 14px;
 text-align: center;
}

#project.conference .bodycontent .right_column .scrollable h4 {
 width: 540px;
 font-size: 12px;
 text-align: center;
 font-style: italic;
}



/*
Project : Exhibits
*/

#project.exhibits .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/exhibits/exhibits.gif") no-repeat 22px 19px;
}

#project.exhibits .bodycontent .right_column .scrollable h3 {
 font-size: 12px;
 padding-bottom: 15px;
}



/*
Project : Publications
*/

#project.publications .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/publications/publications.gif") no-repeat 22px 19px;
}

#project.publications .bodycontent .right_column .scrollable img {
 margin-left: 26px;
}



/*
Project : Political Activities
*/

#project.political_activities .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/project/political_activities/political_activities.gif") no-repeat 22px 19px;
}

#project.political_activities .bodycontent .right_column .scrollable .first p {
 width: 260px;
}

#project.political_activities .bodycontent .right_column .scrollable .first img {
 float: right;
 margin: -7px 12px 8px 0;
}

#project.political_activities .bodycontent .right_column .scrollable .second, #project.political_activities .bodycontent .right_column .scrollable .third {
 padding-top: 20px;
}

#project.political_activities .bodycontent .right_column .scrollable .second ul {
 margin: 0;
 padding: 0 0 15px 15px;
}

#project.political_activities .bodycontent .right_column .scrollable .second li {
 padding-left: 17px;
}

#project.political_activities .bodycontent .right_column .scrollable .third {
 background: #fff url("/images/project/political_activities/third.jpg") no-repeat right top;
 height: 312px;
}

#project.political_activities .bodycontent .right_column .scrollable .third p {
 width: 260px;
}



/*
Community : Join FORSE
*/

#community.join_forse .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#community.join_forse .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/join_forse/join_forse.gif") no-repeat 22px 19px;
}

#community.join_forse .bodycontent .right_column .scrollable .first p {
 width: 260px;
}

#community.join_forse .bodycontent .right_column .scrollable .first b {
 font-weight: normal;
 font-size: 18px;
}

#community.join_forse .bodycontent .right_column .scrollable .first img {
 float: right;
 margin: 0 40px 8px 0;
}

#community.join_forse .bodycontent .right_column .scrollable .join_forse {
 clear: right;
 float: right;
 margin: 3px 28px 0 0;
 width: 235px;
 height: 72px;
 position: relative;
}

#community.join_forse .bodycontent .right_column .scrollable input {
 clear: left;
 float: left;
 margin-bottom: 8px;
 border: 1px solid #000;
 padding: 3px;
}

#community.join_forse .bodycontent .right_column .scrollable form em {
 position: absolute;
 left: -130px;
 top: 4px;
 display: block;
 width: 120px;
 color: #900;
 text-align: right;
}

#community.join_forse .bodycontent .right_column .scrollable form em.email {
 top: 35px;
}

#community.join_forse .bodycontent .right_column .scrollable input.button {
 background: url("/images/community/join_forse/button.gif") no-repeat 0 0;
 display: block;
 width: 68px;
 height: 51px;
 text-indent: -9000px;
 cursor: pointer;
 border: 0;
 overflow: hidden;
 position: absolute;
 right: 0;
 top: 1px;
 font-size: 0px;
 line-height: 0px;
}

#community.join_forse .bodycontent .right_column .scrollable input.button:hover, #community.join_forse .bodycontent .right_column .scrollable input.button:focus {
 background: url("/images/community/join_forse/button.gif") no-repeat 0 -51px;
}

#community.join_forse .bodycontent .right_column .scrollable input.button:active {
 background: url("/images/community/join_forse/button.gif") no-repeat 0 0;
}

#community.join_forse .bodycontent .right_column .scrollable .join_forse h3 {
 margin: -50px 0 0 28px;
 font-size: 12px;
 font-weight: normal;
}

#community.join_forse .bodycontent .right_column .scrollable .second, #community.join_forse .bodycontent .right_column .scrollable .third {
 padding-top: 20px;
}

#community.join_forse .bodycontent .right_column .scrollable .second p, #community.join_forse .bodycontent .right_column .scrollable .third p {
 width: 540px;
}

#community.join_forse .bodycontent .right_column .scrollable .second ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-bottom: 20px;
}

#community.join_forse .bodycontent .right_column .scrollable .second b {
 float: left;
 width: 185px;
}



/*
Community : Take More Action
*/

#community.take_more_action .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#community.take_more_action .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/take_more_action/take_more_action.gif") no-repeat 22px 19px;
}



/*
Community : Blogs
*/

#community.blogs .bodycontent .right_column .scrollable div {
 padding-top: 37px;
}

#community.blogs .bodycontent .right_column .scrollable div div {
 padding: 0;
}

#community.blogs .bodycontent .right_column .scrollable .post-first {
 padding-top: 97px;
 padding-right: 21px;
}

#community.blogs .bodycontent .right_column .scrollable .post-single {
 padding-top: 127px;
 padding-right: 21px;
}

#community.blogs .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/blogs/blogs.gif") no-repeat 22px 19px;
}

#community.blogs .bodycontent .right_column .scrollable h2 {
 text-indent: 0;
}

#community.blogs .bodycontent .right_column .scrollable .post-first h2 {
 top: 73px;
}

#community.blogs .bodycontent .right_column .scrollable .post-single h2 {
 top: 103px;
}

#community.blogs .bodycontent .right_column .scrollable .post-odd {
 padding-right: 21px;
}

#community.blogs .bodycontent .right_column .scrollable .post-even {
 background: #d2d2d2;
 padding-right: 21px;
}

#community.blogs .bodycontent .right_column .scrollable small {
 display: block;
 margin-bottom: 10px;
}

#community.blogs .bodycontent .right_column .scrollable .navigation {
 padding: 0;
 top: 70px;
 position: absolute;
 width: 543px;
}

#community.blogs .bodycontent .right_column .scrollable .navigation .alignleft {
 padding: 0;
 float: left;
 clear: none;
}

#community.blogs .bodycontent .right_column .scrollable .navigation .alignright {
 padding: 0;
 float: right;
 clear: none;
}

#community.blogs .bodycontent .right_column .scrollable h3 {
 padding-top: 15px;
}


/*
Community : Calendar
*/

#community.calendar .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#community.calendar .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/calendar/calendar.gif") no-repeat 22px 19px;
}



/*
Community : Downloads
*/

#community.downloads .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#community.downloads .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/downloads/downloads.gif") no-repeat 22px 19px;
}



/*
Community : Donate
*/

#community.donate .bodycontent .right_column .scrollable {
 background: #d2d2d2;
}

#community.donate .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
 background: #fff;
}

#community.donate .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/community/donate/donate.gif") no-repeat 22px 19px;
}

#community.donate .bodycontent .right_column .scrollable .first p {
 width: 540px;
}

#community.donate .bodycontent .right_column .scrollable .second {
 background: #d2d2d2 url("/images/community/donate/seaweb.gif") no-repeat 22px 19px;
 padding-top: 20px;
}

#community.donate .bodycontent .right_column .scrollable .second p {
 padding-left: 110px;
 text-align: left;
}

#community.donate .bodycontent .right_column .scrollable img {
 position: absolute;
 right: 20px;
 bottom: 10px;
}



/*
Science : Overview
*/

#science.overview .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/science/overview/overview.gif") no-repeat 22px 19px;
}

#science.overview .bodycontent .right_column .scrollable .first {
 background: #fff url("/images/science/overview/first.jpg") no-repeat 0 60px;
 padding-top: 110px;
 height: 794px;
}

#science.overview .bodycontent .right_column .scrollable h2 {
 background: url("/images/science/overview/science_and_the_project.png") no-repeat;
 top: 73px;
}

#science.overview .bodycontent .right_column .scrollable p {
 width: 260px;
}

#science.overview .bodycontent .right_column .scrollable .downloads {
 width: 231px;
 border: 1px solid #000;
 border-right: 0;
 position: absolute;
 right: 0;
 top: 110px;
 background: #ccc;
 padding: 13px 20px;
 opacity: 0.8;
}

#science.overview .bodycontent .right_column .scrollable .downloads p {
 width: 231px;
}

#science.overview .bodycontent .right_column .scrollable .downloads ul {
 background: #ccc url("/images/science/overview/pdf.gif") no-repeat;
 list-style-type: none;
 margin: 0;
 padding-left: 40px;
}

#science.overview .bodycontent .right_column .scrollable .downloads a {
 text-decoration: none;
}

#science.overview .bodycontent .right_column .scrollable .downloads a:hover {
 text-decoration: underline;
}



/*
Science : Breaking News
*/

#science.breaking_news .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#science.breaking_news .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/science/breaking_news/breaking_news.gif") no-repeat 22px 19px;
}



/*
Science : Bibliography
*/

#science.bibliography .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#science.bibliography .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/science/bibliography/bibliography.gif") no-repeat 22px 19px;
}



/*
Science : White Paper
*/

#science.white_paper .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#science.white_paper .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/science/white_paper/white_paper.gif") no-repeat 22px 19px;
}



/*
Team
*/

#team .bodycontent .right_column .scrollable p {
 width: 260px;
}

#team .bodycontent .right_column .scrollable img {
 clear: right;
 float: right;
 margin: 0 12px 8px 0;
}



/*
Team : Project Team
*/

#team.project_team .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/project_team/project_team.gif") no-repeat 22px 19px;
}

#team.project_team .bodycontent .right_column .scrollable .first {
 padding-top: 110px;
}

#team.project_team .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/team/project_team/dainley.gif") no-repeat;
 top: 73px;
}

#team.project_team .bodycontent .right_column .scrollable .second h2 {
 background: url("/images/team/project_team/jweller.gif") no-repeat;
}

#team.project_team .bodycontent .right_column .scrollable .third h2 {
 background: url("/images/team/project_team/pyoung.gif") no-repeat;
}



/*
Team : Advisors
*/

#team.advisors .bodycontent .right_column .scrollable {
 background: #d2d2d2;
}

#team.advisors .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/advisors/advisors.gif") no-repeat 22px 19px;
}

#team.advisors .bodycontent .right_column .scrollable .first {
 padding-top: 110px;
}

#team.advisors .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/team/advisors/original_members.gif") no-repeat;
 top: 73px;
}

#team.advisors .bodycontent .right_column .scrollable ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-bottom: 20px;
}

#team.advisors .bodycontent .right_column .scrollable .first b {
 float: left;
 width: 185px;
}
    
#team.advisors .bodycontent .right_column .scrollable .second h2 {
 background: url("/images/team/advisors/other.gif") no-repeat;
}



/*
Team : Supporters
*/

#team.supporters .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/supporters/supporters.gif") no-repeat 22px 19px;
}

#team.supporters .bodycontent .right_column .scrollable .first {
 padding-top: 80px;
}

#team.supporters .bodycontent .right_column .scrollable .first p, #team.supporters .bodycontent .right_column .scrollable .third p {
 width: 540px;
}

#team.supporters .bodycontent .right_column .scrollable .second {
 height: 305px;
 padding-top: 20px;
}

#team.supporters .bodycontent .right_column .scrollable .column {
 width: 280px;
 clear: none;
 float: left;
 padding: 0;
}

#team.supporters .bodycontent .right_column .scrollable ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
 background: #d3d3d3;
}

#team.supporters .bodycontent .right_column .scrollable .third {
 padding-top: 20px;
}



/*
Team : Supporting Organization
*/

#team.supporting_organizations .bodycontent .right_column .scrollable {
 background: #d2d2d2;
}

#team.supporting_organizations .bodycontent .right_column .scrollable .first {
 padding-top: 85px;
}

#team.supporting_organizations .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/supporting_organizations/supporting_organizations.gif") no-repeat 22px 19px;
}

#team.supporting_organizations .bodycontent .right_column .scrollable img {
 float: left;
 margin: 0 0 8px 0;
}

#team.supporting_organizations .bodycontent .right_column .scrollable p {
 clear: right;
 float: right;
 width: 260px;
 margin-right: 20px;
}

#team.supporting_organizations .bodycontent .right_column .scrollable a {
 text-decoration: none;
}

#team.supporting_organizations .bodycontent .right_column .scrollable a:hover {
 text-decoration: underline;
}

#team.supporting_organizations .bodycontent .right_column .scrollable div {
 padding-top: 20px;
}



/*
Team : Supporting Businesses
*/

#team.supporting_businesses .bodycontent .right_column .scrollable {
 background: #d2d2d2;
}

#team.supporting_businesses .bodycontent .right_column .scrollable .first {
 padding-top: 85px;
}

#team.supporting_businesses .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/supporting_businesses/supporting_businesses.gif") no-repeat 22px 19px;
}

#team.supporting_businesses .bodycontent .right_column .scrollable img {
 float: left;
 margin: 0 0 8px 0;
}

#team.supporting_businesses .bodycontent .right_column .scrollable p {
 clear: right;
 float: right;
 width: 260px;
 margin-right: 20px;
}

#team.supporting_businesses .bodycontent .right_column .scrollable a {
 text-decoration: none;
}

#team.supporting_businesses .bodycontent .right_column .scrollable a:hover {
 text-decoration: underline;
}

#team.supporting_businesses .bodycontent .right_column .scrollable div {
 padding-top: 20px;
}



/*
Team : Other Links
*/

#team.other_links .bodycontent .right_column .scrollable h1 {
 background: #777 url("/images/team/other_links/other_links.gif") no-repeat 22px 19px;
}

#team.other_links .bodycontent .right_column .scrollable .first {
 padding-top: 110px;
}

#team.other_links .bodycontent .right_column .scrollable .first h2 {
 background: url("/images/team/other_links/website_production.gif") no-repeat;
 top: 73px;
}

#team.other_links .bodycontent .right_column .scrollable a {
 text-decoration: none;
}

#team.other_links .bodycontent .right_column .scrollable a:hover {
 text-decoration: underline;
}

#team.other_links .bodycontent .right_column .scrollable p.erik {
 height: 80px;
}

#team.other_links .bodycontent .right_column .scrollable img.erik {
 margin: -9px 17px 8px 0;
}

#team.other_links .bodycontent .right_column .scrollable p.stefan {
 height: 70px;
}

#team.other_links .bodycontent .right_column .scrollable .second {
 padding-top: 20px;
}

#team.other_links .bodycontent .right_column .scrollable .second img {
 float: left;
 margin: 0 0 8px 0;
}

#team.other_links .bodycontent .right_column .scrollable .second p {
 clear: right;
 float: right;
 width: 260px;
 margin-right: 20px;
}



/*
Popup
*/

.bodycontent .right_column .popup {
 overflow: scroll;
 overflow-x: hidden;
 overflow-y: scroll;
 border: 2px solid #797878;
 width: 600px;
 height: 400px;
 background: #fff;
 position: absolute;
 top: 0;
 z-index: 100px;
}

#index .bodycontent .right_column .popup {
 width: 474px;
 height: 333px;
 border: 2px solid #797878;
 overflow: hidden;
 position: absolute;
 left: 24px;
 top: 52px;
}

.bodycontent .right_column .popup div {
 border: 0;
 width: auto;
 height: auto;
 padding: 50px 0 0 22px;
 position: relative;
 clear: both;
}

.bodycontent .right_column .popup .first {
 padding-top: 110px;
}

.bodycontent .right_column .popup h1 {
 width: 585px;
 height: 60px;
 text-indent: -9000px;
 overflow: hidden;
 position: absolute;
 background: #777;
 left: 0;
 top: 0;
}

.bodycontent .right_column .popup p {
 font-size: 12px;
 color: #000;
 text-align: justify;
 letter-spacing: 0.2px;
 background: transparent;
}



/*
Popup : Copyright
*/

#copyright.popup .first {
 padding-top: 80px !important;
 background: #fff url("/images/common/penguins.jpg") no-repeat 300px 100px !important;
 height: 210px;
}

#index #copyright.popup .first {
 padding-left: 0;
 background: #fff url("/images/common/penguins_small.jpg") no-repeat 290px 110px !important;
}

#copyright.popup h1 {
 background: #777 url("/images/copyright/copyright.gif") no-repeat 22px 19px !important;
}

#copyright.popup a.close {
 position: absolute;
 right: 20px;
 top: 10px;
 text-decoration: underline !important;
}

#copyright.popup p {
  width: 213px !important;
}

#index #copyright.popup p {
  color: #000;
  font-size: 12px;
  margin-left: -5px;
}

#copyright.popup a {
 text-decoration: none !important;
}

#copyright.popup a:hover {
 text-decoration: underline !important;
}

#copyright.popup img {
 float: right;
 margin: 20px 12px 8px 0 !important;
}

#index #copyright.popup img {
 margin: 50px -15px 8px 0 !important;
}



/*
Popup : Contact
*/

#contact.popup .first {
 padding-top: 80px !important;
 background: #fff url("/images/common/penguins.jpg") no-repeat 300px 100px !important;
 height: 210px;
}

#index #contact.popup .first {
 background: #fff url("/images/common/penguins.jpg") no-repeat 220px 100px !important;
 padding-left: 0;
}

#contact.popup h1 {
 background: #777 url("/images/contact/contact.gif") no-repeat 22px 19px !important;
}

#contact.popup a.close {
 position: absolute;
 right: 20px;
 top: 10px;
 text-decoration: underline !important;
}

#index #contact.popup p {
  color: #000;
  font-size: 12px;
  margin-left: -5px;
}

#contact.popup a {
 text-decoration: none !important;
}

#contact.popup a:hover {
 text-decoration: underline !important;
}



/*
Popup : What's New
*/

#whats_new.popup .first {
 padding-top: 80px !important;
 background: #fff url("/images/common/penguins.jpg") no-repeat 300px 100px !important;
 height: 210px;
}

#index #whats_new.popup .first {
 padding-left: 0;
 background: #fff url("/images/common/penguins_small.jpg") no-repeat 290px 110px !important;
}

#whats_new.popup h1 {
 background: #777 url("/images/whats_new/whats_new.gif") no-repeat 22px 19px !important;
}

#whats_new.popup a.close {
 position: absolute;
 right: 20px;
 top: 10px;
 text-decoration: underline !important;
}

#whats_new.popup p {
  width: 213px;
}

#index #whats_new.popup p {
  color: #000;
  font-size: 12px;
  margin-left: -5px;
}

#whats_new.popup a {
 text-decoration: none !important;
}

#whats_new.popup a:hover {
 text-decoration: underline !important;
}

#whats_new.popup img {
 float: right;
 margin: 20px 12px 8px 0 !important;
}

#index #whats_new.popup img {
 margin: 50px -15px 8px 0 !important;
}



/*
404 File Not Found
*/

#error .bodycontent .right_column h1 {
 background: #777 url("/images/404/404.gif") no-repeat 22px 19px;
}

#error .bodycontent .right_column .scrollable .first {
 padding-top: 110px;
}

#error .bodycontent .right_column .scrollable p {
 width: 540px;
}