@charset "utf-8";
/* ----------------------- general styles ----------------------- */

/* reset margins, padding and borders */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, big, em, font, img, small, strike, strong, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; }
html, body { width: 100%; height: 100%; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }

/* set default colours and set font size to 10px = 1em (assuming a default browser font size of 16px) */
html { background: #fff; color: #000; font: 62.5% Arial, 'Helvetica Neue', Helvetica, sans-serif; } 

/* set font sizes, line height and margins for vertical rhythm of 18px */
h1      { font-size: 1.6em; line-height: 1.125em; margin: 0.5625em 0; }
h2      { font-size: 1.5em; line-height: 1.2em;   margin: 0.6em 0; }
h3   	{ font-size: 1.2em; line-height: 1.5em;   margin: 0.75em 0; }
small   { font-size: 0.9em; line-height: 1.2em;   margin: 0.5em 0; }
p, li, td, th { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em; }
ol, ul	 { margin-top: 0.5em; margin-left: 2.5em; }
ul ul    { margin: 0.5em 0 0 2em; font-size: 0.8em; }
ul ul ul { margin: 0.5em 0 0 2em; font-size: 0.9em; }
li       { margin-bottom: 0.5em; }

/* -------------------------- link styles -------------------------- */

a img        { display: block; outline: none; }
#nav a, li a { border: none; text-decoration: none; }

/* hidden skip to content link for accessibility */
a#skip       { position: absolute; top: -2000px; right: 0; }
a#skip:focus { top: 0.5em; }

/* ----------------------- formatting styles ----------------------- */

.left   { float: left; margin-right: 20px; }
.right  { float: right !important; margin-left: 20px; }
.top    { margin-top: 0 !important; }
.bottom { margin-bottom: 0; }
.center { margin: 0 auto; text-align: center; }
.alignR { text-align: right; }
.nolist { list-style: none; margin-left: 0; } /* remove list formatting */
.inline { vertical-align: middle; display: inline; } /* center images vertically when floated next to text */
.clear  { clear: both; }
.hidden { display: none !important; }
li.last { border-right: none; }

/* ---------------------------- nav tabs --------------------------- */

div#tab      { display: table; width: 100%; }
div#tab ul   { margin: 0; padding: 0; list-style: none; display: table-row; }
div#tab li   { display: table-cell; vertical-align: top; }
div#tab a    { display: block; padding: 0.5em 0; text-align: center; border-right: 1px solid #ccc; }
div#tab li:last-child a { border-right: none; }
div#tab li.current a    { background: #fff; }

/* degrade gracefully for IE 6 and IE 7 */
*:first-child+html div#tab li   { float: left; }
* html div#tab li               { float: left; }
*:first-child+html div#tab li a { float: left; display: inline; padding: 0 10px 0 5px; } 
* html div#tab li a             { float: left; display: inline; padding: 0 10px 0 5px; }

/* ----------------------------- nav bar ---------------------------- */

div#bar      { width: 100%; float: left; overflow: hidden; position: relative; }
div#bar ul   { clear: left; float: left; }
div#bar li   { display: block; float: left; }
div#bar li a { display: inline; }
div#bar li:last-child { border-right: none; }

/* ------------------------- Clear CSS grid ------------------------- */

/* shows the grid, comment out to hide
div.cell, div.rowspan, div.nav { background: #ccc; border: 1px solid #666; }
div.row { background: #ddd; } */

div.table { min-width: 760px; max-width: 960px; /* can use percentages or fixed width instead */
		    margin: 0 auto; } /* center table */
			
/* set fixed width for IE 6 and IE 7 */
*:first-child+html div.table { width: 960px; }
* html div.table             { width: 960px; }

div.cell { 
	margin: 0 10px; /* can change these, but don't forget to update .row padding to match left and right margin width and .first margin-top to match bottom margin */
	padding: 10px; /* can change this, but it must use pixels if you are using equal or rowspan classes */
}
div.nav ul, div.nav li {
	list-style: none; margin: 0; padding: 0;
}
div.row   { 
	width: 100%;
	float: left;
	padding: 0 10px;
	overflow: hidden;
	position: relative; 
}
div.nav {
	padding: 0 15px 0 5px !important;
}
div.grow, div.grow div.cell {
	padding-bottom: 20000px;
	margin-bottom: -20000px;
}
div.growjs {
	position: absolute;
}
/* columns */
.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12,.cols13,.cols14,.cols15,.cols16,.cols17,.cols18,.cols19,.cols20,
.cols1-2,.cols1-4,.cols3-4,.cols1-3,.cols2-3 { float: left; display: inline; } 

/* 20 column grid widths */
.cols1  { width: 5%; }
.cols2  { width: 10%; }
.cols3  { width: 15%; }
.cols4  { width: 20%; }
.cols5  { width: 25%; }
.cols6  { width: 30%; }
.cols7  { width: 35%; }
.cols8  { width: 40%; }
.cols9  { width: 45%; }
.cols10 { width: 50%; }
.cols11 { width: 55%; }
.cols12 { width: 60%; }
.cols13 { width: 65%; }
.cols14 { width: 70%; }
.cols15 { width: 75%; }
.cols16 { width: 80%; }
.cols17 { width: 85%; }
.cols18 { width: 90%; }
.cols19 { width: 95%; }
.cols20 { width: 100%; }

/* optional classes to indent columns */
.indent1  { padding-left: 5%; }
.indent2  { padding-left: 10%; }
.indent3  { padding-left: 15%; }
.indent4  { padding-left: 20%; }
.indent5  { padding-left: 25%; }
.indent6  { padding-left: 30%; }
.indent7  { padding-left: 35%; }
.indent8  { padding-left: 40%; }
.indent9  { padding-left: 45%; }
.indent10 { padding-left: 50%; }
.indent11 { padding-left: 55%; }
.indent12 { padding-left: 60%; }
.indent13 { padding-left: 65%; }
.indent14 { padding-left: 70%; }
.indent15 { padding-left: 75%; }
.indent16 { padding-left: 80%; }
.indent17 { padding-left: 85%; }
.indent18 { padding-left: 90%; }
.indent19 { padding-left: 95%; }
.indent20 { padding-left: 100%; }

/* 1/2, 1/4, 3/4 columns and indents */
.cols1-2 { width: 50%; }
.cols1-4 { width: 25%; }
.cols3-4 { width: 75%; }
.indent1-2   { margin-left: 50%; }
.indent1-4   { margin-left: 25%; }
.indent3-4   { margin-left: 75%; }

/* 1/3, 2/3 columns and indents */
.cols1-3 { width: 33.333%; }
.cols2-3 { width: 66.666%; }
.indent1-3   { margin-left: 33.333%; }
.indent2-3   { margin-left: 66.666%; }