/*
*	File:		colours.css
*	Created:	12/12/2008
*
*	Styles for borders and colours
*/

body
{
	background-color: #FCFCF6;
	color: #022;
}

/*
*	Page header
*/
#header
{
	background-color: #8b4;
	border-bottom: 1px solid #022;
}
#header
{
	background: url(../images/meadow.jpg) top right repeat;
	border-bottom: 1px solid #060;
}
#logo a img
{
	border: none;
}
#logo a:hover img, #logo a:active img, #logo a:focus img
{
	background-color: #FFA;
	border: none;
}
#logo a:hover, #logo a:active, #logo a:focus
{
	background-color: #FFA;
	border: none;
}
#pagetitle a img
{
	border: none;
}
#pagetitle a:hover img, #pagetitle a:active img, #pagetitle a:focus img
{
	background-color: #FFA;
	border: none;
}
#pagetitle a:hover, #pagetitle a:active, #pagetitle a:focus
{
	background-color: #FFA;
	border: none;
}
.skip a:link, .skip :visited
{
	background-color: transparent;
	color: #8b4;
	font-weight: normal;
	text-decoration: none;
}
.skip a:hover, .skip a:active, .skip a:focus
{
	background-color: #ffa;
	color: #042;
	font-weight: bold;
	text-decoration: underline;
}
/*
*	Container for main content and columns
*/
#content
{
	background-color: transparent;
	border-top: 1px solid #fcfcf8;
}

/*
*	Main navigation menu
*/
#menucol
{
	background-color: #cff8bf;
	border: 1px solid #060;
}
.menu li							/* places dummy border round each menu item as part of */
{									/* fix for layout bug in Internet Explorer and fix for */
	border: 1px solid #cff8bf;		/* bug in Navigator 4.7x */
}
.menu li
{
	border-top: 1px dashed #060;
}
.menu a:link, .menu a:visited
{
	color: #035;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}
.menu a:hover, .menu a:active, .menu a:focus
{
	background-color: #ffa;
	color: #035;
	font-weight: bold;
	text-decoration: underline;
}

.menu li.selected
{
	color: #022;
	background-color: #f0f8e9;
}

.submenu li
{
	border: 1px solid #f0f8e9;
}
.submenu a:link, .submenu a:visited
{
	color: #035;
	font-weight: normal;
	text-decoration: underline;
	background-color: transparent;
}
.submenu a:hover, .submenu a:active, .submenu a:focus
{
	background-color: #ffa;
	color: #035;
	font-weight: normal;
	text-decoration: none;
}

.submenu selected.li
{
	color: #022;
	background-color: #f0f8e9;
	font-weight: bold;
}

/*
*	Page index column
*/
#indexcol
{
	background-color: transparent;
	border: none;
}
.colbox
{
	background-color: #f0f8e9;
	border: 1px dashed #060;
}
.colbox a:link
{
	background-color: transparent;
	color: #035;
	text-decoration: underline;
}

.colbox a:visited
{
	background-color: transparent;
	color: #008;
	text-decoration: underline;
}

.colbox a:hover, .colbox a:active
{
	background-color: #FFA;
	color: #035;
	text-decoration: none;
}

.colbox a:focus
{
	background-color: #FFA;
	color: #035;
	text-decoration: none;
}

.coltitle
{
	background-color: transparent;
	color: #058;
	font-weight: bold;
}
.coltitle h4
{
	color: #002;
}

/*
*	Main content
*/
#maintext
{
	background-color: transparent;
	color: #022;
}
/*
*	Breadcrumb
*/
#navline
{
	background-color: #f0f8e9;
	border: 1px dashed #060;
}
#where									/* id for breadcrumb */
{
	background-color: transparent;
	color: #022;
}
#maintext #navline #where a:link, #maintext #navline #where a:visited
{
	background-color: transparent;
	color: #035;
	text-decoration: underline;
}
#maintext #navline #where a:hover, #maintext #navline #where a:active, #maintext #navline #where a:focus
{
	background-color: #F8FF90;
	color: #035;
	text-decoration: none;
}

#maintext h1, h2, h3, h4, h5, h6
{
	background-color: transparent;
	color: #070;
}

#maintext a:link
{
	background-color: transparent;
	color: #070;
	text-decoration: underline;
}

#maintext a:visited
{
	background-color: transparent;
	color: #008;
	text-decoration: underline;
}

#maintext a:hover, #maintext a:active
{
	background-color: #FFA;
	color: #050;
	text-decoration: none;
}

#maintext a:focus
{
	background-color: #FFA;
	color: #050;
	text-decoration: underline;
}

#footlinks a:link, #footlinks a:visited
{
	background-color: transparent;
	color: #070;
	text-decoration: underline;
}
#footlinks a:hover, #footlinks a:active
{
	background-color: #FFA;
	color: #050;
	text-decoration: none;
}
#footlinks a:focus
{
	background-color: #FFA;
	color: #050;
	text-decoration: underline;
}

#footer									/* placing a footer across the whole width of the */
{										/* bottom of the page is the other part of the fix */
	background-color: #cff8bf;		/* for Internet Explorer's strange layout behaviour */
	color: #244;
	border-top: 1px solid #244;
	border-bottom: 1px solid #244;
}

/*
*	Styles used with definition lists
*/
dt
{
	background-color:transparent;
	color:#050;
	font-weight:bold;
}

/*
*	Table styles for course information
*/
table.courseinfo tr
{
	background-color: #fafaea;
}
table.courseinfo tr th
{
	border: 1px solid #022;
	color: #050;
}
table.courseinfo tr td
{
	border: 1px solid #022;
}

/*
*	Table styles for numbers
*/
table.numbers tr
{
	background-color: #fafaea;
}
table.numbers tr th
{
	border: 1px solid #022;
	color: #050;
}
table.numbers tr td
{
	border: 1px solid #022;
}

/*
*	Tables
*/

td, th
{
	border: 1px solid #022;
}

/*
*	Global styles
*/
h1, h2, h3, h4, h5, h6
{
	background-color: transparent;
	color: #070;
}

acronym, abbr
{
	border-bottom: 2px dashed #344;
	cursor: help;
}

.line
{
	margin-bottom: 4px;
	border-bottom: 2px solid #899;
}
.bold
{
	background-color: transparent;
	color: #050;
	font-weight: bold;
}
.redtext
{
	color: #a80000;
}
.boldred
{
	color: #900;
	font-weight: bold;
}
.greentext
{
	color: #050;
}
.centred-piccy img
{
	border: 1px solid #022;
}
img.ileft
{
	border: 1px solid #022;
}
img.iright
{
	border: 1px solid #022;
}

a img.noborder
{
	border: none;
}
a:hover img.noborder, a:active img.noborder, a:focus img.noborder
{
	background-color: #FFA;
	border: none;
}

.notice
{
	background-color: #fafaea;
	border: 3px double #080;
}
.insertbox
{
	background-color: #fafaea;
	border: 1px dashed #022;
}
.mainbox
{
	background-color: #fafaea;
	color: #040;
	border: 3px double #060;
}