@charset "UTF-8";
/* CSS Document */
/* @override http://www.era.gs/styles/styles.css */

/*Styles for the era website. Original design copyright Colin Harris, applied by Jeremy Barker www.jerbarker.co.uk*/
* {padding:0;
  margin:0;} /*this makes everything on site default to having no margins or padding*/
body {font-family:Verdana, Helvetica, Geneva, sans-serif;
margin:10px auto;
padding:0;
position:relative;
width:1180px;
  font-size:85%;
  margin:auto;}/*all text on the site will be verdana, defaulting to helvetica, geneva and finally computer's default sans-serif if others not available. Body width is 90% of screen, font size 85% of default. Auto margins should centre the pages*/
h2, h3, h4, h5, h6 {margin-bottom:0.5em;}
.hdfour {font-weight:bold;
  font-size:1.1em;}
em {font-style:italic;}
p {line-height:1.4em;
  text-align:justify;
  margin-bottom:1em;}
p.loc {font-size:0.8em;
  position:relative;
  top:-1em;
  margin-bottom:1em;}/*the paragraph showing the location of the page, just above the main text heading positioned closer to header and reduced font size*/

table {/*background-color:#DDDDFF;*/
  /*width:550px;*/
  border-spacing:2px;
  border:1px solid #444;}
table td {background-color:#DDDDFF;
  border:1px solid #000;
  padding:0.5em;}
table.narrow-box td {width:400px;}
table.projects {font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;}
.projects th {font-weight:bold;
  text-align:center;
  background-color:#DDDDFF;
  border:1px solid #000;
  padding:0.5em;}
.projects td {background-color:#fff;}
td.right {text-align:right;
  background-color:#fff;}*/

div.wrapper {


}
/* width of page is fixed*/ 

#main {float:left;
  position:relative;
  left:1%;
  width:82%;
  margin:1em 0.5em;} /*main text body set to leave small gutter between text and sidebar: floated left with a small leftwards displacement*/
#main img {/*padding: 4px;*/
/*  border:1px solid #666;*/}
#main ul li {list-style-type:circle;}/*open circle bullets on unordered lists in body throughout site*/
#main ul li {list-style-position:inside;}/*force bullets to align with margin*/

ol.a {list-style-type:lower-alpha} /*ordered lists with a,b,c etc.*/
ol.a {list-style-position:inside}
ol.b {list-style-type:lower-roman}/*ordered lists with roman numerals*/
ol.b {list-style-position:inside}

#nav {float:left;
  width:13%;
  background:#336699;
  color:white;
  font-weight:bold;}/*left navigation bar set to dark green background, white text bold*/
#nav img {width:100%;
  border:0;
  height:125px;}/*sets width of image to 100% of the bar.*/
#nav img.bm {position:relative;
  top:3px;
  height:100%;
  border:0;}/*image at bottom of sidebar adjusted down the screen slightly to overlap small margin. Setting height means width clips to sidebar - if full width wanted, change 'height' to 'width'*/
#nav ul {background:#336699}/*small left margin on unordered list, dark blue background*/
#nav ul li {padding:0.5em 0 0.5em 1em;}/*small top and bottom padding on unordered list items, none to left and right*/
#nav ul li {list-style-type:none;}/*no bullets on unordered lists in left nav bars*/
#nav ul li ul {position:relative;
  font-size:0.8em;
  margin:0;
  padding:2px 1px 1px 0.2px;
  font-weight:normal;}/*when submenu lists displayed, reduced font size, margin removed and small all-round padding set*/
#nav a {text-decoration:none;
  color:#fff;
  display:block;
  width:100%;}/*no underline on links, colour of links white within navigation sidebar*/
#nav ul li:hover, #nav a:hover {background-color:#6699CC;}

#hdr.dracophyllum {background:url(http://www.era.gs/graphics/topimage3.jpg) no-repeat top left;}
#hdr.elephant {background:url(http://www.era.gs/graphics/topimage8.jpg) no-repeat top left;}
#hdr.seal {background:url(http://www.era.gs/graphics/topimage9.jpg) no-repeat top left;}
#hdr.albatross {background:url(http://www.era.gs/graphics/topimage11.jpg) no-repeat top left;}
#hdr.helo {background:url(http://www.era.gs/graphics/topimage13.jpg) no-repeat top left;}
#hdr.grass {background:url(http://www.era.gs/graphics/topimage15.jpg) no-repeat top left;}
#hdr.iceone {background:url(http://www.era.gs/graphics/topimage18.jpg) no-repeat top left;}
#hdr.jupiter {background:url(http://www.era.gs/graphics/topimage19.jpg) no-repeat top left;}
#hdr.rymill {background:url(http://www.era.gs/graphics/topimage20.jpg) no-repeat top left;}
#hdr.icetwo {background:url(http://www.era.gs/graphics/topimage22.jpg) no-repeat top left;}
#hdr.hallett {background:url(http://www.era.gs/graphics/topimage25.jpg) no-repeat top left;}
#hdr.valleys {background:url(http://www.era.gs/graphics/topimage29.jpg) no-repeat top left;}
#hdr.nimba {background:url(http://www.era.gs/graphics/topimage33.jpg) no-repeat top left;}
#hdr.livingston {background:url(http://www.era.gs/graphics/topimage28.jpg) no-repeat top left;}
#hdr.icethree {background:url(http://www.era.gs/graphics/topimage32.jpg) no-repeat top left;}
#hdr.IBA {background:url(http://www.era.gs/graphics/topimage34.jpg) no-repeat top left;}
#hdr.nimba2 {background:url(http://www.era.gs/graphics/topimage35.jpg) no-repeat top left;}
#hdr.leaf {background:url(http://www.era.gs/graphics/topimage36.jpg) no-repeat top left;}
#hdr.frond {background:url(http://www.era.gs/graphics/topimage37.jpg) no-repeat top left;}
#hdr.flashwater {background:url(http://www.era.gs/graphics/topimage38.jpg) no-repeat top left;}
#hdr.fern {background:url(http://www.era.gs/graphics/topimage39.jpg) no-repeat top left;}
#hdr.rakino {background:url(http://www.era.gs/graphics/topimage40.jpg) no-repeat top left;}
#hdr.tree1 {background:url(http://www.era.gs/graphics/topimage41.jpg) no-repeat top left;}
#hdr.tree2 {background:url(http://www.era.gs/graphics/topimage42.jpg) no-repeat top left;}
#hdr.rift {background:url(http://www.era.gs/graphics/topimage43.jpg) no-repeat top left;}
/*above group of styles refers an individual image to a header class. Default text is white, so alternative must be specified if necessary*/

#hdr {float:left;
  width:84%;
  height:125px;
  text-transform:lowercase;
  color:white;} /*header text to always appear lowercase, white. width reduced to compensate for sidebar width*/
#hdr h1 {float:left;
  position:relative;
  top:80px;
  left:15px;
  letter-spacing:0.1em;
  font-size:2.5em;}/*heading 1 within header position and padding, letters spaced slightly. Heading floated to bottom left of the header background image*/
#hdr ul li {float:right;
  padding-right:3%;
  position:relative;
  top:100px;
  font-weight:bold;}/*list of links floated to bottom right of header image, made bold and padded slightly to separate them*/
#hdr ul li {list-style-type:none;}/*no bullets on unordered lists in top hdr bar*/
#hdr a {text-decoration:none;
  color:#fff;}

#ftr {/*border-top:1px solid black;*/
  text-align:center;
  font-size:0.8em;
  margin-top:10px;
  clear:both;}/*border along top of footer set to black, font size reduced. clear applied to footer to force it below the sidebar and main text*/
#ftr {text-align:center; font-size:0.8em;}/*footer paragraph text centred*/
a img {border:none;}/*no border on linked images*/

.apamap {width: 283px; border:2px solid #000; height:284px;text-align:center;}

.rnd-box {width:100%;margin-top: 1em;background: #DDDDFF url(http://www.era.gs/graphics/topleft.gif) no-repeat top left;}
.box-tr {background: url(http://www.era.gs/graphics/topright.gif) no-repeat top right;}
.box-br {background: url(http://www.era.gs/graphics/lowerright.gif) no-repeat bottom right;}
.box-bl {background: url(http://www.era.gs/graphics/lowerleft.gif) no-repeat bottom left;height:24px;}
.rnd-box p, .rnd-box ul {padding:1em 1.5em 0.5em 1.5em;line-height:1.5em;font-weight:normal;}

.lf {float:left;}
.rt {float:right;}
.ctr {text-align:center; padding:0;margin:0;}

.pic {background:#eee;border:1px solid #666; padding:3px;margin:0.5em;width:40%;}
.pic img {width:100%;}
.pic.sm {width:20%;}
.pic.pro {width:30%}
.pic.med {width:40%;}
.pic.lg {width:75%;}
.pic.sup {width:100%;}
.cap {width:90%;font-size:0.9em;float:left;}

img {font-weight:normal;font-style:oblique;}

/* dt216 Breadcrumb stuff */
.crumb{	
list-style: none;	
margin: 0;	
padding: 0;	
display: inline-block;	
font-size: .8em;}

.crumb li{	
float: left;	
padding: 0 .0em;	
line-height:1.5em;	
list-style-type:none!important;
height:1.5em;}

.crumb li a{
text-decoration:none;
margin-right: .0em;}

/* =JQuery Overides ***************/

.jquery-showcase{margin-bottom:15px!important;height:370px!important;background: white!important;}
.jquery-showcase-header {width:500px!important;position:
relative!important; top: 315px!important; padding: 9px 20px 18px 10px;margin: 0; z-index: 100;}
.jquery-showcase .subtitle{font-size: 12px;}
.lightbox-photos a{border: none!important;}
.jquery-showcase-thumbnail img {margin: 0;padding: 0;}