/************** HEADING SPACING OVERRIDES **************/



/* Structure
   ========================================================================== */

#content-container { width: 100%; float: right; margin-left: -270px; /* pic width */ }
#content-main { margin-left: 270px; /* pic width */  }

#content-side { float: left; width: 270px; /* pic width */  }
#content-side .inner { padding: 34px 0 0 20px; }
#content-side .inner h1 { margin-top: 1em; }

.content-column1 { width: 65%; float: left; }
.content-column1 .inner { padding: 0 45px 0 0; }

.content-column2 { width: 34%; float: left; }
.content-column2 .inner { padding: 70px 30px 0 0; }

.content-3cols { width: 32%; float: left; }
.content-3cols div.inner { padding: 34px 45px 0 0; }

.content-column1-wide {  }
.content-column1-wide .inner { padding: 0 45px 0 0; }

.content-wide { }
.content-full-width {  /* e.g. Andes crew */ }

.clear { clear: both; }



/* Text styles
   ========================================================================== */

h2+h3 { margin-bottom: 0.1em; }
h3+h4 { margin-top: 0; margin-bottom: 0; }
h1+h2+h3 { margin-top: -0.5em; }
h2+h3+h4 { margin-top: 0.5; margin-bottom: 1.2em; }
p+h2 { margin-top: 2em; }

ul.list-arrow li { background: url('../images/icon-arrow.gif') no-repeat 0 8px; }
ul.list-arrow-sm li { background: url('../images/icon-arrow-sm.gif') no-repeat 0 8px; }

ul.list-dot { list-style-type: none; margin: 1.5em 0; padding: 0; }
ul.list-dot li { background: url('../images/list-dot.png') no-repeat 0 8px; margin-left: 0; padding-left: 15px; }

.content-column1 ul { list-style-type: none; margin: 1.5em 0; padding: 0; }
.content-column1 li { background: url('../images/list-dot.png') no-repeat 0 8px; margin-left: 0; padding-left: 15px; }

.content-full-width p { max-width: 900px;  }


/* Article styles
   ========================================================================== */

/* -- column 2 overall block styling -- */
.content-column2 h2, 
.content-column2 h3, 
#content-side h2, 
#content-side h3,
.edu-1col .block-quoted h2, 
.edu-1col .block-quoted h3 { font-weight: normal; font-size: 92%; line-height: 1em; text-transform: uppercase; margin-bottom: 0.5em; }

.content-column2 ul { margin-left: 1.5em; margin-bottom: 2em; }
.content-column2 li { list-style-image: url(../images/icon-arrow.gif); }


/* -- external block -- */
.block-external { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-external h2, .block-external h3 { background: url(../images/icon-external.gif) no-repeat 0 0; padding-left: 1.5em; }

.links-resources .block-external h2 { font-size: 1.6em; font-weight: normal; background: none; padding-left: 0; margin-bottom: 0; color: #0d80a2; }
.links-resources .block-external h3 { font-size: 1em; margin-top: 2.5em; margin-bottom: 0; background-position: 0 3px; }

/* -- internal block -- */
.block-internal { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-internal h2, .block-internal h3 { background: url(../images/icon-nav.gif) no-repeat 0 1px; padding-left: 1.5em; margin-top: 1em; }
.block-internal h2 span, .block-internal h3 span { text-transform:uppercase; color: #32414c; }

.block-internal img { float: left; width: 90px; margin-right: 5px; margin-bottom: 5px; }
.block-internal h4 { font-weight: bold; color: #32414c; margin-bottom: 0; font-size: 1.1em; }
.block-internal h5 { font-weight: normal; color: #576f88; margin-bottom: 0; font-size: 1.1em; }
.block-internal li a, .block-internal li a:visited { text-decoration: none; color: #32414c; }
.block-internal li a:hover, .block-internal li a:active { color: #a0a8b9; }
div#content-side .block-internal { margin: 38px 35px 0 24px; }


/* -- internal blog block -- */
.block-blog { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-blog h2, .block-blog h3 { background: url(../images/icon-nav.gif) no-repeat 0 1px; padding-left: 1.5em; }
.block-blog h2 span, .block-blog h3 span { padding-left: 5px; color: #888D99; }
.block-blog p { margin-bottom: 0; }
.block-blog img { float: left; width: 120px; margin: 4px 10px 1px 0; }


/* -- quote block -- */
.block-quote { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-quote h2, .block-quote h3 { background: url(../images/icon-nav.gif) no-repeat 0 1px; padding-left: 1.5em; }


/* -- suggestion block -- */
.block-suggestion { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-suggestion h2, .block-suggestion h3 { background: url(../images/icon-external.gif) no-repeat 0 1px; padding-left: 1.5em; color: #888d99; }
.block-suggestion h2 span, .block-suggestion h3 span { text-transform:uppercase; color: #32414c; }
.block-suggestion p { margin-bottom: 0; }


/* -- quoted block -- */
.block-quoted { margin-top: 1.5em; margin-bottom: 2em; padding-top: 5px; }
.block-quoted h2, .block-quoted h3 { background: url(../images/icon-nav.gif) no-repeat 0 1px; padding-left: 18px; color: #32414c; }
.block-quoted h2 span, .block-quoted h3 span, .block-quoted h2 em, .block-quoted h3 em { color: #888d99; font-style: normal; }

.block-quoted p { color: #061b2c; margin-bottom: 0; margin-right: 0.5em; }
.block-quoted p a, .block-quoted p a:visited { color: #061b2c; }
.block-quoted p a:hover, .block-quoted p a:active { color: #0d80a2; }

#content-side .block-quoted { margin: 3em 2.2em 1em 20px; }
.block-quoted span.dot { background: url(../images/icon-nav.gif) no-repeat 0 0; width: 16px; height: 14px; display: block; float: left; }

/* article formatting */
.logos { margin: 3em 0 4em 0; }
.logos img { margin: 0 1.8em 1.6em 0; vertical-align: middle; }


/* Image block
   ========================================================================== */


/* image area */
.image-pos { margin-top: 25px; }
.image-area { margin-right: 11px; padding-top: 18px; background: url(../images/pic-arrow.gif) 2px 0 no-repeat; }
.image-shown { margin-top: 53px; min-height: 355px; width: 233px; background: #fff; }
.image-shown p { margin: 1em 0.8em 1em; color: #666b6f; font-size: 92%; line-height: 1.3em; padding-bottom: 1.2em; }

.image-thumbs { position: absolute; height: 53px; width: 235px; background: #fff url(../images/pic-thumbs-bg.gif) no-repeat top left;  }
.image-thumbs div { position: absolute; z-index: 10; white-space: nowrap; font-size: 0.1%; line-height: 0.1%; }
.image-thumbs div img { width: 25px; height: 25px; }
.image-thumbs div span { display: block; width: 25px; height: 25px; }

/* thumb hover states */
.image-thumbs div.pic3 { border: 2px solid #b4040a; margin-left: -3px; margin-top: -3px; z-index: 20; }
.image-thumbs div.pic3 span { border: 1px solid #fff; }
.image-thumbs:hover div.pic3 { border: none; margin-left: 0; margin-top: 0; z-index: 10; }
.image-thumbs:hover div.pic3 span { border: none; }
.image-pos .image-area .image-thumbs div:hover { border: 2px solid #b4040a; margin-left: -3px; margin-top: -3px; z-index: 20; }
.image-pos .image-area .image-thumbs div:hover span { border: 1px solid #fff; }

/* thumb blocks */
.pic1 { background: #d8a9ac; top: 1px; left: 1px; }
.pic2 { background: #f28d93; top: 1px; left: 27px; }
.pic3 { background: #6e2227; top: 1px; left: 53px; }
.pic4 { background: #ed1f29; top: 1px; left: 79px; }
.pic5 { background: #c61119; top: 1px; left: 105px; }
.pic6 { background: #f72832; top: 1px; left: 131px; }
.pic7 { background: #74282d; top: 1px; left: 157px; }
.pic8 { background: #dea9ac; top: 1px; left: 183px; }
.pic9 { background: #c61119; top: 1px; left: 209px; }
.pic10 { background: #c61119; top: 27px; left: 1px; }
.pic11 { background: #74282d; top: 27px; left: 27px; }
.pic12 { background: #f20a18; top: 27px; left: 53px; }
.pic13 { background: #f72832; top: 27px; left: 79px; }
.pic14 { background: #951015; top: 27px; left: 105px; }
.pic15 { background: #c61119; top: 27px; left: 131px; }
.pic16 { background: #f20a18; top: 27px; left: 157px; }
.pic17 { background: #6d181b; top: 27px; left: 183px; }
.pic18 { background: #f20a18; top: 27px; left: 209px; }



/* Specifics
   ========================================================================== */


/* Partners and Sponsor logo blocks */
ul.sponsors { padding: 0; margin: 5px 0 25px 0; }
ul.sponsors li { display: block; float: left; margin: 10px 15px 10px 0; background: none; }

ul.sponsors-block { padding: 2em 1em; margin: 2em 1em; background: #fff; }
ul.sponsors-block li { display: inline-block; background: none; padding: 25px 0; margin: 0; width: 185px; text-align: center; vertical-align: middle; }
ul.sponsors-block li img { max-width: 125px; max-height: 50px; } 
ul.sponsors-block li.wider img { max-width: 185px; padding-left: 10px; }

/* -- Education pages -- */
.edu-center {  }
.edu-landing { background: url('../images/bg-edu-landing.gif') repeat-x 0px 0px; margin-bottom: 15px; }
.edu-expeditions { background: url('../images/bg-edu-expeditions.gif') repeat-x 0px 0px; margin-bottom: 15px; }
.edu-resources { background: url('../images/bg-edu-resources.gif') repeat-x 0px 0px; }
.edu-competition { background: url('../images/bg-edu-comp.gif') repeat-x 0px 0px; }
.edu-1col { float: left; width: 26%; margin-right: 4%; }
.edu-1col .block-quoted { margin-top: 32px; margin-left: 12px; }
.edu-2col { float: left; width: 66%; margin-right: 4%; }


/* -- Video gallery page -- */
.video-gallery { background: url('../images/bg-video-gallery.gif') repeat-x 0 0; }


/* -- Paypal buttons -- */
.paypal-float { margin-bottom: 2em; }
.paypal-float form img { float: none; width: auto; margin-right: 0; margin-bottom: 0; }

/* -- Expedition pages -- */
div.blogmap { text-align: left; margin-top: 35px; }

@media (max-width: 768px) {

  .content-column1 { width: 100%; float: none; }
  .content-column1 .inner { padding: 0; }
  .content-column2 { width: 100%; float: none; clear: left; }
  .content-column2 .inner { padding: 0; }
  .related-pages { margin: 2em 0; }
  .edu-1col { width: 36%; margin-right: 2%; overflow: hidden; }
  .edu-2col { width: 58%; margin-right: 2%; }
  
  .legacy-overview #content-main { margin-left: 0; width: 100%; }
  .legacy-overview #content-side { margin: 0; float: none; clear: both; width: 100%; position: relative; }
  
  
  
}

@media (max-width: 600px) {

  #content-main { margin-left: 0; width: 100%; }
  #content-side { margin: 0; float: none; clear: both; width: 100%; position: relative; }
	
	
}

@media only screen and (max-width : 480px) {

	.content-column1 .inner { padding: 0; }
	.image-area { margin-bottom: 2em; }
	
	}