@charset "UTF-8";

<pre><code>/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0b1 | 201101  */



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, 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,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, menu, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}
* {
	margin: 0px;
	padding: 0px;
}
.vertical_middle {
	padding-bottom: 19px;
	vertical-align: middle;
	margin-bottom: 2px;
}
#main .body form {
	margin-bottom: 90px;
}

#main #description
{
     text-align: right;
     font-style: italic;
     font-size: 0.9em;
     border-right-width: thin;
     border-right-style: solid;
     padding-right: 10px;
     padding-left: 20px;
     padding-top: 10px;
     margin-top: 0px;
     margin-bottom: 20px;
     line-height: 1.3em;
}
.wrapper #main img {
    margin: 3px;
    font-size: 95%;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, menu, section {

	display: block;

}

ol, ul {
    list-style: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: -20px;
    padding-right: 0px;
    padding-bottom: -20px;
    padding-left: 0px;
}

.alphaList ol {
    display: block;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 50px;
    padding-top: -10em;
    font-size: 95%;
}
.alphaList ol li{
    list-style-position: outside;
    list-style-type: lower-alpha;
	padding-left: 12px;
    padding-top: 5px;
    font-size: 95%;
    }
.alphaList ol ul li{
    list-style-position: outside;
    padding-left: 20px;
    padding-top: -0px;
}



blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}  
a {
	border: none;
	font-weight: bold;
}
img {
	border: 0px;
	margin-bottom: 2px;
}


ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 2;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}

</code></pre>


.HIGHLIGHT
{
     background: #FF0;
}

.wrapper {
	max-width: 1000px;
	min-width: 780px;
	width: 70%;
	margin: 0px auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.header {
     width: 100%;
     postition: fixed;
     background: #036;
     background: -moz-linear-gradient(#0050a1, #003366);
     background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #003366),color-stop(1, #0050a1));
     background: -webkit-linear-gradient(#0050a1, #003366);
     background: -o-linear-gradient(#0050a1, #003366);
     background: -ms-linear-gradient(#0050a1, #003366);
     background: linear-gradient(#0050a1, #003366);
     top: 0;
     z-index: 999;
}

#headerContentWidth {
     max-width: 1000px;
     min-width: 780px;
     width: 70%;
     margin: 0px auto;
}

.header #logo
{
	padding-top: 20px;
	clear: none;
     img border: 0px;
	padding-bottom: 10px;
	border-radius: 0px;
	border-spacing: 0px 0px;
}
#location {
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: right;
	width: 300px;
	clear: right;
	margin-top: 75px;
}

#location p
{
	text-align: right;
}

.locationClassSpacing
{
	padding-left: 15px;
	color: #CCC;
}

.locationClassSpacing a
{
	color: #FFF;
}

.locationClassSpacing a:hover
{
	color: #6FF;
	text-decoration: underline;
}

#main {
	overflow: auto;
	padding-bottom: 70px;
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 79px;
}

#main h1 {
	color: #036;
}

#main h3 {
	padding-top: 1em;
	padding-left: 0em;
	color: #036;
}

#main h2 {
	border-left: 5px solid #A45D64;
	padding-left: 5px;
	color: #9E5960;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	padding-top: 5px;
	letter-spacing: 0.1em;
	margin-top: 1.5em;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0em;
}

#main h4 {
	margin-top: 10px;
	margin-left: 0px;
}

#main p {
    font-size: 0.9em;
    line-height: 1.6em;
    margin-top: 0.8em;
    margin-bottom: 0.5em;
    margin-left: 10px;
}

#main ul li {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0.5em 0.5em 0.5em 3em;
	list-style: square;
}

#main ul li ul li
{
     font-size: 1em;
     margin-left: 3.5em;
}

.fixed {
	position: fixed;
}

figure {
     text-align: right;
     float: right;
     margin-left: 1em;
     margin-top: 1em;
     margin-bottom: 1em;
     width: 350px;
     display: block;
}
figcaption p{
     font-size: .9em;
     font-style: italic;
     border-left-width: 2px;
     border-left-style: solid;
     padding-left: 5px;
     margin-left: 5px;
     text-align: left;
    
     margin-top: 0px;
     padding-top: 0px;
}

.indent
{
	padding-left: 0%;
}

.oneHalfSize
{
     float: left;
     width: 175px;
}

.right
{
     text-align: right;
}

#breadcrumbs {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	margin-bottom: 10px;
	font-style: italic;
}

#breadcrumbs a {
	color: #999;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #999;
	text-decoration: underline;
}

.center {
     text-align: center;
}
.floatRight {
	float: right;
}

.floatLeft
{
     float: left;
}

html, body {
	height: 100%;
}
.styledTable {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	padding: 0px 0px 0em;
	border-style: none;
	border-collapse: collapse;
}

.styledTable tr td {
	border-bottom-width: thin;
	border-style: none none solid;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: .5em;
}

.styledTable tr td h3
{
     font-size: 1em;
     padding-left: 0px;
     margin-left: 0px;
}

.styledTable tr th h1
{
     font-variant: normal;
     font-weight: normal;
     text-align: left;
}

.styledTable tr th
{
     font-size: 1em;
}

th
{
     color: #036;
     font-style: normal;
     font-size: 1.25em;
     border-style: none none solid;
     border-bottom-width: thin;
}



.lastColWidth {
	width: 8%;
	text-align: center;
}

#clearFooter {
	clear: both;
	position: fixed;
	bottom: 0px;
	z-index: 999;
	background: #036;
	height: 50px; /* height has to change in #Main too*/
	width: 100%;
}

#clearFooter p {
	font-size: 0.7em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	text-align: center;
	padding: 0.5em;
}

#spacer {
	height: 20px;
	width: 100%;
}
@font-face {
	font-family: 'Droid Sans Bold';
	src: url('../ETC-Ottawa/webfonts/Droid_Sans_Bold/DroidSans-Bold-webfont.eot');
	src: url('../ETC-Ottawa/webfonts/Droid_Sans_Bold/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../ETC-Ottawa/webfonts/Droid_Sans_Bold/DroidSans-Bold-webfont.woff') format('woff'),
url('../ETC-Ottawa/webfonts/Droid_Sans_Bold/DroidSans-Bold-webfont.ttf') format('truetype'),
url('../ETC-Ottawa/webfonts/Droid_Sans_Bold/DroidSans-Bold-webfont.svg') format('svg');
}

.red {
	font-weight: bold;
	color: #900;
	text-decoration: underline;
}

.indentNoBullets {
	padding-left: 200px;
}

.dropShadow
{
     box-shadow: 5px 5px 5px 1px #CCC;
}

.styledTable p
{
     margin: 0px;
     padding: 0px;
     font-family: Tahoma, Geneva, sans-serif;
     word-spacing: -1px;
}

.productNumbers
{
     font-family: Arial, Helvetica, sans-serif;
     letter-spacing: -1px;
     word-spacing: -1px;
     font-size: 1em;
     text-align: center;
     line-height: 1.5em;
}

.rightBorderDivider
{
     border-right-width: medium;
     border-right-style: solid;
}

a
{
	border-style: none;
	color: #600;
	text-decoration: none;
}
a:hover
{
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: hsla(0,1%,60%,1.00);
}

.nowrap {
  white-space: nowrap ;
}

.stretch {
	width: 100%;
	height: auto;
	margin: 3px;
}

.forceLeft
{
     text-align: left;
}
.forceCenter
{
	text-align: center;
}


#main #quote
{
	background: #E0E19B;
	margin: 2px 10px 2px 2px;
	height: auto;
	width: 300px;
}

#main table td
{
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: .9em;
	text-align: left;
	margin-left: auto;
}

.clearAllClass
{
	clear: both;
}

.quoteFont
{
	font-size: 0.9em;
	font-style: normal;
	padding: 5px 5px 0px;
	letter-spacing: 0em;
}

.quoteBy
{
	font-size: .08em;
	font-style: italic;
	color: #666;
	text-align: right;
	padding: 0px 5px 5px;
	margin-right: 10px;
}

.align-Mid-Height
{
	margin-top: auto;
	margin-bottom: 20px;
	vertical-align: baseline;
	padding-bottom: 20px;
}

.subFooter
{
	clear: both;
	position: fixed;
	bottom: 51px;
	z-index: 998;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 72px;
	background: rgba(255, 255, 255, 0.7);
	color: #FFF;
}

#accreditations
{
	float: left;
	height: 100px;
	width: 100px;
}

.subFooter #subFooterWrapper
{
	height: 72px;
	max-width: 1000px;
	min-width: 780px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2px;
}

.subFooter #accreditations
{
	float: left;
	height: 100px;
	width: 100px;
}

.subFooter #poster
{
	height: 70px;
	width: 208px;
	border: 0px;
	float: right;
}
.alignRight
{
	text-align: right;
}

.blue
{
	font-weight: bold;
	color: #069;
}

#main .standards p
{
	padding-left: 0px;
	margin: 2% 10% 2% 15%;
}
hr {
    clear: both;
}

    
    blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 400px;
    margin: 0.25em 0 0.25em 20px;
    padding-top: 0em;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 4.25em;
    line-height: 1.45px;
    position: relative;
    color: #383838;
}
.alphaList ol ol {
}
.figAndCaption {
    width: 70%;
    margin-right: auto;
    margin-left: auto;	
}


.forty-float-right {
    width: 40%;
    float: right;
    margin: 0;
	padding: 0;
}

.caption  {
     font-size: .9em;
     font-style: italic;
     border-left-width: 2px;
     border-left-style: solid;
     padding-left: 5px;
     margin-left: 5px;
	margin-top: .1em;
	margin-bottom: 1em;
     text-align: left;

}
p.clear {
	clear:both
}