/* Global styles */
/* Remove default margin and padding on all elements */
* {
	padding: 0;
	margin: 0;
}

.hidden
{
	position:absolute;
	left: -1000px;
}
/* OWL change to solve Newsletter page 'Go' button from showing */
.hidden {
	position:absolute;
	left:-1000px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}


/* Remove border from elements that show by default, but keep for forms */
img {
	border: 0;
}
fieldset {
	border: 0;
}
select, input, label, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	display: inline;
}
h2 {
	line-height: 1em;
	margin-bottom: .1em;
}
p {
	padding: 0 .6em 0 1.2em;
	font-size: .95em;
	margin-bottom: 10px;
	line-height: 1.3em;
}
a:link, a:visited, a:active {
	text-decoration: underline;
}



#internalcontent a:hover {
	background-color: #fceb9d;
}
/* hp 150106 focus and active states added */
#internalcontent a:focus, #internalcontent a:active {
	background-color: #FCEB9D;
}
.left {
	float: left;
}
.right {
	float: right;
}

.alignright {
	text-align: right;
	margin-right: 1em;
}
.spacer {
	content: ".";
	font-size: 0px;
    display: block;
    /*hp051106 - changed height to min-height
    height: 1px;
    */
	height:0px;
    min-height: 0px;
    clear: both;
	line-height: 0px;

}



/*hp - removed leading line from html .spacer {height:1%} */
/* Hides from IE-mac \*/
* html .spacer {height: 1%;}
.spacer {display: block;}*/
/* End hide from IE-mac */

.bold {
	font-weight: bold;
}
.hiddentext {
	position: absolute;
	left: -9999px;
	width: 990px;
}
.smalltext {
	font-size: .8em;
	line-height: 1.2em;
}
ol {
	margin-left: 3.3em;
	font-size: .95em;
}
ol li {
	margin-bottom: .5em;
}
.created {
	text-align: center;
	font-size: .8em;
	margin-top: 1em; /* OWL change */
	margin-bottom: 0;
	display: block;
	padding-bottom:1em;
}
/* Default values for the body */
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFAE9;
    font-size: 104%;
}

/* Wrapper for the entire page */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 46.5em;
}

/*Turn Skip Navigation off*/
a.skip {
	position: absolute;
	left: -9999px;
	width: 990px;
}

/* Top utility bar */
#topBar {
	width: 100%;
	font-size: .75em;
	line-height:2.3em;
	background:#F9DD54; /*url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/topbar-rightcnr.gif) bottom right no-repeat ; /* OWL - taken out*/ 
	height: 2.3em;
}
#topBar ul.toplinks {
	float: left;
	padding: 0 0px 0 .8em;
	/*background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/topbar-leftcnr.gif) bottom left no-repeat; /* OWL - taken out*/ 
}
#topBar ul.toplinks li {
	list-style: none;
	display: inline;
	padding: 0 .3em;
	/*background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/toplinks-nav-seperator.gif) bottom right no-repeat; /* OWL - taken out*/ 
}
#topBar ul.toplinks li.last {
	padding: 0 0 0 .3em;
	background: none;
}
#topBar a:link, #topBar a:visited, #topBar a:active {
	color: #111111;
	background: #F9DD54;
}
#topBar a:hover {
	background: #FCEB9D;
}
ul.search {
	float: right;
	padding: 0 .5em 0 0;
}
ul.search li {
	list-style: none;
	float:left;
}
ul.search label {
	font-weight: bold;
	margin-right: 5px;
	line-height: 2.3em
}

/* font-size, width and height applied in ie_system.css */
ul.search li.searchbox input {
	height: 1.4em;
	width: 8em;
	margin:0.2em;
}


ul.search li.goButton input {
	background: #6B569F;
	width: 2.3em;
	cursor: hand;
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 0;
	height: 1.6em;
	margin-top:0.3em; /* OWL - just for ie6 */
}
div>ul.search li.goButton input { /* OWL - correct for all others */
	margin-top:inherit;
}



/* Main Header */
#header h1 {
	font-size: 1em;
	margin:0;
	padding:0;
}
/* hide from mac \*/
#header .left {
	width:58%;
}
/*end hide */
#header .left img {
	width: 5.2em;
	height: 7.57em;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
#header .right img {
	width: 19.4em;
	height: 7.6em;
	position: relative;
	right: 0;
	top: 0;
}
#header .titleText {
	float: left;
	position: relative;
	top: 0;
	width: 21em;
	
}
#header .title, #header .tagline {
	position: relative;
	font-size: 1.2em;
	font-family: Trebuchet MS;
	letter-spacing: -.01em;
	font-weight: 500;
	line-height:1.4em;
}



/* OWL header links */
#header .tagline, #header .tagline a {
	color: #cc6600;
	top: 1.7em;
}
#header .title, #header .title a{
	color: #000;
	top: 2em;
}

#header a, #header a:link, #header a:visited, #header a:visited   {
	text-decoration:none;
	color: inherit;
}
/* END OWL header links */


/* Horizontal tabbed menu styles*/
#menu {
	font-size: .75em;
	width: 100%;
	margin-bottom: .0;
	float: left;
/* Hide from Mac IE 5 \*/
	clear: both;
/* End Hack */
	
}
/* Remove float for all browsers except IE Mac \*/
#menu {
	float:none;
}
/* End hack */

#menu li a:link, #menu li a:visited, #menu li a:active {
	display: block;
	color: #000;
	text-decoration: none;
	float: left;
	height: 1%; /*OWL - force display block*/
}
#menu li span a{
	padding: 0.8em .25em ;
	display:block;
}

#menu li.top-left-current span span{
	padding: 0.8em .25em ;
	display:block;
}


#menu li.top-left-current span a span {
	padding: 0;
}


#menu li.tab8nav span a{ /* OWL for single line tab "Complaints" needs to be set after tab number is found out*/
	padding: 1.45em .25em ;
}
#menu li span span,#menu li.tab8nav span span{ /*OWL - when there are 2 spans ensures second does not effect height*/
	padding: 0;
	margin:0;
	display:inline;
}




/* Remove float for all browsers except IE Mac \*/
#menu li a.doubleline:link, #menu li a.doubleline:visited, #menu li a.doubleline:active{
	border: solid #000000 0px;
	float: none;
}

#menu li a.doubleline:link, #menu li a.doubleline:visited, #menu li a.doubleline:active {
	border: solid #000000 0px;
	float:none;
}
/* End hack */

/* Remove float for all browsers except IE Mac \*/
#menu a.doubleline:link, #menu a.doubleline:visited, #menu a.doubleline:active {
	float: none;
}
/* End hack */


#menu ul li {
	float: left;
	display: inline;
	list-style: none;
	margin-right: .3em;
	line-height:1.3em; /* OWL insert  */
	height:4.1em;
}

/* OWL different widths of tabs needs to be set manually depending on text */

#menu ul li.tab0nav { /* Looking for care services */
	width: 8em;
}
#menu ul li.tab1nav { /* Using care services */
	width: 6.6em;
}
#menu ul li.tab2nav { /* Caring for someone */
	width: 6.35em;
}
#menu ul li.tab4nav { /* Find a care service */
	width: 7.1em;
}
#menu ul li.tab6nav { /* Find a report */
	width: 5em;
}
#menu ul li.tab5nav { /* Get advice */
	width: 5em;
}
#menu ul li.tab7nav { /* Get involved */
	width: 5.4em;
}
#menu ul li.tab8nav {/* Complain */
	width: 5.8em; /* was 5.9em*/
	margin-right:0;
}
#menu ul li.tab9nav { /* Contact us */
	width: 5.56em;
	margin-right:0;
}
#menu ul li.tab17nav { /* About us */
	width: 4em;
	
}

/* Menu items under 'I am a' heading */

#menusection1, #menusection2, #menusection3 {
	float: left;
/*	height: 4em;*/
}
#menusection1{
	width: 21.95em;
}
#menusection2 {
	width: 29.93em; /* 36.02 */ 
}

#menusection3 {
	float: right;
}




/* OWL li colours for backgrounds */

#menusection1 ul li{
	background-color: #ecbe88;
}
#menusection2 ul li {
	background-color: #c5bcd9;
}
#menusection3 ul li {
	background-color: #74C0C9;
}

ul li.top-left, li.top-left-current {
	background-image:url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/menutopleft.gif);
	background-repeat: no-repeat;
	background-position:top left;
}
div.top-right, div.top-right-current {
	background-image:url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/menutopright.gif);
	background-repeat: no-repeat;
	background-position:top right;
}
/* New Styling for the 'current' state menuSection1 */
#menusection1 ul li.top-left-current, #menusection2 ul li.top-left-current, #menusection3 ul li.top-left-current{
	background-color: #f9dd54;
}



/* OWL rollover style */
#menu li a.doubleline:hover, #menu li a.doubleline:focus {
	text-decoration: underline;
	/*background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/templates/default/css/images/corners/menutopleft.gif) top left no-repeat #f9dd54;*/ 
}





/* Left Navigation */
/* Default Styles */
#leftNav a:link, #leftNav a:visited, #leftNav a:active {
	color: #000;
	text-decoration: none;
	padding: .44em .38em .38em .5em;
	font-size: .8em;
	letter-spacing: -.5px;
	display: block;
}
#leftNav a:hover {
	text-decoration: underline;
}
a.on {
	font-weight: bold;
}
#leftNav ul li ul li.current { 
	background:#fbe784 url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/navdash.gif) no-repeat .4em .6em; /* OWL inserted background colour */
}

#leftNav ul li ul li ul li.current {
	background:#fdf1c8 url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/navdash.gif) no-repeat 1em .5em; /* OWL inserted background colour */
}

#leftNav {
	width: 9em;
	line-height: 1.2em;
	float: left;
	position: relative;
	z-index: 2;
	background:#F9D527;
	
}



/* widths have been applied to these span tags in ie_system.css */
#leftNav ul li span {
	padding: .5em .38em .4em .5em;
	font-size: .8em;
	display:block;
	font-weight:bold;
	border-bottom:1px solid white;
}
#leftNav ul li ul li span {
	padding: .3em .38em .3em 1.5em;
}
#leftNav ul li ul li ul li span {
	padding: .1em .3em .05em 2.13em;
}
#leftNav li a {
	border-bottom:1px solid white;
}

/* Level 1 Styles */
#leftNav li {
	list-style: none;
}

#leftNav ul li.first {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-tr.gif) no-repeat top right;
}
#leftNav ul li a.first {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-tl.gif) no-repeat top left;
}
#leftNav ul li.first span {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-tl.gif) no-repeat top left;
}
#leftNav ul li.first ul span {
	background: none; 
}
#leftNav ul li.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-br.gif) no-repeat bottom right #F9D527;
}
#leftNav ul li a.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-bl.gif) no-repeat bottom left;
}
#leftNav ul li.last span {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-bl.gif) no-repeat bottom left;
}
#leftNav ul li.last a {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav1-bl.gif) no-repeat bottom left;
}

/* Level 2 Styles */
#leftNav ul li ul li {
	background: #fbe784;
	font-size: .85em;
}

#leftNav ul li ul li a:active, #leftNav ul li ul li a:link, #leftNav ul li ul li a:visited {
	padding: .3em .38em .3em 1.5em;
}
#leftNav ul li ul li.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav2-br.gif) no-repeat bottom right #fbe784; /* Owl change */
}
#leftNav ul li ul li a.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav2-bl.gif) no-repeat bottom left;
}
#leftNav ul li ul li.last span {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav2-bl.gif) no-repeat bottom left;
}



/* Level 3 Styles */
#leftNav ul li ul li ul li {
	background: #fdf1c8;
	font-size: 1em;
}
#leftNav ul li ul li ul a:active, #leftNav ul li ul li ul a:link, #leftNav ul li ul li ul a:visited {
	padding: .1em .3em .05em 2.13em;
}
#leftNav ul li ul li ul li.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav3-br.gif) no-repeat bottom right #FDEEA9;
}
#leftNav ul li ul li ul li a.last {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav3-bl.gif) no-repeat bottom left;
}
#leftNav ul li ul li ul li.last span {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/leftnav3-bl.gif) no-repeat bottom left;
}




/* Wrapper for nav and main content */
#pageBody {
	
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/tabs-strip-tr.gif) no-repeat top right;
	padding-top:0.8em;
	width: 100%;
	float: left;
/* Hide from Mac IE 5 \*/
	float: none;
	clear: both;
/* End Hack */
}
/* OWL - Tab strip styling */
#tabstrip {
	background: transparent url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/tabs-strip-tl.gif) no-repeat 0.4em left;
	border-top: 0.4em solid #f9dd54; /* OWL change - tab base yellow strip */
	clear: both;
	float: none;
	min-height: 1px;
}
div>div#tabstrip {
	background: transparent url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/tabs-strip-tl.gif) no-repeat top left; /* correct ie6 position 0.4 */
	}




/* Main content */
#content-nonav {
	float: left;
	width: 100%;
	background: #F9DD54;
	line-height: 1.3em;
}

#internalcontent {
	line-height: 1.4em;
}


/* Div for height main content column */


.mainBgColumn {
	width: 36.5em;
	margin-left: 9.8em; /* OWL change - was 9.6em */
	height: 100%;
	background-color: #F9DD54;
}

* html .mainBgColumn 
{
	height: expression( this.offsetParent.offsetHeight - this.offsetTop ); /* OWL change inserted "- this.offsetTop" */
	
}


/* Corners for the main content section */
#content-nonav .main-tl, #internalcontent .main-tl,
#content-nonav .main-tr, #internalcontent .main-tr,
#content-nonav .main-bl, #internalcontent .main-bl,
#content-nonav .main-br, #internalcontent .main-br {
	float: left;
	width: 100%;
	/* Hide from Mac IE 5 \*/
		float: none;
	/* End Hack */
}
#content-nonav .main-tl, #internalcontent .main-tl  {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-main-tl.gif) top left no-repeat;
}
#content-nonav .main-tr, #internalcontent .main-tr  {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-main-tr.gif) top right no-repeat;
}
#content-nonav .main-bl, #internalcontent .main-bl {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-main-bl.gif) bottom left no-repeat;
}
#content-nonav .main-br, #internalcontent .main-br {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-main-br.gif) bottom right no-repeat;
}

/* Breadcrumb */
#breadcrumb {
	display: block;
	font-size: .8em;
	padding: .5em 1em .5em 1.875em;
	position: relative;
	z-index: 2;
}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color: #333632;
}
#breadcrumb a:hover {
	background: #fceb9d;
}

/* Full width content container */
.column3 {
	float: left;
	width: 94%;
	margin: 0 3%;
	display: inline;
}
/* Narrower left hand column for 2 col layout on the landing pages */
.column4 {
	float: left;
	width: 34%;
	margin: 0 0 0 3%;
	display: inline;
}
/* Wider right hand column for 2 col layout on the landing pages */
.column5 {
	float: right;
	width: 57%;
	margin: 0 3% 0 0;
	display: inline;
}
/* Left hand column for the speeches form layout */
.column9 {
	float: left;
	width: 60%;
	margin: 0 0 0 3%;
	display: inline;
}
/* Right hand column for the speeches form layout */
.column10 {
	float: right;
	width: 31%;
	margin: 0 3% 0 0;
	display: inline;
}
/* Style for image and caption within content pages */
.contentimage {
	margin: .5em 1.5em .3em 1.2em;
	float: right;
}
.imagecaption {
	font-size: .7em !important;
	line-height: 1.4em;
	float: right;
	width: 240px;
	clear: both;
	margin-right: 1.7em;
	display: inline;
}
/* Light brown box in the content area */
.content {
	background: #fffae9; /* OWL change from #FFF6D7 */
	width: 100%;
	margin-bottom: .6em;
	float: left;
	xposition: relative; /* OWL xposition??? */
	xz-index: 2; /* OWL xz-order - why need z-order for relative positioning???? */
}
/* Remove float from all browsers except IE Mac \*/
.content {
	float: none;
}
.content a {
	padding: 0.1em 0;
}
/* End Hack */
.content .top-left, .content .bottom-left, .content .top-right, .content .bottom-right {
	float: left;
	width: 100%;
	/* Hide reset float from Mac IE 5 \*/
		float: none;
	/* End Hack */
}
.top-left {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-lightbrown-tl.gif) top left no-repeat ;
}
.content .bottom-left {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-lightbrown-bl.gif) bottom left no-repeat;
}
.content .top-right {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-lightbrown-tr.gif) top right no-repeat;
}
.content .bottom-right {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/content-lightbrown-br.gif) bottom right no-repeat;
	padding-bottom: .4em;
}
.content h1 {
	font-size: 1.3em;
	font-weight: 200;
	padding: .6em .9em .3em .9em;
	display: block;
}
.content h2 {
	font-size: 1.2em;
	font-weight: 200;
	padding: .9em .9em .3em .9em;
}

/* Content list styles */
.content ul {
	margin-left: 2em;
	font-size: .95em;
	margin-right: 1em;
}
.content ul li {
	margin-bottom: .5em;
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/blackbullet.gif) no-repeat 0 .65em;
	list-style: none;
	padding-left: 1.2em;
}
.content ul a:link, .content ul a:visited, .content ul a:active {
	padding: .2em 0;
}

/* Brown button in the content area */
.brownButton {
	margin: .2em 1.3em .2em .6em;
	font-size: .9em;
	float: right;
	display: inline;
	text-align: center;
	clear:both;
}
.brownButton a:link, .brownButton a:visited, .brownButton a:active {
	color: #fff;
	font-weight: bold;
	padding: .2em .4em;
	width: 8.2em;
	display: block;
	text-decoration: none;
}
.brownButton a:hover {
	background: none;
	text-decoration: underline;
}
.brownButton div.button-bl {
	float: left;
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/brown-lbBg-bl.gif) bottom left no-repeat #DB8824;
}
.brownButton div.button-tr {
	float: left;
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/brown-lbBg-tr.gif) top right no-repeat;
}
.brownButton div.button-br {
	float: left;
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/brown-lbBg-br.gif) bottom right no-repeat;
}
.brownButton div.button-tl {
	float: left;
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/corners/brown-lbBg-tl.gif) top left no-repeat;
}
/* Reset float for all browsers except IE 5 Mac \*/
.brownButton div.button-bl, .brownButton div.button-tr,
.brownButton div.button-br, .brownButton div.button-tl {
	float: none;
}
/* End Hack */


/* Form elements */
fieldset {
	margin: 0em;
	font-size: .98em;
}
/* Make the margin smaller for Mac IE 5 \*/
fieldset {
	margin: 1.2em;
}
/* End Hack */
/* Overiding the left padding on the .brownbox p style */
fieldset p {
	padding-left: 0em !important;
}
form .brownButton {
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.servicesdir {
	float: left;
	padding-top: 5px;
}
.servicesdir a:hover {
	text-decoration: none;
}
#fSubmit, #fSubmit1, #fSubmit2, #fSubmit3 {
	margin: .2em;
	background: #DC8B2A;
	color: white;
	font-weight: bold;
	border: 0;
	cursor: hand;
	c\ursor: pointer;
}
#fSubmit:hover, #fSubmit1:hover, #fSubmit2:hover, #fSubmit3:hover {
	color: black;
}
/* Some values are overridden for Netscape 6 browser in netscape6.css and in ie-styles.css */
.formcontainer label {
	width: 10em;
	margin-right: 0.5em;
	display: block;
	float: left;
	clear: left;
}
.formcontainer ul.checkbox {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;

}
.formcontainer ul.checkbox li label {
	width: auto;
	margin-right: 0.5em;
	display: inline;
	float: left;
	clear: none;
}

.formcontainer ul.checkbox input {
	float: left;
	clear: left;
	margin: 0 .5em 0 0;
	padding: 0;
}
.formcontainer ul.checkbox li {
	background-image: none;
	margin: 0 0 0 11em;
	padding: 0;
	clear: left;
}
.formcontainer {
	display: block;
	margin-bottom: 1em;
	clear: both;
}
.clear {
	clear: left;
}

/*self clearing floats*/
.formcontainer ul.checkbox:after { content: ".";   display: block;   height: 0;  clear: both;   visibility: hidden; }

.dataprotection {
	display: block;
	margin-bottom: 1em;
	width: 100%;
}
input#fDataprotection {
	width: 1em;
}
label img {
	vertical-align:20%;
	padding-left: .2em;
}
/* Some values are overridden for Netscape 6 browser in netscape6.css and also in ie-styles.css */
label.inline {
	margin-right: 0.5em;
	margin-left: 1.5em;
	float: none;
	display: inline;
}
select.multiselect {
	width: 17.9em;
	height: 6em;
}

/* Star Ratings form elements */
.fStarratings label {
	width: 7.4em;
}
.fStarratings select#fSort {
	width: 23.7em;
	margin-bottom: 1em;
}

/* Speeches form elements */
.fSpeeches input {
	width: 10em;
}
.fSpeeches select {
	display: inline;
	width: 10.2em;
}
.fSpeeches select#fYear {
	width: 4.3em;
}
.fSpeeches select#fDate {
	width: 5.3em;
}
.fSpeeches #fSubmit {
	width: 5em;
}
.fSpeeches .brownButton {
	margin-left: 1.2em;
	margin-right: 0;
	margin-top: 1em;
}
fieldset.fSpeeches {
	padding-top: 1.5em;
	margin: .7em;
	font-size: .98em;
}
/* display: block overridden for Netscape 6 browser in netscape6.css */
.fSpeeches label {
	padding-top: .4em;
	display: block;
}

/* Styling for SearchListings form template */
.fSearchListings textarea {
	width: 17.8em;
	height: 8em;
}
.fSearchListings input {
	width: 17.7em;
}
.fSearchListings input#fSubmit {
	width: 7em;
}
.fSearchListings input#fSubmit.feedback {
	width: 10em;
}
.fSearchListings a {
	line-height: 1.2em;
}
.fSearchListings legend {
	padding-bottom: 1.5em;
}

/* Styling for CustDetails form template */
.fCustDetails input {
	width: 17.7em;
}
.fCustDetails input#fSubmit {
	width: 10em;
}
.fCustDetails legend {
	padding-bottom: 10px;
}
/* Styling for Confirm details page */
div.confirmdetails {
	margin: 10px 0;
}
div.confirmdetails p {
	clear: left;
}
div.confirmdetails p span.label {
	display: block;
	float: left;
	font-weight: bold;
	width: 10em;
}
div.confirmdetails p span.value {
	display: block;
	float: left;
	width: 50%;
}

/* Styling for order table */
.tblYourOrder {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-size: 100%;
	width: 95%;
}
.tblYourOrder caption {
	text-align: left;
	margin: 0 0 10px 0;
}
.tblYourOrder th {
	background-color: #6b569f;
	color: #ffffff;
}
.tblYourOrder th, .tblYourOrder td {
	border-bottom: 1px solid black;
	vertical-align: middle;
	padding: 2px 20px;
}
.tblYourOrder td input {
	width: 3em;
}
.tblYourOrder td.total {
	text-align: right;
	font-weight: bold;
}
/* Styling for report details page */
.tblSearchDetails {
	width: 95%;
	margin-left: 20px;
	font-size: 100%;
}
.tblSearchDetails caption {
	text-align: left;
	margin: 0 0 5px 20px;
}
.tblSearchDetails th {
	font-weight: normal;
	width: 45%;
	padding: 0;
}
.tblSearchDetails td {
	font-weight: bold;
	padding: 0;
}
/* Styling for Feedback form - Full page width */
.fFeedback textarea {
	width: 18em;
	height: 7em;
}
.fFeedback input {
	width: 18em;
}
.fFeedback select {
	width: 18.3em;
}
.fFeedback input#fSubmit {
	width: 10em;
}
.fFeedback .brownButton {
	float: right;
}
/* Styles for shopping basket */
form.fShoppingbasket {
	font-size: 1em;
	padding-left: 20px;
}
form.fShoppingbasket fieldset {
	margin: 0 1em 0 0 ;
	padding-bottom: 1em;
}
form.fShoppingbasket #fSubmit {
	width: 12em;
}
form.fShoppingbasket #fSubmit1,form.fShoppingbasket #fSubmit2, form.fShoppingbasket #fSubmit3 {
	width: 10em;
}
.shoppingbaskethd {
	width: 30em;
	background: #6b569f;
	color: white;
	margin-left: 1.2em;
	padding: .3em 0 .01em 0;
	height: 1.5em;
	position: relative;
	font-weight: bold;
}
.shoppingbaskethd .report {
	position: absolute;
	left: 1.2em;
}
.shoppingbaskethd .copies {
	position: absolute;
	right: .7em;
	text-align: right;
}
.shoppingbaskethd p {
	width: 20em;
}
.shoppingbasket {
	width: 29.9em;
	border: 1px solid black;
	margin-left: 1.2em;
	margin-bottom: 1em;
	position: relative;
}
.shoppingbasket p {
	padding: .8em .5em .4em 1.1em !important;
	display: block;
}
.shoppingbasket input {
	width: 2em;
	padding-left: .4em;
	margin-left: 3.5em;
	position: absolute;
	right: 2.1em;
}
/* Table formats */
table {
	font-size: .95em;
	width: 99.9%;
}
table tbody {
	font-size: .95em;
	vertical-align: top;
}
.tblListing caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 10px 20px;
}
table tr.odd {
	background: white;
}
.tblListing th {
	vertical-align: bottom;
	text-align: left;
	font-size: .95em;
}
.tblListing th, .tblListing td {
	padding: 3px;
}
.extrapadding th, .extrapadding td {
	padding: 3px 10px;
}
.tblListing td img {
	vertical-align: middle;
	padding:2px;
}
.tblListing td img.arrow {
	vertical-align: middle;
	padding-left: 2px;
}
.tblListing td img.pad {
	padding: 4px;
}
.tblListing td img.pad1 {
	padding: 4px;
	width:90px;
	height:123px;
}
.tblListing .vpad td {
	padding-bottom:10px;
}
.tblListing .indent {
	padding-left:1.3em;
}
.tblListing .indentr {
	padding-right:1em;
}

.content ul.pagination {
	font-size: 94%;
	margin-left: 0.8em;
	padding-bottom: .4em;
	padding-top: .4em;
	/*hp 280108 - fix to keep index numbers within page size
	width:32em;
	float:left;*/
}
.content ul.pagination li {
	display: inline;
	padding: 0;
	padding-right: 1px;
	list-style: none;
	background: url(http://collections.europarchive.org/tna/20081105165041/file:///C|/Documents%20and%20Settings/optimum.web%20(CG)/My%20Documents/images/results-div.gif) no-repeat right;
	/*hp 280108 - fix to keep index numbers within page size
	float:left;*/
}
.content ul.pagination li.first, .content ul.pagination li.first a,
.content ul.pagination li.last, .content ul.pagination li.last a {
	padding: 0 .4em;
}
.content ul.pagination li.last {
	background: none;
}
.content ul.pagination li.current {
	font-weight: bold;
	padding: 0 .4em;
}
.content ul.pagination a:link, .content ul.pagination a:visited, .content ul.pagination a:hover, .content ul.pagination a:active {
	padding: 0 .4em;
}
/* Address details for report page */
.detailsContent {
	clear: both;
	width: 100%;
	margin-top: 1.3em;
}
.detailsContentleft {
	float: left;
	width: 49%;
}
/* hide the clear from Mac IE 5 to stop it inheriting it \*/
.detailsContentleft {
	clear: both;
}
/* end hide */
.detailsContentright {
	float: right;
	width: 49%;
}
.detailsContentDownloads {
	font-size: .95em;
}
/* Colour options page styles */
.content ul.changestyles {
}
.content ul.changestyles li {
	background: none;
	width: 12em;
	padding: 10px;
	border: 1px solid #000000;
	font-weight: bold;
}
.content ul.changestyles li.Default,
.content ul.changestyles li.Default a:link,
.content ul.changestyles li.Default a:visited,
/* hp 111206 focus added */
.content ul.changestyles li.Default a:focus,
#internalcontent .content ul.changestyles li.Default a:hover,
.content ul.changestyles li.Default a:active {
	background-color: #fffae9; /* OWL change from #FFF6D7 */
	color: #000000;
}
.content ul.changestyles li.BlackonYellow,
.content ul.changestyles li.BlackonYellow a:link,
.content ul.changestyles li.BlackonYellow a:visited,
#internalcontent .content ul.changestyles li.BlackonYellow a:hover,
.content ul.changestyles li.BlackonYellow a:active {
	background-color: #FFFF00;
	color: #000000;
}
.content ul.changestyles li.BlackonWhite,
.content ul.changestyles li.BlackonWhite a:link,
.content ul.changestyles li.BlackonWhite a:visited,
#internalcontent .content ul.changestyles li.BlackonWhite a:hover,
.content ul.changestyles li.BlackonWhite a:active {
	background-color: #FFFFFF;
	color: #000000;
}
.content ul.changestyles li.BlackonPalePink,
.content ul.changestyles li.BlackonPalePink a:link,
.content ul.changestyles li.BlackonPalePink a:visited,
#internalcontent .content ul.changestyles li.BlackonPalePink a:hover,
.content ul.changestyles li.BlackonPalePink a:active {
	background-color: #FFDDDD;
	color: #000000;
}
.content ul.changestyles li.YellowonBlack,
.content ul.changestyles li.YellowonBlack a:link,
.content ul.changestyles li.YellowonBlack a:visited,
#internalcontent .content ul.changestyles li.YellowonBlack a:hover,
.content ul.changestyles li.YellowonBlack a:active {
	background-color: #000000;
	color: #FFFF00;
}
.content ul.changestyles li a:link, .content ul.changestyles li a:visited, .content ul.changestyles li a:hover, .content ul.changestyles li a:active {
	text-decoration: none;
}
/* Footer */
#footer {
	background: url(http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/images/footerbg.gif) no-repeat 104% 0%;
	width: 100%;
	padding-top: 1.5em; /* OWL change from .8em */
	font-size: .75em;
	white-space: nowrap;
	clear: both;
	height: 8em;
	z-index: 10;
	background-color: #fffae9;
	position: relative; 
	min-width: 0; 
}
	
#footerLinks {
	float: left;
	padding-left: 13em;
	letter-spacing: -1px;
	line-height: 1.5em;
	width: 70%;
}
#footer img {
	float: left;
}

/* OWL NEW - homepage footer logos */
#footer #footer-logos p {
	margin:0;
	padding:0;
}
#footer #footer-logos {
	width: 150px;
	float:left;
}
#footer #footer-logos img{
	padding:0px;
	border: 1px solid #999;
	margin-bottom:5px;
}
/* END - homepage footer logos */


ul.sectionLinks {
	width: 35em;
	w\idth: 31em;
	/* Hide from Mac IE 5 \*/
	w\idth: 34.1em;
	/* End Hack */
}
ul.sectionLinks li {
	float: left;
	display: inline;
	list-style: none;
	color: #333333;
	padding: 0 .3em;
}
ul.sectionLinks li.last {
	padding: 0 0 0 .3em;
	background: none;
}
/* hp 111206 a.active removed*/
/*ul.sectionLinks a:link, ul.sectionLinks a:visited, ul.sectionLinks a:active {*/
ul.sectionLinks a:link, ul.sectionLinks a:visited {
	color: #333333;
}
/* hp 111206 a:focus & a.active added*/
ul.sectionLinks a:hover, ul.sectionLinks a:focus, ul.sectionLinks a:active {
	background: #fceb9d;
}
ul.copyrightInfo {
	width: 34em;
	clear: both;
}
ul.copyrightInfo li {
	float: left;
	display: inline;
	list-style: none;
	color: #af3a01; /* OWL - better contrast */
	padding: 0 .3em;
}
ul.copyrightInfo li.last {
	padding: 0 0 0 .3em;
	background: none;
}
/* hp 111206 removed a:active */
/*ul.copyrightInfo a:link, ul.copyrightInfo a:visited, ul.copyrightInfo a:active {*/
ul.copyrightInfo a:link, ul.copyrightInfo a:visited {
	color: #af3a01; /* OWL - better contrast */
}
/* hp 111206 a:focus & a:active added*/
ul.copyrightInfo a:hover, ul.copyrightInfo a:focus, ul.copyrightInfo a:active {
	background: #fff;
	color: #000;
}
/* Sitemap styling */
ul.sitemap li.level0 {

}
ul.sitemap li.level1 {
	margin-left: 2em;
}
ul.sitemap li.level2 {
	margin-left: 4em;
}
ul.sitemap li.level3 {
	margin-left: 6em;
}

/* Search plugin styling */
.searchArea{
	padding:0 1em;
	font-size:0.95em;
	float:left;
}

.searchArea label{
	white-space:nowrap;
	font-size: 1em;
}
.searchArea select{
	width:12em;
}

.searchArea input{
	background-color: #DB8824;
	color: #fff;
	font-weight: bold;
	border: 2px solid #DB8824;
	margin-top: 3em;
}

/* Recreate default styles */
.searchArea input#Template__ctl20__ctl0_searchTerms {
	background-color: #fff;
	color: #000;
	font-weight: normal;
	border: 2px inset #D4D0C8;
	margin-top: 0;
}

.searchArea .searchInfo{

}

.searchArea table table td{
	padding:0.5em 0;
}

.searchArea .searchSum{
	padding-bottom:1em;
}

.entry {
	margin:0;
	padding:0;
	}


/* Adding classes to allow images in content area to be elastic
/*
/* multiplier is 0.0629166666666666...
/* so, 240px -> 15.1em
/*     180px -> 11.325em
/*     120px ->  7.55em
/*
/* useage: <img class="imageright-two-forty" src="http://collections.europarchive.org/tna/20081105165041/http://www.csci.org.uk/templates/default/css/system/..." /> */

.imageright-two-forty
	{width: 15.1em;   float: right; margin: 1em 1em 1em 1.4em; border: 0.2em solid #fff;}
table.imageright-two-forty
	{border: none; float: right;font-size: 0.8em; line-height: 98%;}
table.imageright-two-forty img
	{border: 0.2em solid #fff;}
	
.imageright-one-eighty
	{width: 11.325em; float: right; margin: 1em 1em 1em 1.4em; border: 0.2em solid #fff;}
table.imageright-one-eighty
	{border: none; float: right;font-size: 0.8em; line-height: 98%;}
table.imageright-one-eighty img
	{border: 0.2em solid #fff;}
	
.imageright-one-twenty
	{width: 7.55em;   float: right; margin: 1em 1em 1em 1.4em; border: 0.2em solid #fff;}
table.imageright-one-twenty
	{border: none; float: right;font-size: 0.8em; line-height: 98%;}
table.imageright-one-twenty img
	{border: 0.2em solid #fff;}