@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------- */

/* Reset Styles  see http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe,
h1, , h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset styles */

/* ------------------------------------------------------------------------------------------------------- */

/* basic TAG styles */

html {
  height:100%;
}
body {
	font: 0.75em/normal Verdana, Geneva, Helvetica, Arial, sans-serif;
	color:#000000;
	margin:0px;
	padding:0px;
	background-color: #fff;
}
input, select, textarea {
    font-size: 100%;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 2em;
	margin-bottom: 0em;
	margin-top: 0;
	padding: 0;
}
h3 {
	font-size: 2.1em;
	color: #0066cc;
	margin-bottom: 0px;
	margin-top: 0.5em;
}
h4 {
	font-size: 1.7em;
	color: #0066cc;
	margin-bottom: 0px;
}
h5 {
	font-size: 1.3em;
	color: #0066cc;
	margin-bottom: 0em;
	clear: both;
	margin-top: 2em;
}
p {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 1.6em;
}
a, a:active, a:focus {
	outline:none;
}
a img {
	border: none;
}
a:link {
	color: #0066cc;
}
a:visited {
	color: #6894c1;
}
a:hover, a:visited:hover {
	color: #ff0099;
}

/* FRAMEWORK styles */

.nodisplay {
	display: none;
}

/* HIDE top navbar and banner */
#topofpage {
	display: none;
}
#wrapper {
	width: 100%;
	background-color: #fff;
	}
#topNavContainer {
	display: none;
}
#banner {
	display: none;
}
#bannerBlank {
	display: none;
}

/* HIDE right column */

#rightCols {
	display: none;
}
.hide4print { /* HIDE from js */
	display: none;
}

/* HIDE footer */

#footerHolderOuter {
	display: none;
}

/* that's the BASICS and HIDING, now the SHOWING */

/* ------------------------------------------------------------------------------------------------------- */

/* FRAMEWORK styles */

.nodisplay {
	display: none;
}
#topofpage {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 100%;
	background-color: #fff;
}

/* ------------------------------------------------------------------------------------------------------- */

/* the MAIN CONTENT area */

#wrapper #mainContentArea {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	margin-top: 40px;
}
#mainContentArea ul {
	padding: 1em 1em 0.3em 0px;
}

/* ------------------------------------------------------------------------------------------------------- */

/* LEFT column */

#leftCols {
	width: 100%;
	float: left;
	clear: both;
	margin-right: 20px;
	padding-bottom: 4em;
}
.leftcolFullwidth {
	width: 100%;
	margin-top: 0px;
	float: left;
	clear: both;
	margin-bottom: 24px;
}
#leftCols ul {
	padding: 0px;
	margin: 0px;
}
#leftCols ul li {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	padding-left: 22px;
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.25em;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0.2em;
	line-height: 1.6em;
}

/* styles for chapter intro pages */

.h3leftCol { /* graphic h3s */
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	clear: both;
	float: left;
}
.coolfact {
	background-image: url(../images/excmark.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 555px;
	padding-left: 50px;
	padding-bottom: 1em;
	color: #666666;
	background-color: #ebeef1;
	padding-top: 1em;
	padding-right: 25px;
	margin-bottom: 1em;
	clear: both;
}
.linkLozenge {
	margin-bottom: 1em;;
	padding: 0;
	width: 630px;
	clear: both;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}
.linkLozenge a:link, .linkLozenge a:visited {
	height: 120px;
	width: 630px;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	padding: 0px;
	display: block;
	color: #000000;
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
	float: left;
}
.linkLozenge a:hover, .linkLozenge a:visited:hover {
	background-position: 0px -120px;
}
.linkLozenge em {
	font-weight: normal;
	background: url(../images/hoverbg_630wide.png) no-repeat right bottom;
	width: 606px;
	position: absolute;
	top: -50px;
	left: -10px;
	text-align: center;
	font-style: normal;
	z-index: 2;
	padding-bottom: 20px;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 12px;
	display: none;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #315689;
}
.accessText {
	display: none;
}
.linkLozenge #fabledPassage {
	background-image: url(../images/1_intro.jpg);
}
.linkLozenge #concreteSea {
	background-image: url(../images/1_main_a.jpg);
}
.linkLozenge #breakingIce {
	background-image: url(../images/1_main_b.jpg);
}
.linkLozenge #polarPatrol {
	background-image: url(../images/1_main_c.jpg);
}
.linkLozenge #plenary1 {
	background-image: url(../images/1_plenary.jpg);
}
.linkLozenge #edge {
	background-image: url(../images/2_intro.jpg);
}
.linkLozenge #avernersuaq {
	background-image: url(../images/2_main_a.jpg);
}
.linkLozenge #change {
	background-image: url(../images/2_main_b.jpg);
}
.linkLozenge #longJourney {
	background-image: url(../images/2_main_c.jpg);
}
.linkLozenge #livingAt77 {
	background-image: url(../images/2_main_d.jpg);
}
.linkLozenge #ipy3 {
	background-image: url(../images/3a_intro.jpg);
}
.linkLozenge #lights3 {
	background-image: url(../images/3a_lights.jpg);
}
.linkLozenge #science3 {
	background-image: url(../images/3a_serious.jpg);
}
.linkLozenge #ice3 {
	background-image: url(../images/3a_thin_ice.jpg);
}
.linkLozenge #challenge3 {
	background-image: url(../images/3a_challenge.jpg);
}
.linkLozenge #plenary3 {
	background-image: url(../images/3a_plenary.jpg);
}
.linkLozenge #coldfeet4 {
	background-image: url(../images/4a_intro.jpg);
}
.linkLozenge #redordead4 {
	background-image: url(../images/4a_redordead.jpg);
}
.linkLozenge #longhaul4 {
	background-image: url(../images/4a_longhaul.jpg);
}
.linkLozenge #balance4 {
	background-image: url(../images/4a_finebalance.jpg);
}
.linkLozenge #pitstop4 {
	background-image: url(../images/4a_pitstop.jpg);
}
.linkLozenge #santa5 {
	background-image: url(../images/5a_intro.jpg);
}
.linkLozenge #wishyou5 {
	background-image: url(../images/5a_wish_you.jpg);
}
.linkLozenge #lastchance5 {
	background-image: url(../images/5a_lastchance.jpg);
}
.linkLozenge #icehotel5 {
	background-image: url(../images/5a_icehotel.jpg);
}
.linkLozenge #plenary5 {
	background-image: url(../images/5a_plenary.jpg);
}
.linkLozenge #challenge6 {
	background-image: url(../images/6a_intro.jpg);
}
.linkLozenge #sensitive6 {
	background-image: url(../images/6a_sensitive.jpg);
}
.linkLozenge #losing6 {
	background-image: url(../images/6a_losing.jpg);
}
.linkLozenge #next6 {
	background-image: url(../images/6a_next.jpg);
}
.linkLozenge #plenary6 {
	background-image: url(../images/6a_timeline.jpg);
}
.linkLozenge #homes7 {
	background-image: url(../images/7a_homes.jpg);
}
.linkLozenge #land7 {
	background-image: url(../images/7a_land.jpg);
}
.linkLozenge #waters7 {
	background-image: url(../images/7a_waters.jpg);
}
.linkLozenge #riches7 {
	background-image: url(../images/7a_riches.jpg);
}
.linkLozenge #elsewhere7 {
	background-image: url(../images/7a_elsewhere.jpg);
}
.linkLozenge #where8 {
	background-image: url(../images/8a_where.jpg);
}
.linkLozenge #countries8 {
	background-image: url(../images/8a_countries.jpg);
}
.linkLozenge #council8 {
	background-image: url(../images/8a_council.jpg);
}
.linkLozenge #groups8 {
	background-image: url(../images/8a_groups.jpg);
}
.linkLozenge #bathurst8 {
	background-image: url(../images/8a_bathurst.jpg);
}

/* general left column styles */

.imgRight {
	float: right;
	margin-bottom: 1em;
	margin-left: 2em;
}
.imgCaption {
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px;
	width: 305px;
}
.imgCaptionFullwidth {
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px;
	width: 620px;
	text-align: right;
	clear: both;
}
.imgCaption305 {
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px;
	width: 295px;
}
.imgCaption200 {
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px;
	width: 190px;
}
.imgCredit {
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
	width: 305px;
	font-size: 0.8em;
}
.imgCreditFullwidth {
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
	width: 620px;
	text-align: right;
	font-size: 0.8em;
}
.imgCredit200 {
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
	width: 190px;
	font-size: 0.8em;	
}
.quoteText {
	clear: both;
	background-color: #ebeef1;
	padding-top: 30px;
	width: 100%;
	background-image: url(../images/quotemarks1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000;
	margin-top: 1em;
	margin-bottom: 1em;
}
.quoteTextBeneathImg {
	clear: both;
	background-color: #ebeef1;
	display: block;
	padding-top: 30px;
	width: 100%;
	background-image: url(../images/quotemarks1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000;
	margin-top: 0em;
}
.quoteText p, .quoteTextBeneathImg p  {
	margin-top:0px;
	margin-left: 30px;
	margin-right: 30px;
}
.quoteText .quoteCredit, .quoteTextBeneathImg .quoteCredit {
	display: block;
	text-align: right;
	padding: 40px 30px 15px 0px;
	width: 90%;
	color: #666;
	margin: 0em 0px 0em 30px;
	background-image: url(../images/quotemarks2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: both;
}
.question {
	background-image: url(../images/qmark.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 100%;
	padding-left: 50px;
	padding-bottom: 1em;
	font-weight: bold;
	color: #666666;
	background-color: #ebeef1;
	padding-top: 1em;
	padding-right: 25px;
	margin-bottom: 1em;
	clear: both;
}
.genericCredit { /* only used in part 2? */
	color: #999;
	text-align: right;
	display: block;
	width: 630px;
}
.ruleAtTop {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8bb6e4;
	padding-top: 1em;
	margin-top: 3em;
	margin-bottom: 1em;
	clear: both;
}
.playOrDownload {
	width:630px;
	margin-bottom: 1em;
	clear: both;
}
.playOrDownload .play {
	background-image: url(../images/multi_arrows.gif);
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 32px;
	padding-right: 10px;
	display: inline;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	text-decoration: none;
}
.playOrDownload .download {
	background-image: url(../images/multi_download.gif);
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 30px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
	text-decoration: none;
}
.download {
	background-image: url(../images/multi_download.gif);
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 20px;
	display: inline;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	text-decoration: none;
}
#hideRevealSlidingPanel {
	width: 630px;
	overflow: hidden;
	float: left;
	clear: both;
	display: none;
}
a#hideRevealSlidingPanelButton1:link, a#hideRevealSlidingPanelButton1:visited {
	display: block;
	width: 630px;
	height: 17px;
	text-indent: -2000px;
	background-image: url(../images/more_hr_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 2em;
	margin-bottom: 1em;
}
a#hideRevealSlidingPanelButton1:hover, a#hideRevealSlidingPanelButton1:visited:hover {
	background-position: 0px -17px;
}
.sourceCredit { /* occasional use to credit text etc */
	font-size: 1.1em;
	color: #666666;
}
.mobile {
	float: right;
	width: 150px;
	height: 275px;
	margin-left: 1em;
	margin-bottom: 1em;
	background-image: url(../images/mobile_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.photopod {
	background-image: url(../images/picpod_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 270px;
	width: 502px;
	margin-top: 1em;
	margin-bottom: 1em;
}





/* ------------------------------------------------------------------------------------------------------- */

/* homepage specific styles */

#hpIntro {
	width: 630px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	margin-right: 20px;
}
#hpIntro h2 {
	color: #0066cc;
	margin-bottom: 0.5em;
	margin-top: 0px;
	font-size: 1.9em;
	line-height: normal;
	font-weight: bold;
}
#hpSlidingPanel {
	width: 630px;
	overflow: hidden;
	float: left;
	clear: both;
	display: none;
}
a#hpSlidingPanelButton1:link, a#hpSlidingPanelButton1:visited {
	display: block;
	width: 630px;
	height: 13px;
	text-indent: -2000px;
	background-image: url(../images/more_hr.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 2em;
	margin-bottom: 1em;
}
a#hpSlidingPanelButton1:hover, a#hpSlidingPanelButton1:visited:hover {
	background-position: 0px -13px;
}
#hpIntro h3 {
	color: #ff0099;
	margin-bottom: 0.5em;
	margin-top: 0px;
}
#hpIntro p {
	color: #333;
	font-size: 1.4em;
	line-height: 1.6em;
}
#hpSlidingPanel p {
	color: #333;
}
.hpChapterLink {
	width: 465px;
	height:120px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.hpChapterLink a {
	display: block;
	width: 474px;
	height:120px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.hpChapterLink a:hover, .hpChapterLink a:visited:hover  {
	background-position: 0px -120px;
}
#c1, #c3, #c5, #c7 {
	margin-right: 1px;
	clear: both;
	float: left;
	width: 474px;
	background-color: #ebeef1;
}
#c2, #c4, #c6, #c8 {
	margin-left: 1px;
	float: left;
	width: 474px;
	background-color: #ebeef1;
}
#c1 a:link, #c1 a:visited {
	background-image: url(../images/hp_nav_tw.jpg);
}
#c2 a:link, #c2 a:visited {
	background-image: url(../images/hp_nav_loe.jpg);
}
#c3 a:link, #c3 a:visited {
	background-image: url(../images/hp_nav_as.jpg);
}
#c4 a:link, #c4 a:visited {
	background-image: url(../images/hp_nav_hunt.jpg);
}
#c5 a:link, #c5 a:visited {
	background-image: url(../images/hp_nav_tour.jpg);
}
#c6 a:link, #c6 a:visited {
	background-image: url(../images/hp_nav_climate.jpg);
}
#c7 a:link, #c7 a:visited {
	background-image: url(../images/hp_nav_resources.jpg);
}
#c8 a:link, #c8 a:visited {
	background-image: url(../images/hp_nav_gov.jpg);
}
#hpPartnerLogos {
	width: 950px;
	margin-top: 20px;
	float: left;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	padding-top: 20px;
}
#hpPartnerLogos img {
	margin-right: 35px;
}

/* ------------------------------------------------------------------------------------------------------- */

/* OTHER SPECIFIC PAGES ONLY */

/* photo gallery page only */

#photoGallery {
	float: left;
	width: 630px;
}
#photoGallery .galleryItemL {
	float: left;
	width: 307px;
	margin-right: 16px;
}
#photoGallery .galleryItemR {
	float: left;
	width: 307px;
	margin-right: 0px;
}
#photoGallery h3 {
	font-size: 1.2em;
	
	padding: 0px;
}
#photoGallery a img {
	margin-top: 0.5em;
}
#photoGallery p {
	margin-top: 0.5em;
	font-size: 1em;
	line-height: normal;
}
#slideshowLink {
	float: right;
	height: 100px;
	width: 100px;
}

/* tableType1 is used on 7_waters only */

.tableType1 {
	margin-top: 1em;
	margin-bottom: 1em;
}
.tableType1 td {
	background-color: #ebeef1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.tableType1 p {
	padding: 0px;
	margin: 0px;
}
.tableType1 p strong {
	color: #0066cc;
}

/* box1 is used on 6_what_happens_next only */

.box1 img {
	float: right;
}
.box1 p {
	padding-left: 1em;
	padding-top: 1em;
}
.box1 span {
	clear: both;
	width: 630px;
	display: block;
	background-color: #FFFFFF;
	height: 15px;
}
.box1  {
	background-color: #ebeef1;	
	clear: both;
}

/* chainreactionTable is used on 4_red_or_dead only */

#chainreactionTable {
	margin-top: 2em;
	margin-bottom: 2em;
}
#chainreactionTable td {
	padding: 5px;
	background-color: #ebeef1;
	border: 1px solid #FFFFFF;
}
#chainreactionTable p {
	padding: 0px;
	margin: 0px;
}