/* === THIS CSS IS THE SITE CSS AND CONTAINS SITE SPECIFIC STYLES ONLY === */

/* version 1.4

=GENERAL - General formatting styles for the body
=HEADER - Header styles, including the common nav and breadcrumbs
=FOOTER - Footer styles, including top of page and notices
=MENU - Left and sidebar menus
=FORMS - Any styles particular to forms (buttons, input boxes)
=UTILITIES - Classes that were created for general use so users don't have to create it, and for consistency
=UNIQUE TO SITE - Styles specific to a site
*/

/* ---------------------------------------------------------------- 
 	=GENERAL
------------------------------------------------------------------- */ 	
/* Colour for the body background (not the content area) -- this must be a Web-smart colour */
/* For Web-smart colours, visit: http://cloford.com/resources/websmart1.htm */
body {
	background-color: #ccc;
}

/* Colour for the border around the three-column layout -- this must be a light colour so it doesn't
	conflict visually with the line under the h1, which is usually darker */
#contentWrapper {
	border-color: #ddd;
}

/* Font colours for the headings */
h1 {
	color: #777;
	border-bottom-color: #788;
}
	
h2 {
	color: #763;
}	

h3 {
	color: #777;
}	
	
h4 {
	color: #763;
}	

h5 {
	color: #444;
}	

h6 {
	color: #763;
}

/* Horizontal rule colour */
hr {
	color: #bbb;  /* This sets the colour for IE browsers */
	background-color: #bbb;  /* This sets the colour for other browsers */
}
	
/* First level of list items in the content area */
#main ul li {
	list-style: square;
}

/* Second level of list items in the content area */
#main ul ul li {
	list-style: disc;
}

/* Font colour for the hyperlinks in the content area */
#main a {
	color: #069;
}

/* Font colour for the visited hyperlinks in the content area */
#main a:visited {
	color: #606; /* This should be a different colour than the hyperlinks, set above */
}

/* Font colour for the hyperlinks in the content area, on mouse hover */
#main a:hover {
	color: #900;
}

/* Border colour for the tables */
td {
	border-color: #ccc;
}

/* Background and border colours for the table header */		
th {
	background-color: #e8e8e8;
	border-color: #ccc;
}

/* Table caption text colour */		
table caption {
	color: #666;
}

/* ---- Top of page arrow on pages ----	 */
#container #main p.arrow_up a {	 
	color: #444; /* colour of the link */
}

#container #main p.arrow_up a:hover {	 
	color: #900; /* colour of the link on hover */
}

/* ---------------------------------------------------------------- 
 	=HEADER
------------------------------------------------------------------- */
#header #masthead {
	/*** If you want an image in the header, you'd use the background declaration below for the right-hand portion 
	of the image, instead of background-color ***/
	/* background: #777 url(/images/header/header_right.gif) right top no-repeat; */
	/* background-color: #777;  */
	
	background: #777 url(/images/header/cmj-rmc.jpg) right top no-repeat; 
	
}

#masthead p#site_title {
	/*** If you want an image in the header, you'd use the background declaration below for the left-hand portion 
	of the image ***/
	/* background: url(/images/header/header_left.gif) left top no-repeat; */
}

/* Font colour for the breadcrumb (navigation path) hyperlinks */
#breadCrumbs a {		
	color: #444;	
}

/* Font colour for the breadcrumb (navigation path) hyperlinks, on mouse hover */ 
#breadCrumbs a:hover {
	color: #900;
}


/* --- Skiplinks that appear at the top of the page on tab --- */

/* (Using a descendant selector here is not possible because IE6 will not properly give
focus to links when they are tabbed through backwards) */
a#skipContent:focus, a#skipContent:active, a#skipMenu:focus, a#skipMenu:active,
a#skipInstitutional:focus, a#skipInstitutional:active {
	border: 2px solid #ccc; /* border width, style and colour */
	background-color: #eeead1; /* background colour */
}

/* Skiplink hyperlinks colour */
#skiplink a {
	color: #00f;
}

/* Skiplink visited hyperlinks colour.  This should be different than the colour above */
#skiplink a:visited {
	color: #444;
}

/* Skiplink hyperlinks colour, on mouse hover */
#skiplink a:hover {
	color: #c00;
}

/* ---------------------------------------------------------------- 
 	=FOOTER
------------------------------------------------------------------- */	
/* Colour of the footer strip -- this must be a Web-smart colour */
#footer {
	border-top-color: #777;
}

/* Font colour for the date modified */
#mod {
	color: #444;
}

/* Font colour for the Important Notices and Top of Page hyperlinks */
#notices a, #top a, #topOfPage a {
	color: #444;
}

/* Font colour for the Important Notices and Top of Page hyperlinks, on hover */
#notices a:hover, #top a:hover, #topOfPage a:hover {
	color: #900;
}		
	
/* ---------------------------------------------------------------- 
 	=MENU
------------------------------------------------------------------- */	
/*** LEFT-NAVIGATION MENU ***/

/* Text colour for the headings */
#nav h2, #nav form h2 label {
	color: #fff;	
}

/* Background colour for the headings and spacers */	
#nav h2, #nav .spacer {
	background-color: #777;
}		

/* Font colour for the first level of links */
#nav a {
	color: #444;
}

/* This sets the style of the active menu item link (it can be text bolding, colour, underlining) */
#nav a.navActive {
	font-weight: bold;
}

/* Top border colour and background colour for the first level of links */
#nav ul li {
	border-top-color: #ada679;
	background-color: #eeead1;
}

/* Font colour for the second level of links */
#nav ul ul a {
	color: #444;	
}

/* If you do not wish the menu to expand and contract, delete the following style */
#nav ul ul {
	display:none;
}	

/* Background colour for the second level of links */
#nav ul ul, #nav ul ul a, #nav ul ul li {
	background-color: #f6f4e8;
}

/* Colour for the bullets in the second menu level */
#nav ul ul li {
    color: #666;
}

/* Colour for the "What is this" link in the Style Switcher box */
#nav .switcherLink {
	color: #444;
}


/*** SIDEBAR AND SUPPLEMENTAL CONTENT ***/

/* Text colour for the headings */
#sidebar h2, #suppContent h2, #sidebar #frm h2, #sidebar #frm h2 label, #suppContent #frm h2 label {
	color: #fff;	
}

/* Background colour for the headings and spacers */
#sidebar h2, #sidebar .spacer, #suppContent h2, #suppContent .spacer, 
#sidebar #frm h2, #sidebar #frm h2 label, #suppContent #frm h2 label {
	background-color: #777;
}

/* Background, text and border colours for simple boxes in the sidebar and suppl. content */
#sidebar p, #suppContent p {	
	background-color: #fff;
	color: #444;
	border-color: #ccc; 		
}

/* Font colour for the hyperlinks */
#sidebar a, #suppContent a, #main #suppContent ul li a:hover, 
#sidebar #slideshow li a, #sidebar #slideshow li a:hover {
	color: #444;
}

/* Font colour for the visited hyperlinks */
#sidebar a:visited, #suppContent a:visited, #sidebar #slideshow li a:visited {
	color: #444;
}

/* Colour of bullets & non-linked text, and box border colour for the sidebar and suppl. content */
#sidebar ul, #suppContent ul {
	color: #444;
	border-color: #ccc;
}

/* Background colour for the list items */
#sidebar ul, #sidebar ul ul, #sidebar ul ul li, #sidebar ul ul a, 
#suppContent ul, #suppContent ul ul, #suppContent ul ul li, #suppContent ul ul a {
	 background-color: #fff; 
}

/* First level list item top border colour */
#sidebar ul li, #suppContent ul li {
	border-top-color: #ccc;
}

.cmpCrest {
	text-align: center;
	}




/*------ Slideshow ------*/

/* Background colour for the slideshow and list of links */
#sidebar #slideshow, #sidebar #slideshow li {  
    background-color: #fff;
}

/* Border colours around the slideshow list of links */
#sidebar #slideshow {
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #ccc;
}

/* Colour of the dividing lines between list of links items */
#sidebar #slideshow li {
	border-top-color: #e1dcc9;
}

/* Border colour at the left and right of the slideshow buttons */
#sidebar #slideinterface {
	border-right-color: #ccc;
	border-left-color: #ccc;
}


/* ---------------------------------------------------------------- 
 	=FORMS
------------------------------------------------------------------- */ 		
/* Label text colour in forms */
label {
	color: #666;	
}

/* Text colour for the legend in a fieldset */
legend {
	color: #19307f;
}

/* Background, text and border colours for buttons */
.submit-button, .homeSubmit {
	background-color: #eee;
	color: #555;
	border-color: #777;
}

/* Border colour for the input boxes */
.input-box{
	border-color: #aaa;
}

/* Textarea width and height */
textarea.input-box {
	width: 95%;
	height: 6em;
}

/* --- Advanced Search styles ---- */
/* Background colour for the headings (labels) */
#QForm fieldset table th {
	background-color: #e8e8e8;
}


/* ---------------------------------------------------------------- 
 	=UTILITIES
------------------------------------------------------------------- */ 
/* Border colour and style for excerpts from a document, book, etc. */
.excerpt {
	border-style: solid;
	border-color: #ccc;
}

/* Style for chapter or page navigation */
.chapterNav {
	text-align: center;
	font-weight: bold;
}


/* ---- Images, photos and icons ---- */

/* Photo with border around it (for biographies, etc).  This can have a text caption under the picture.  Set the border colours below. */
.photoFrame, .photoFrameAlt {
	border-top-color: #127;
	border-right-color: #127;
	border-bottom-color: #127;
	border-left-color: #127;	
}


/* ---- Boxes and notices ----	 */

.labelBox, #sidebar .labelBox {
	background-color: #f5f5f5; /* lighter gray */
	color: #444;
	border: 1px solid #ddd;	
}

.alternateLabelBox, #sidebar .alternateLabelBox {
	background-color: #fff; /* white */
	color: #444;
	border: 1px solid #ccc;
	}
	
.noticeBox, #sidebar .noticeBox {
	background-color: #eee; /* light gray */
	color: #444;
	border: 1px solid #bbb;	
}

.importantBox, #sidebar .importantBox {
	background-color: #c00; /* red */
	color: #fff;
	border: 0;	
	font-weight: bold;
}

/* Hyperlink colour and decoration for important boxes */
#main .importantBox a, #main .importantBox a:visited, #main .importantBox a:hover, 
#sidebar .importantBox a, #sidebar .importantBox a:visited, #sidebar .importantBox a:hover {
	color: #fff;
	text-decoration: underline;
}

.docFormats {
	background-color: #f5f5f5; /* lighter gray */
	color: #444;
	border: 1px solid #ddd;	
}

.note, #sidebar .note {
	background-color: #eee; /* light gray */
	color: #444;
}

/* ---------------------------------------------------------------- 
 	=UNIQUE TO SITE
------------------------------------------------------------------- */