@charset "UTF-8";
/* CSS Document */

/*
list of helper classes and ids defined in base:
#pageContainer - contains entire page and sets width of content
.formField - a container for individual form elements to help layout
.list - formats simple ul, ol and dl lists
.floatLeft - float element left
.floatRight - float element right
.displayNone - removes element from flow
.hideText - offsets text by -9000px and remove margins
.noTopMargin - removes top margin
.noBottomMargin - removes bottom margin
.noLeftMargin - removes left margin
.noRightMargin, - removes right margin
.noVerticalMargin - removes vertical margins
.noHorizontalMargin - removes horizontal margins
.alignLeft - aligh text left
.alignRight - aligh text right
.alignCenter - aligh text centre
*/

/**************************************************************
***************************************************************
*
*					page set up
*
***************************************************************
**************************************************************/

/* set background and font color */
html {
	background-color: #F2F2F2;
	color: #000000;
	}

/* set page width and margins */
#pageContainer {
	height: auto;
	width: 978px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	}

/**************************************************************
***************************************************************
*
*					margins
*
***************************************************************
**************************************************************/

/*
ul, ol, li and dl, dt, dd need to be specifically styled so not
included here
*/

/* set vertical margins */
h1, h2, h3, h4, h5, h6,
p, address, pre, hr,
form, 
table {
	margin: 1em 0em;
	padding: 0;
	}
	
/**************************************************************
***************************************************************
*
*					font styles
*
***************************************************************
**************************************************************/

/* set initial font family/size 62.5% = 10px */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

/* set heading attributes */
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.6em; font-weight: bold; }
h3 { font-size: 1.6em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1.2em; font-weight: bold; }
h6 { font-size: 1.2em; font-weight: bold; }

/* reset headings nested in lists to prevent inheritance */
li h1, dd h1 { font-size: 1.7em; }
li h2, dd h2 { font-size: 1.3em; }
li h3, dd h3 { font-size: 1.3em; }

/* set heading line heights */
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	}

/* set heading colours */
h1, h2, h3, h4, h5, h6 {
	color: #000000;
	}

/*
don't set ul, ol and dl tags to prevent li, dt and dd 
elements from inheriting.
*/

/* set attributes of other block/containing elements */
p, address, pre, hr,
li, dt, dd,
table {
	font-size: 1.2em;
	line-height: 1.4em;
	}

/* set attributes of form elements */
legend, label, button, input, textarea, select {
	font-size: 1.2em;
	}

/* set attributes of inline/contained elements */
em { font-style: italic; }
strong { font-weight: bold; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }

/* clears text when floating inline images
p { clear: both; } */

/* set link colours */
a { color: #000000; text-decoration: none; }
a:hover { color: #cccccc; }

/**************************************************************
***************************************************************
*
*						basic lists
*
***************************************************************
**************************************************************/

/* simple unordered list */
.list ul, ul.list {
	margin: 1em 0em;
	}
	
.list ul li,  ul.list li {
	list-style-position: inside;
	list-style-type: disc;
	margin: 1em 0em 1em 2em;
	}

/* simple ordered list */
.list ol, ol.list {
	margin: 1em 0em;
	}
	
.list ol li,  ol.list li {
	list-style-position: inside;
	list-style-type: decimal;
	margin: 1em 0em 1em 2em;
	}

/* definition lists */
.list dl, dl.list {
	margin-left: 2em;
	}
.list dt { font-weight: bold; }
.list dd { margin-bottom: 1em; }

/**************************************************************
***************************************************************
*
*						images
*
***************************************************************
**************************************************************/

/* adds margins to floated images - uses 'float' helper class below */
img.floatLeft {
	margin: 0em 1em 1em 0em;
	}

img.floatRight {
	margin: 0em 0em 1em 1em;
	}

/**************************************************************
***************************************************************
*
*						forms
*
***************************************************************
**************************************************************/

/* style fieldset */
fieldset {
	border: 1px #000000 solid;
	margin: 1em 0em;
	padding: 1em;
	}

/* can float label if necessary, but commented out for now */
label {
	/*display: block;
	float: left;*/
	margin-right: 1em;
	}

/* make label sit at top of text area */
textarea {
	vertical-align: text-top;
	}

/* class that wraps each form element to make layout easier */
.formField {
	display: block;
	margin: 1em 0em;
	}

/**************************************************************
***************************************************************
*
*						tables
*
***************************************************************
**************************************************************/

/* ie6 ignores margins on caption tag */
caption {
	padding: 0em 0em 1em 0em;
	}

th,td {
	border: solid 1px #000000;
	padding: .5em;
	}

th {
	font-weight: bold;
	}

/**************************************************************
***************************************************************
*
*					other helper classes
*
***************************************************************
**************************************************************/

/* remove item from flow */
.displayNone { display: none; }

/* set text off the page */
.hideText {
	margin: 0;
	text-indent: -9000px;
	}

/* float elements */
.floatLeft { float: left; }
.floatRight { float: right; }

/* clear elements */
.clearBoth { clear: both; }

/* remove specific margins */
.noTopMargin { margin-top: 0; }
.noBottomMargin { margin-bottom: 0; }
.noLeftMargin { margin-left: 0; }
.noRightMargin { margin-right: 0; }
.noHorizontalMargin { margin-left: 0; margin-right: 0; }
.noVerticalMargin { margin-top: 0; margin-bottom: 0; }
	
/* align text */
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }