/* ###  Begin core styles  ### */

	/* reset.css - Eric Meyer's technique to reset core tags to sensible defaults across all browsers */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, 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: 105%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	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;
	}
	
	/* typography.css - The Blueprint CSS framework's base typographic styles */
	
	body { 
		font-size:75%;	
		color:#222;
		background:#fff;
		background-color:#f2f2f2;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	html>body {
		font-size: 12px; /* 12 (px) x 1.5 (em line-height) = 18 px in height.  */
	}

	/* Headings */
	h1, h2, h3, h4, h5, h6 { 
		font-weight:normal; 
		color:#111; 
	}
	
	h1 { 
		font-size: 1.8333em; /* 22px */
		line-height: 1.6364em; /* 36px */
		margin-top: 0.8182em;
		margin-bottom: 0.8182em;
	}
	
	h2 { 
	  font-size: 1.6667em; /* 20px */
	  line-height: 1.8em; /* 36px */
	  margin-top: 0.9em;
	  margin-bottom: 0.9em;	  
	}
	
	h3 { 
		font-size: 1.5em; /* 18px */
		line-height: 1em; /* 18px */
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	h4 { 
		 font-size: 1.3333em; /* 16px */
		 line-height: 1.125em; /* 18px */
		 margin-top: 1.125em;
		 margin-bottom: 1.125em;
	}
	
	h5 { 
		 font-size: 1.1667em; /* 14px */
		 line-height: 1.2857em; /* 18px */
		 margin-top: 1.2857em;
		 margin-bottom: 1.2857em;
	}
	
	h6 { 
		font-size: 1em; /* 12px */
		line-height: 1.5em; /* 18px */
		margin-top: 1.5em;
		margin-bottom: 0em;
		font-weight:bold;
	}
	
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
	
	/* Paragraphs */
	p { 
		line-height: 1.5em; /* Base font-size is 12px, times line-height of 1.5 = 18. Thus, rhythmic unit = 18. Repeat throughout document. */
		font-size:1em;
		margin: 1.5em 0 1.5em 0; /* Maintain rhythm of page by spacing paragraphs by the base line height unit */
	}
	
	p img,
	#content img {
		float:left;
		margin:0 1.5em 1.5em 0;
		padding:0;
	}
	
	#content img.imgBorderA {
		padding: 5px;	
		border:1px solid #ccc;
	}

	
	p img.right { 
		float:right; 
		margin:1.5em 0 1.5em 1.5em;
	}
	
	/* Links */
	a:focus, a:hover {color:#000;}
	a {color:#009;text-decoration:underline;}
	
	blockquote {margin:1.5em;color:#666;font-style:italic;}
	strong {font-weight:bold;}
	em, dfn {font-style:italic;}
	dfn {font-weight:bold;}
	/*sup, sub {line-height:0;}*/
	sup {font-size:x-small; vertical-align:top;}
	abbr, acronym { 
		border-bottom:1px dotted #666;
		cursor: help;
	}
	address {margin:0 0 1.5em;font-style:italic;}
	del {color:#666;}
	pre, code {margin:1.5em 0;white-space:pre;}
	pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
	
	
	/* Lists */
	li ul, li ol {margin:0 1.5em;}
	ul, ol {margin:0 1.5em 1.5em 1.5em;}
	ul {list-style-type:disc;}
	ol {list-style-type:decimal;}
	dl {margin:0 0 1.5em 0;}
	dl dt {font-weight:bold;}
	dd {margin-left:1.5em;}
	
	
	/* Tables */
	table {margin-bottom:1.4em;width:100%;}
	th {font-weight:bold;background:#C3D9FF;}
	th, td {padding:4px 10px 4px 5px;}
	tr.even td {background:#E5ECF9;}
	tfoot {font-style:italic;}
	caption {background:#eee;}
	
	/* Helper classes */
	.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
	.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
	.hide {display:none;}
	.quiet {color:#666;}
	.loud {color:#000;}
	.highlight {background:#ff0;}
	.added {background:#060;color:#fff;}
	.removed {background:#900;color:#fff;}
	.first {margin-left:0;padding-left:0;}
	.last {margin-right:0;padding-right:0;}
	.top {margin-top:0;padding-top:0;}
	.bottom {margin-bottom:0;padding-bottom:0;}
	.firstHeading { 
		margin-top:0;
	}

	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}

	.clearfix {
	    display: inline-block;
	}

	html[xmlns] .clearfix {
	    display: block;
	}

	* html .clearfix {
	    height: 1%;
	}

/* ###  End core styles  ### */



/* ###  Begin layout structure  ### */
	
	/*
		Core layout based on 'Creating Liquid Layouts with Negative Margins' by Ryan Brill
		/:~$ http://alistapart.com/articles/negativemargins
	*/
	
	#layoutContainer {
		min-width:780px;
		max-width:1620px;
		margin:0.75em auto 2px auto;
		border-right: 6px solid #fff;	
		border-left: 6px solid #fff;	
	}
	
	#header {
		padding: 0.75em 0.5em 0.5em 0;
		background-color: #fff;
		border-bottom: 3px solid #014f8a;
		height:135px;
	}
	
	#wrapperD { /* Outermost */
		background-color: #fff;

	}
	
	#wrapperC {

	}
	
	#wrapperB {
		width: 100%;
		float: left;
		margin-right: -200px;
	}
	
	#wrapperA { /* Innermost */
		margin-right: 200px;
	}
	
	#content {
		margin-left: 180px;
		padding:1.5em 0.75em;
	}
	
	#peerNav {
		width: 180px;
		float: left;
		padding:2.2em 0;
	}
	
	#sideBar {
		width: 192px; /* Width related to amount of left and right padding below. Default 200px */
		float: right;
		padding:2.5em 0;	
	}
	
	#footer {
		background-color: #fff;
		border-top: 4px solid #014f8a;
		border-bottom: 1px solid #f2f2f2;
	}

	.clearing {
		height: 0;
		clear: both;
	}

/* ###  End layout structure  ### */


/* ###  Begin secondary typography  ### */

	/* ###  Content typography and links  ### */
	#crumbTrail {
		margin-top:0;
		padding-top:0;
		margin-bottom:1.5em;
		font-size:0.9em;
	}

	#content a:link,
	#content a:visited,
	#sideBar a:link,
	#sideBar a:visited	 {
		color: #014f8a;
		text-decoration:none;
		border-bottom:1px dotted #014f8a;
	}
	
	#content a:visited,
	#sideBar a:visited { 
		color: #014f8a;
	}
	
	#content a:focus,
	#content a:hover,
	#sideBar a:hover,
	#sideBar a:hover {
		color: #014f8a;
		border-bottom: 1px solid #014f8a;
	}

	#content h1, 
	#content h2, 
	#content h3,
	#content h4,
	#content h5,
	#content h6,
	#sideBar h6 { 
		color:#014f8a;
	}

	#content h1 {
	    border-bottom: 8px solid #BFD1D8;
		font-weight:bold;
	}
	
	#content li,
	#sideBar li { 
		padding-bottom:0.75em;
		line-height:1.5em;
	}
	
	#content dt, 
	#content dd { 
		padding-bottom:0.75em;
	}
	
	#sideBar li { 
		line-height:1.5em;
	}
	
	/* ###  Peernav typography and links  ### */
	#peerNav h3 {
		display:block;
		margin:0;
		padding:15px 5px 5px 5px;
		height: auto;
		background-color: #014f8a;
		color:#fff;
		font:normal;
		font-size:15px;
		font-weight: bold;
	}

	#peerNav h3 a:link,
	#peerNav h3 a:visited, {
		color: #fff;
		text-decoration:none;
	}

	#peerNav a:visited { 
		color: #fff;
		text-decoration:none;
	}
	
	#peerNav h3 a:link,
	#peerNav h3 a:visited {
		color: #fff;
		text-decoration:none;	
	}

	#peerNav h3 a:focus,
	#peerNav h3 a:hover {
		color: #fff;
		text-decoration:none;	
	}

	ul#peerNav {
		margin:0;
		padding:0;
		font: normal 82%/1.5em Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		list-style-type: none;
	}

	
	ul#peerNav li { 
		margin: 0; 
		border-top: 1px solid #EFEFF1;		
	}
	
	ul#peerNav a {
		display: block;
		padding: 5px 5px 5px 22px;	
		background-color: #efeff0;
		border-bottom: 1px solid #C6C6C8;
		border-top: 1px solid #EFEFF1;
    	color: #000;
	    text-decoration: none;
		background: url(http://sites.bioeng.auckland.ac.nz/shared/img/nav-arrow.gif) no-repeat 5px 6px;
	}	
	
	ul#peerNav a:link, 
	ul#peerNav a:visited {
		color: #333333;
		text-decoration: none;
		background-color: #efeff0;
	}
	
	ul#peerNav a:hover 	{
		background-color: #666666 !important;
		color: #ffffff;
	}

	ul#peerNav li.last a,
	ul#peerNav li.last a:link,
	ul#peerNav li.last a:visited, {
		background-color: #3399CC;
		color: #ffffff;
	}
	
	/* ###  Sidebar typography and links  ### */

	/* ###  Footer typography  ### */

	#footer p {
		font-size:0.85em;
		padding:0 0 0 1em;
	}