html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
form {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 9pt;
}
.header {
	background-image: url(images/bg_header2.gif);
	background-color: #ECE7CC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.footer {
	background-image: url(images/bg_header2.gif);
	background-color: #ECE7CC;
	font-size: 8pt;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 5px 0px;
}
.popUpHeader {
	background-color: #E6E6E6;
	border-top: 1px solid #333366;
	border-bottom: 1px solid #333366;
	border-left: 1px solid #333366;
	border-right: 1px solid #333366;
	padding: 2px 2px 2px 2px;
}
.breadcrumb {
	font-size: 8pt;
}
.body {
	font-size: 10pt;
}
a:link, a:visited {
	color: #000099;	
	text-decoration: none;
}
a:hover, a:active {	
    color: #333333;
	text-decoration: underline;
}
a:active {
	color:#333366;
}
a.underline:link, a.underline:visited, a.underline.active, a.underline:hover {
	color: #333333;	
	text-decoration: underline;
}
a.underline:hover {
	color: #333366;
}
.toolbar {
	color: #333333;
	font-size: 8pt;
}
.toolbox {
	font-size: 8pt;
}
.subnavLeft, .subnavLeft_on, .subnavRight, .subnavRight_on {
	font-size: 9pt;
	border-top: 1px solid #333366;
	border-bottom: 1px solid #333366;
	border-right: 1px solid #333366;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}
.subnavLeft, .subnavLeft_on {
	border-left: 1px solid #333366;
}
.subnavLeft_on, .subnavRight_on {
	background-color: #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}
.subnavSpace {
	border-bottom: 1px solid #333366;
}
a.subnav:link, a.subnav:hover, a.subnav:active, a.subnav:selected, a.subnav_on:link, a.subnav_on:hover, a.subnav_on:active, a.subnav_on:visited {
	/*color: #333366; */
	text-decoration: none;
}
a.subnav:hover {
	color: #FFFFFF;
}
a.subnav_on:hover {
	text-decoration: none;
}
h1, h2, h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
h1 {
	font-size: 12pt;
}
h2 {
	font-size: 11pt;
}
h3 {
	font-size: 10pt;
}
blockquote {
	font-size: 9pt;
	font-style: italic;
	margin: 5px 35px 5px 30px;
	text-align: justify;
}
p {
	margin: 2px 0px 5px 10px;
	text-align: justify;
}
.pageHeading1, .pageHeading2, .pageHeading3, .pageHeading4 {
	font-weight: bold;
}
.pageHeading1 {
	font-size: 12pt;
}
.pageHeading2 {
	font-size: 11pt;
}
.pageHeading3 {
	font-size: 10pt;
}
.pageHeading4 {
	font-size: 9pt;
}

/* --- Help --- */
.helpBody {
	margin: 0px 10px 0px 10px; 
	width: 90%;
}
.helpBreadcrumb {
	font: normal 8pt sans-serif; 
	padding: 2px 0px 2px 10px; 
	border-bottom: 1px solid #CCCCCC; 
	margin-bottom: 5px;
}
.helpIndex {
	 font: bold 9pt sans-serif; 
	 word-spacing: 5px; 
	 border-top: 1px dotted #CCCCCC; 
	 border-bottom: 1px dotted #CCCCCC; 
	 text-align: center; 
	 margin: 10px 0px 10px 0px;
}
.helpToTop {
	 font: normal 8pt sans-serif; 
	 vertical-align: top; 
	 margin-left: 10px;
}
.helpPaging {
	padding: 2px 2px 2px 5px; 
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; 
	margin-top: 5px; 
	text-align: center;
}
.helpHeading1, .helpHeading2, .helpHeading3, .helpHeading4 {
	font-weight: bold;
}
.helpHeading1 {
	font-size: 12pt;
	margin-bottom: 5px;
}
.helpHeading2 {
	font-size: 11pt;
	margin-top: 10px;
}
.helpHeading3 {
	font-size: 10pt;
	margin-top: 10px;
}
.helpHeading4 {
	font-size: 9pt;
	margin-top: 10px;
}
#toc {
	margin: 10px 0px 20px 0px;
	
}
#toc div.toc1 {
	font: bold 10pt sans-serif;
}
#toc div.toc2 {
	font: bold 9pt sans-serif;
	margin-left: 15px;
}
#toc div.toc3{
	font: italic 9pt sans-serif;
	margin-left: 35px;
}
/* ---- end Help ---- */

.column1Header, .column2Header, .column3Header {
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.search {
	border-left: 1px solid #333366;
	border-bottom: 1px solid #333366;
	border-right: 1px solid #333366;
}
.searchResults {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 9pt;
}
.searchResultsPlain {
	font-size: 9pt;
}
.abstract {
	font-size: 9pt;
}
.browseInfo {
	color: #333333;
	font-size: 9pt;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.browseSubCat {
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 20px;
}
.browseTitle {
	font-size: 10pt;
	font-weight: bold;
}
a.browseAlphaNav, a.browseAlphaNav_on {
	font-weight: bold;
	font-size: 11pt;
	padding: 0px 2px 0px 2px;
}
a.browseAlphaNav_on {
	border-left: 1px solid #333366;
	border-right: 1px solid #333366;
	padding: 0px 5px 0px 5px;
	background-color: #F0F0F0;
}

ul.browseSubCat {
	font-size: 8.5pt;
	list-style: square;
	margin: -2px 0px 10px 20px
}

input, select, textarea {
	font: normal 9pt Arial, Helvetica, sans-serif;
	width: 200px;
}
select {
	width: 206px;
}
.autowidth {
	width: auto;
}
.form {
	width: 75px;
}
.fieldLabel {
	font-weight: bold;
}
.red {
	font-weight: bold;
	color: #FF0000;
}

/* Notes: List-style classes 
The following style classes are for listing the various folder and document types.  They were developed to reduce
the amount of code needed to display these items.  
Due of the use of the 'margin' attribute the layout is different depending on the browser and O/S the page is viewed.
The classes below are for Internet Explorer 6 for Windows and have not been tested in other browsers.
*/
.wf_level1, .wf_level2, .wf_level3, .document, .favourites, .subject, .cf_level1, .cf_level2, .cf_level3, .sf_level1, .sf_level2, .sf_level3, .sf_plus_level1, .sf_plus_level2, .sf_plus_level3, .sf_minus_level1, .sf_minus_level2, .sf_minus_level3 {
	list-style-image:url(images/icon_workingFolder.gif);
	margin-left: 0px;
	padding: 0px 0px 5px 0px;
}
.wf_level2, .cf_level2, .sf_level2, .sf_plus_level2, .sf_minus_level2 {
	margin-left: 20px;
}
.wf_level3 .cf_level3, .sf_level3, sf_plus_level3, .sf_minus_level3 {
	margin-left: 40px;
}
.cf_level1, .cf_level2, .cf_level3 {
	list-style-image:url(images/icon_courseFolder.gif);
}
.sf_level1, .sf_level2, .sf_level3 {
	list-style-image:url(images/icon_subjectFolder.gif);
}
.sf_plus_level1, sf_plus_level2, sf_plus_level3 {
	list-style-image:url(images/folder_closed.gif);
}
.sf_minus_level1, sf_minus_level2, sf_minus_level3 {
	list-style-image:url(images/folder_open.gif);
}
.pdf {
	list-style-image:url(images/icon_acrobat.gif);
	vertical-align: middle;
}
.doc {
	list-style-image:url(images/icon_word.gif);
	vertical-align: middle;
}
ul {
	margin: 0px 0px 5px 30px;
}
ol {
	margin: 0px 0px 5px 35px;
}
.document, .favourites, .subject {
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: text-bottom;
}
.document {
	list-style-image:url(images/icon_document.gif);
}
.favourites {
	list-style-image:url(images/icon_favourites.gif);
}

/*
The following list defines the classes for talbes with lists of information 
*/
#docInfo {
	border: 1px solid #CCCCCC;
	padding: 5px 3px 3px 5px;
	font-size: 10pt;
}
.docInfo_line {
	border-bottom: 1px solid #CCCCCC;
}
.listHead_col1, .listHead, .listHead_row2 {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #CCCCCC;
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.listHead, .listHead_row2 {
	border-left: 0px solid none;
}
.listHead_row2 {
	border-top: 0px solid none;
}
.list_row1_col1_on, .list_row1_on, .list_row1_col1_off, .list_row1_off, .list_col1_on, .list_col1_off, .list_on., .list_off {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 2px 5px 2px 5px;
	font-size: 8pt;
}
.list_row1_off, .list_on, .list_off {
	border-left: 0px solid none;
}
.list_col1_on, .list_on, .list_col1_off, .list_off  {
	border-top: 0px solid none;
}
.list_col1_off, .list_off, .list_row1_col1_off, .list_row1_off {
	background-color: #FFFFFF;
}
option.inactive {
	color: #FF0000;
}

/*---- Admin Right navigation
#admin_nav {
	width: 220px;
}
#admin_nav a {
	background-color: #F0F0F0;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	border: 1px solid #999999;
	width: 200px;
}
#admin_nav a:hover {
	background-color: #CCCCCC;
	color: #FFFFFF;
}
#admin_nav a.on {
	background-color: #CCCCCC;
	text-decoration: none;
}
#admin_nav a.on:hover {
	background-color: #CCCCCC;
	color: #FFFFFF;
}
 ----*/
 
.admin_nav, .admin_nav_on {
	font-size: 9pt;
	border: 1px solid #999999;
	padding: 2px 0px 2px 5px;
	margin: 2px 0px 0px 0px;
	font-weight: bold;
	width: 150px;
	background-color: #F0F0F0;
}
.admin_nav_on {
	background-color: #CCCCCC;
	border: 1px solid #999999;
}
.admin_nav_space {
	border: 1px solid #999999;
}
a.admin_nav {
	text-decoration: none;
	border: none;
}
a.admin_nav:hover {
	text-decoration: none;
	color: #999999;
}
a.admin_nav_on {
	text-decoration: none;
	border: none;
}
a.admin_nav_on:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/** Body content container **/


#text {padding: 0px 20px 10px 20px;}
#text h1, h2, h3, h4, h5 {
	font-size:16pt;
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 0;
	}
#text h2 {
	font-size:14pt;
}
#text h3{
	font-size:12pt;
}
#text h4{
	font-size:10pt;
}
#text h5 {
	font-size:9pt;
}
#text p {
	margin:0;
	padding:0 0 10px 0;
}
#text td, th {vertical-align:top; padding:0 4px 2px 0;}
#text th {vertical-align:middle; background-color: #F0F0F0; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
#text table.grid th.c1, #text table.grid td.c1 {text-align:left; border-left:1px solid #CCCCCC;}
#text table.grid td.c1 {border:none;}
#text td.end {vertical-align:middle; width:100%}
#text table, table.grid {width:100%; font-size:9pt; margin-bottom:10px;}
#text table.grid td {text-align:center;}
#text .hr {
	background-color:#FFF;
	height:1px;
	color:#FFF;
	border-top:1px solid #CCCCCC;
	margin:5px 0;
}
#text input {width: auto;}
* html #text .hr {margin-bottom:-10px;}

/* EBB Pop-up Styles */
.popHead {
	background-color: #E6E6E6; 
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	border:1px solid #000000;
}
.popBody {
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
}

div.popSubhead {
	padding:4px 10px 2px 10px; 
	margin-bottom: 5px; 
	border-top: 1px dashed #CCC; 
	border-bottom: 1px dashed #CCC; 
	font-weight: bold;
}