/*
 * author      Rob Geddes
 * contact     rgeddes@uoguelph.ca
 * file        ccs_styles.css
 * version     1.0
 * date        May 04, 2004
 * description CSS Stylesheet for new web site design
 */
html, body
	{
	height: 100%;
	}
body
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 150%;
	background: White;
	color: #505451;
	margin: 0; padding: 0;
	}
ul
	{
	margin-top: 0;
	margin-bottom: 0;
	}
ol
	{
	margin-top: 0;
	margin-bottom: 0;
	}
img
	{
	border: 0em;
	}
select, input, textarea
	{
	color: #505451;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
td, th
	{
	font-size: small;
	}
code
	{
	font-family: courier, monospace;
	}
a
	{
	color: #ed931c;
	text-decoration: none;
	}
a:hover
	{
	text-decoration: underline;
	}
pre
	{
	font-size: 115%;
	}
/* header styles */
h1
	{
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight: normal;
	color: #abc94c;
	text-transform: capitalize;
	}
h2
	{
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #ecba54;
	}
h3
	{
	line-height : 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 125%;
	font-weight: bold;
	margin-bottom: 0;
	color: #449dd6;
	}
h3.underline
	{
	border-bottom: 1px solid #449dd6;
	}
div.h3Box
	{
	border: 1px solid #449dd6;
	border-top: none;
	padding: 0.5em;
	margin-top: 0;
	}
div.h3Box p
	{
	margin-top: 0;
	margin-bottom: 1em;
	}
h4
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #abc94c;
	margin-bottom: 0;
	}

/* form styles */
form
	{
	margin-top: 0em;
	margin-bottom: 0em;
	}
.loginform
	{
	border: none;
	text-align: right;
	}
.field
	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
.message-field
	{
	border-bottom: 1px dashed #cccccc;
	}
.button-field
	{
	padding-top: 0.5em; padding-bottom: 0.5em;
	border-top: 1px dashed #cccccc;
	}
.nomargin
	{
	margin: 0em;
	}
	
/* special styles for FAQ */
div.faq
	{
	margin-bottom: 1em;
	}
div.faq h3 a
	{
	color: #79B752;
	}

.message
	{
	color: #999;
	text-decoration: underline;
	}
.error
	{
	color: red;
	}
	
/* text colours */
.orange
	{
	color: #f39b1f;
	}
.orange a
	{
	color: #f39b1f;
	}
.orange a:hover
	{
	color: #f39b1f;
	}

.green
	{
	color: #8ab339;
	}
.green a
	{
	color: #8ab339;
	}
.green a:hover
	{
	color: #8ab339;
	text-decoration: underline;
	}
	
.blue
	{
	color: #0b81cc;
	}

.grey
	{
	color: #787d7d;
	}
.grey a
	{
	color: #787d7d;
	}
.grey a:hover
	{
	color: #787d7d;
	}
	
.dark-grey
	{
	color: #505451;
	}
.dark-grey a
	{
	color: #505451;
	text-decoration: none;
	}
	
.black
	{
	color: #181716;
	}
.black a
	{
	color: #181716;
	text-decoration: none;
	}
.black a:hover
	{
	color: #181716;
	}
	
.light-grey
	{
	color: #a9adaf;
	}
.light-grey a
	{
	color: #a9adaf;
	}
.light-grey a:hover
	{
	color: #a9adaf;
	}
	
.disable
	{
	color: #999;
	}
.image-caption
	{
	border: none;
	font-size: smaller;
	margin: 0em;
	color: #666;
	}
.footnote
	{
	font-size:xx-small; 
	vertical-align:top;
	}
.small
	{
	font-size: smaller;
	line-height: 150%;
	}
.large
	{
	font-size: large;
	font-weight: bold;
	}
.bold
	{
	font-weight: bold;
	}
.normal
	{
	font-weight: normal;
	}