﻿/* CSS Document */
/* RCM Library style */
/* last amended by julie 27/05/09 */
html {
	height: 100%;
}
body {
	background-color: #ccc8b8; 
	font-family: Arial;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
div#pageContainer {
	background-image: url(/images/mainBg.gif);
	background-color: #ffffff;
	background-repeat: repeat-y;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: auto;
	min-height:100%;
	padding-bottom: 40px;
	position: relative;
	text-align: left;
	width: 800px;
}
* html div#pageContainer {
	height: 100%
}
div#pageContainer2columns {
	background-image: none;
	background-color: #ffffff;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: auto;
	min-height:100%;
	position: relative;
	text-align: left;
	width: 800px;
}
* html div#pageContainer2columns {
	height: 100%
}
/********************************************************************************************************/
div#header {
	background-color: #000000;
	padding: 0;
	margin: 0;
	min-height: 1px;
}
div#header:after {
	clear: both;
	content: " ";
	display: block;
}
*html div#header {
	height: 1px;
}
/*not used, removed 27/05/09*/
/*div#libraryLogo {
	float: left;
	height: 130px;
	margin: 13px 13px 0 13px;
	width: 150px;
}
div#libraryLogo a {
	display: block;
	height: 130px;
	text-decoration: none;
	width: 150px;
}
div#libraryLogo img {
	height: 131px;
}*/
/* not used replaced by graphic
div#heading {
	background-color: #fefee8;
	color: #ae0036;
	float: left;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 4px 4px 4px;
	margin: 75px 0 0 13px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}*/
div.banner {
	background-image: url(../pageImages/Libraryheader2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	height: 159px;
	margin: 0 0 0 11px;
	padding: 0;
	width: 621px;
}
div#rcmLogo {
	float: right;
	height: 158px;
	padding: 0 13px;
	margin: 0;
}
/***************************************************/
div#headerForms {
	color: #ffffff;
	padding: 0;
	margin: 0;
	width: 100%;
}
div#headerForms form {
	margin: 0;
	padding: 0;
}
div#headerForms label {
	font-size: .7em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	vertical-align: text-top;
}
div#headerForms input {
	font-size: .7em;
	margin: 0;
}
div#headerForms input.btn {
	font-size: .7em;
	margin: 0;
	padding: 0 .2em;
	width: auto;
}
div#headerForms div.libraryLogin {
	float: left;
	padding: 2px 8px;
	margin: 0;
}
div#headerForms div.search {
	float: right;
	padding: 2px 8px;
	margin: 0;
}
/********************************************************************************************************/
div#body {
	clear: both;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 800px;
}
*html div#body {
	height: 1px;
	overflow: visible;
}
/********************************************************************************************************/
div#leftColumn {
	float: left;
	padding: 0;
	width: 200px;
}
/********************************************************************************************************/
/* main navigation */
div.mainNav {
	margin: 0;
	padding: 5px;
}
ul.level2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.level2 li {
	margin: 0 0 5px 0;
	padding: 0;
}
ul.level2 a, ul.level2 span {
	background-color: #b30134;
	background-position: 4px 5px;
	background-repeat: no-repeat;
	color: #ffffff;
	display: block;
	font-size: .8em;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}
/*ul.level2 a.level2 {
	background-image: url(../pageImages/downArrow.gif);
}
ul.level2 li.parent a.level2 {
	background-image: url(../pageImages/rightArrow.gif);
}
ul.level2 span.level2 {
	background-image: url(../pageImages/rightArrow.gif);
}*/
/***************************************************/
ul.level3 {
	background-color: #ffffff;
	border-right: 2px #b30134 solid;
	border-bottom: 2px #b30134 solid;
	border-left: 2px #b30134 solid;
	list-style: none;
	margin: 0;
	padding: 0 0 2px 0;
}
ul.level3 li {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
ul.level3 a, ul.level3 span {
	background-color: #ffffff;
	color: #000000;
	display: block;
	font-weight: normal;
	padding: 0 5px 0 5px;
	text-decoration: none;
}
ul.level3 a:hover {
	color: #b30134;
}
ul.level3 span {
	font-weight: bold;
}
/***************************************************/
ul.level4 {
	border-top: 1px #b30134 solid;
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
ul.level4 li {
	margin: 0;
	padding: 0;
}
ul.level4 a, ul.level4 span {
	background: none;
	color: #000000;
	display: block;
	font-weight: normal;
	padding: 0 5px 0 10px;
	text-decoration: none;
}
ul.level4 a:hover {
	color: #b30134;
}
ul.level4 span {
	font-weight: bold;
}
/***************************************************/
ul.level5 {
	border-top: 1px #c0c0c0 solid;
	list-style: none;
	margin: 0 5px 0 10px;
	padding: 0;
}
ul.level5 li {
	margin: 0;
	padding: 0;
}
ul.level5 a, ul.level5 span {
	background: none;
	color: #000000;
	display: block;
	font-weight: normal;
	padding: 0 5px 0 10px;
	text-decoration: none;
}
ul.level5 a:hover {
	color: #b30134;
}
ul.level5 span {
	font-weight: bold;
}
/********************************************************************************************************/
div.libraryNav {
	display: none;
	margin: 0 6px;
}
div#pageContainer2columns div.libraryNav div.collapse, div#pageContainer2columns div.libraryNav div.expand {
	float: left;
	margin: 0 0 8px 8px;
	width: 240px;
}
div#pageContainer2columns div.libraryNav div.heading {
	background-color: #b30134;
	color: #ffffff;
	font-size: 1em;
	height: 2.5em;
	padding: 4px 0;
}
div#pageContainer div.libraryNav div.heading {
	background-color: #b30134;
	background-repeat: no-repeat;
	background-position: 2px 12px;
	color: #ffffff;
	font-size: 1em;
	margin-top: 6px;
	padding: 10px 0;
}
div#pageContainer div.libraryNav div.collapse div.heading {
	background-image: url(../pageImages/downArrow.gif);
}
div#pageContainer div.libraryNav div.expand div.heading {
	background-image: url(../pageImages/rightArrow.gif);
}
div.libraryNav a {
	display: block;
	text-decoration: none;
}
*html div.libraryNav a {
	height: 1px;
	width: 100%;
	cursor: pointer;
}
div.libraryNav div.heading a {
	color: #ffffff;
}
div#pageContainer div.libraryNav div.heading span {
	color: #ffffff;
	padding: 2px 6px 2px 22px;
}
div#pageContainer2columns div.libraryNav div.heading span {
	color: #ffffff;
	padding: 0 6px;
}
div#pageContainer div.libraryNav span {
	display: block;
	font-size: .8em;
	padding: 1px 6px;
}
*html div#pageContainer div.libraryNav span {
	height: 1px;
}
div#pageContainer2columns div.libraryNav span {
	padding: 0 6px;
}
div.libraryNav ul {
	margin: 0;
	padding: 0;
}
div#pageContainer div.libraryNav div.collapse ul {
	display: none;
}
div#pageContainer2columns div.libraryNav ul {
	height: 4.8em;
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
	width: 236px;
}
div.libraryNav ul a {
	color: #000000;
}
div.libraryNav ul a:hover {
	color: #ae0036;
}
div.libraryNav ul.level2 {
	background-color: #ffffff;
	border: 2px solid #b30134;
	margin: 0;
	padding: 1px 0;
}
div.libraryNav li.thispage ul {
	margin: 0 0 0 30px;
	padding: 0;
}
div.libraryNav li.thispage li {
	list-style-type: default;

}
div.libraryNav ul.level3 {
	border-top: 1px solid #b30134;
	margin: 0 6px;
	padding: 1px 0;
	list-style-type: none;
}
/********************************************************************************************************/
div.pagecontent {
	float: left;
}
/********************************************************************************************************/
div#footerContainer {
	margin-top: -40px;
	position: absolute;
	width: 100%;
}
div#footer {
	background: #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	color: #ffffff;
	font-size: .7em;
	height: 40px;
	margin: 0 auto;
	padding: 6px 0;
	width: 800px;
}
div#footer a {
	color: #ffffff;
}
div#footer span {
	display: block;
	padding: 0 6px;
}