/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * CSS and HTML Template by Dominic Winsor: www.wherefromhere.com, www.get2dom.com.
 * Project: PeptideSynthetics (Peptide Protein Research Ltd)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * If you're interested in the techniques used here, take a look at:
 *  - http://www.alistapart.com - techniques for web development.
 *  - http://www.w3.org/ - for the standards.
 *  - http://www.tantek.com/CSS/Examples/boxmodelhack.html - box model hack (bmh)
 *  - http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html - IE5-Mac hack (IE5-Mac)
 *  - http://www.positioniseverything.net/explorer/doubled-margin.html - IE Doubled Float-Margin Bug (IEFloat)
 *  - http://www.w3.org/QA/Tips/font-size - Why the big fonts?
 *  - http://www.clagnut.com/blog/348/ - sizing text in 'em's
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *                                               - Dominic Winsor, www.get2dom.com
 */
 
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Element redefinitions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 */
.audio { display: none; }
body {
	color: #00466C;
	background: white;
	margin: 0px;
	text-align: left;
	font-size: 68.9%; /* Default (medium) is 16px: scale to 11px */
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

p, div {
	font-family: inherit;
}

td, th {
	vertical-align: top;
}

input, select, textarea {
	font: 1em/1em Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 0.25em 0;
}

p {
	/* paragraphs: space after, no space before */
	margin: 0 0 1em 0;
}

h1 { 
	font-size: 2em;
	margin: 0 0 0.5em 0;
}
h2 { 
	font-size: 1.4em;
	margin: 0 0 1em 0;
} 
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }

form {
	margin: 0;
}

h3 a {
	color: #00466C !important;
	text-decoration: none;
}

dl dt {
	font-weight: bold;
}

a:link         { color: #0066CC; }

/* ~~~  corporate colours (for SPANs etc) ~~~ */
.liveryColour1 { color: #00466C; }
.liveryColour2 { color: #CC0033; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * STRUCTURE 
 * Content & page/template structure definitions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 */

#uberContainer {	
}

#headerContainer {
	background: #FFF;
	padding: 30px 20px;
	border-bottom: 1px #eee solid;
}

#columnWrapper {
	padding: 30px 20px;
	background: #CFDCE4;
}

#navContainer {
	display: none;
}

#footerContainer {
	padding: 5px 0 0 20px;
	color: #bbb;
	font-size: smaller;
	background: #F5F8F9;
}
#creditContainer {
	color: #bbb;
	padding: 0 0 0 20px;
	font-size: smaller;	
}
#creditContainer a { 
	color: #bbf;
}
#creditContainerPrintOnly {
	display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Data
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 */

table.data td {
	background: #C9D7E0;
	padding: 0.5em 1em;
}

.mod p.img {
	text-align: center;
	border: 1px #ddd solid;
}