/* CORE CSS */



/************************/
/* Begin Default Values */
/*                      */
/************************/




* {
	margin: 0px;
	padding: 0px;
}


body {
	background-color: #333;
	font-style: normal;
	font-family: Arial;
	font-size: 75%;
	line-height: 162%;
	color: #666;
}


div {
	float: left;
	display: inline; /* IE6 Float Fix */
	/* outline: 1px solid #f00; */
}

img {
	border: none;
}


a 			{ color: #936; }
a:hover 	{ color: #F9C; }
a:active 	{ color: #936; }
a:visited 	{ color: #936; }


h1,h2,h3,h4 {
	color: #236;
	padding-top: 8px;
	padding-bottom: 2px;
	font-family: Arial;
}
h1 {font-size: 300%;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font-weight: normal;	font-size: 200%; }
h3 {font-weight: normal;	font-size: 160%;}
h4 {font-weight: bold;		font-size: 140%;}


p {
	margin-bottom: 10px;
}

p:hover {
	background-color: #ffc;
}


strong {
	font-weight: 600;
	color: #333;
}


em {
	font-style: italic;
	color: #333;
}


ul { 
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
}


ul li {
	text-indent: 20px;	
}

ol {
	margin-bottom: 10px;	
}

ol li {
	text-indent: 20px;	
}

dl dt {
	margin-bottom: 5px;	
}

dl dd {
	margin-bottom: 20px;		
}

dl dd a {
	font-size: 160%;	
}




/************************/
/* Begin Layout Values  */
/*                      */
/************************/

div.infobar {
	display: none;
}

div.infobar p:hover {
	background-color: transparent;	
}

div#wapper {
	width: 100%;
	clear: both;
}

div#page {
	position: relative;
	clear: both;
	width: 980px;
}


/* Begin Summit Values  */


div#summit {
	width: 980px;
	clear: both;
	background-color: #666;
	border-bottom: 1px solid #999;
}

	div#summit-menu {
		width: 203px;
		padding: 5px 5px 5px 20px;
		font-size: 75%;
		color: #bbb;
	}
	
	div#summit-toolbar {
		width: 514px;
	}
	
		div#summit-toolbar div.admintext{
			color: #bbb;
			text-align: center;
			width: 514px;
			margin-top: 5px;
			font-size: 75%;
		}
	
	div#summit-search {
		width: 203px;
		font-size: 75%;
		color: #bbb;
		padding: 5px 20px 5px 5px;
		text-align: right;
	}

	
/* Begin Header Values  */
	
	
div#header {
	width: 980px;
	clear: both;
	background-color: #fff;
	background-repeat: no-repeat;
}

	div#header-logo {
		width: 336px;
		height: 100px;
		padding: 5px;
		background-image: url(../../layout/logo.png);
		background-repeat: no-repeat;
		background-position: 25px 5px;

	}
	
		div#header-logo a {
			width: 200px;
			height: 100px;
			float: left;	
		}
			
	div#header-center {
		width: 624px;
		padding: 5px;
		
	}
		
		div#header-center div.searcharea {
			width: 392px;
			float: right;
		}
		
		div#header-center div.searcharea fieldset.ask {
			border: 1px solid #456;
			width: 390px;
			height: 50px;	
		}
		
			div#header-center div.searcharea fieldset.ask input {
				margin-left: 5px;
				float: left;
			}
		
			div#header-center div.searcharea fieldset.ask div.ask_search {
				width: 240px;
				height: 30px;
				margin-top: 12px;
				margin-left: 5px;
			}
			
				div#header-center div.searcharea fieldset.ask div.ask_search input {
					width: 230px;	
				}
			
			div#header-center div.searcharea fieldset.ask div.ask_button {
				width: 45px;
				height: 30px;
				margin-top: 10px;
				margin-left: 5px;
			}

/* Begin Menu Values  */
	
div#menu {
	width: 970px;
	height: 30px;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 5px;
	clear: both;
	background-image: url(../../layout/rounded_footer.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}


/* Begin Top High Values  */


div#top-high {
	width: 960px;
	background-color: #fff;
	background-image: url(../../layout/rounded_header.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 10px;
	clear: both;
}

		
/* Begin Top Low Values  */
	
	
div#top-low {
	width: 970px;
	height: 0px;
	padding: 0px 5px;
	clear: both;
	background-color: #fff;
}


/* Begin Main Values  */


div#main {
	width: 980px;
	clear: both;
	background-color: #fff;
}


/* Begin Main Left Values  */


	div#main-left {
		width: 217px;
		padding: 5px 5px 5px 5px;
		border-right: 1px solid #ccc;
	}

		div#main-left ul {
			list-style: none;
			margin: 0px 0px 10px 0px;	
		}
			
			div#main-left ul li {
				text-indent: 0px;	
			}
		
			div#main-left a.sidebox {
				display: block;
				float: left;
				width: 212px;
				margin: 0px 0px 3px 0px;
				background-color: #000;
				height: 77px;
				text-decoration: none;
				overflow: hidden;
				border-left: 5px solid #fff;
			}
		
			
			
				div#main-left div.sidebox {
					display: block;
					width: 217px;
					clear: both;
				}
		
					div#main-left a.purplebg {			background:		#37155D url('../../layout/link_one.jpg')	no-repeat bottom right; }
					div#main-left a.purplebg:hover {	border-left:	5px solid #37155D; }
					div#main-left a.pinkbg {			background:		#DF2874 url('../../layout/link_two.jpg')	no-repeat bottom right; }
					div#main-left a.pinkbg:hover {		border-left:	5px solid #DF2874; }
					div#main-left a.bluebg {			background:		#0076BD url('../../layout/link_three.jpg')	no-repeat bottom right; }
					div#main-left a.bluebg:hover {		border-left:	5px solid #0076BD; }		
					div#main-left a.greenbg {			background:		#6EAB23 url('../../layout/link_four.jpg')	no-repeat bottom right; }
					div#main-left a.greenbg:hover {		border-left:	5px solid #6EAB23; }		
					div#main-left a.redbg {				background:		#E41715 url('../../layout/link_five.jpg')	no-repeat bottom right; }
					div#main-left a.redbg:hover {		border-left:	5px solid #E41715; }		
					div#main-left a.ltgreybg {			background:		#979797 url('../../layout/link_six.jpg')	no-repeat bottom right; }
					div#main-left a.ltgreybg:hover {	border-left:	5px solid #979797; }	
		
				div#main-left a.sidebox img {
					float: left;
					width: 93px;
					height: 77px;
				}
		
				div#main-left a.sidebox span {
					margin: 0px 0px 0px 5px;
					padding: 0px;
					float: left;
					width: 195px;
					cursor: pointer;
				}
		
				div#main-left a.sidebox span.title {
					font-size: 140%;					
					line-height: 140%;
					font-weight: 600;
					color: #fff;
				}
		
				div#main-left a.sidebox span.text {
					font-size: 90%;
					line-height: 140%;
					color: #fff;
				}

/* Begin Main Right Values  */
	
	
	div#main-right {
		width: 742px;
		padding: 5px;
	}
	
		div#main-right div.pagetitle {
			width: 742px;
			margin-bottom: 20px;
			padding-bottom: 5px;
			border-bottom: 1px solid #ccc;
		}

		div#main-right div.purplebg {
			border-bottom: 10px solid #37155D;
		}

		div#main-right div.pinkbg {
			border-bottom: 10px solid #DF2874;
		}

		div#main-right div.bluebg {
			border-bottom: 10px solid #0076BD;
		}

		div#main-right div.greenbg {
			border-bottom: 10px solid #6EAB23;
		}

		div#main-right div.redbg {
			border-bottom: 10px solid #E41715;
		}

		div#main-right div.ltgreybg {
			border-bottom: 10px solid #979797;
		}

		div#main-right div.article {
			width: 742px;
			margin-bottom: 20px;
		}

			div#main-right div.article div.image_left {
				background-color: #eee; padding: 3px; border: 1px solid #ccc; float: left; margin-top: 5px; margin-right: 10px;
			}

				div#main-right div.article div.image_left img {
					border: 1px solid #ccc;
					float: left;
				}
				
			div#main-right div.article div.document a {
				float: left;
				margin-right: 5px;
			}
			
				div#main-right div.article div.document a:hover {
					text-decoration: underline;
				}
			
				div#main-right div.article div.document a img {
					float: left;
					margin-top: 7px;
					margin-right: 1px;
				}
				
				div#main-right div.article div.document a span {
					float: left;
					margin-top: 10px;
					line-height: 100%;
					font-size: 120%;
				}

			div#main-right div.article table th {
				width: 90px;
				text-align: center;
				background-color: #ccc;
			}

			div#main-right table td {
				text-align: center;
				background-color: #eee;
			}

			div#main-right table#tb th {
				background-color: #ffb52e;
			}

			div#main-right table#tc th {
				background-color: #98983E;
			}

			div#main-right table#mr th {
				background-color: #c43986;
			}

			div#main-right table#tb td {
				background-color: #ffc57e;
			}

			div#main-right table#tc td {
				background-color: #c8c88E;
			}

			div#main-right table#mr td {
				background-color: #f489b6;
			}

			div#main-right table#bookstable th {
				background-color: #ffb52e;
			}

			div#main-right table#bookstable td {
				background-color: #ffc57e;
			}
	
		div#main-right div.subjectguide {
			width: 742px;
		}
		
			div#main-right div.subjectguide a.subject {
				width: 732px;
				float: left;
				margin-bottom: 10px;
				padding: 5px;
				font-size: 15px;
				font-weight: 600;
				background-color: #eaf3fa;
				text-decoration: none;
			}
			
			div#main-right div.subjectguide a.subject:hover {
				background-color: #f3f9fa;
			}
				
			div#main-right div.subjectguide a.subject img {
				margin: 3px 5px 0px 0px;	
				float: left;	
			}
			
			div#main-right div.subjectguide div.column {
				width: 369px;
			}
			
				div#main-right div.subjectguide div#left {
					margin-right: 4px;
				}
				
				div#main-right div.subjectguide div.section {
					width: 359px;
					background-color: #eee;
					margin-bottom: 5px;
					padding: 5px;
				}
				
				div#main-right div.subjectguide div.section table#bookstable {
					width: 359px;
					float: left;	
				}
				
					div#main-right div.subjectguide table#bookstable th {
						background-color: #ccc;
					}
								
					div#main-right div.subjectguide table#bookstable td {
						background-color: #ddd;
					}	
				
				div#main-right div.subjectguide div#journals {
					line-height: 16px;	
				}
				
				div#main-right div.subjectguide div.section h3 {
					text-align: center;
					width: 359px;
					border-bottom: 1px solid #ccc;
					padding-bottom: 4px;
					margin-bottom: 2px;
				}
				
				div#main-right div.subjectguide span.url {
					font-size: 100%;
					color: #666;	
				}
				
			div#main-right div.subjectguide div#websites {
				clear: both;
				width: 732px;
				margin-bottom: 5px;
				padding: 5px;
			}		
			
				div#main-right div.subjectguide div#websites h3 {
					width: 732px;
				}	
			
			div#main-right div.subjectguide div#websites a.onlinedb {
				font-size: 140%;
				font-weight: 600;
			}	
		
		
	
	
	div#main-header {
		width: 742px;
		padding: 5px;
	}
	
	div#main-content {
		width: 752px;
	}
	
		div#content-right {
			width: 162px;
			padding: 5px;
			float: right;
		}
		
		div#content-top {
			width: 570px;
			padding: 5px;
			background-color: #fff;
			
		}
		
		div#content {
			width: 570px;
			padding: 5px;
			background-color: #fff;
		}
		
			div#content div.componentheading {
				width: 260px;
				padding: 5px;
				background-color: #999;
				height: 300px;
				clear: both;
				margin-bottom: 5px;
			}
			
				div#content div.componentheading h2 {
					color: #fff;
				}
			
				div#content div.componentheading div.componentheadingtext {
					color: #fff;
				}
			
			div#content ul.categorieslist {
				list-style: none;
				float: right;
				width: 570px;
			}
			
				div#content ul.categorieslist li {
					text-indent: 0px;
					float: right;
					background-color: #999;
					width: 290px;
					padding: 5px;
					margin-bottom: 5px;
				}
			
		
		div#content-bottom {
			width: 570px;
			padding: 5px;
			background-color: #fff;
		}
	
	div#main-footer {
		width: 742px;
		padding: 5px;
		background-color: #fff;
	}
	
div#bottom-high {
	width: 970px;
	padding: 5px;
	background-color: #fff;
	clear: both;
}

div#bottom-low {
	width: 970px;
	padding: 5px;
	background-color: #fff;
	clear: both;
}

	div#bottom-low a.howtofindus {
		float: left;
		display: block;
		width: 320px;
		height: 120px;
		margin-right: 5px;
		background-color: #000;
		background-image: url(/joomla/templates/trafford2.0/images/footer_howtofindus.jpg);
	}
	
	
	div#bottom-low a.newsandevents {
		float: left;
		display: block;
		width: 320px;
		height: 120px;
		background-color: #000;
		background-image: url(/joomla/templates/trafford2.0/images/footer_newsandevents.jpg);
	}
	
	div#bottom-low a.skillstowork {
		float: left;
		display: block;
		width: 320px;
		height: 120px;
		margin-left: 5px;
		background-color: #000;
		background-image: url(/joomla/templates/trafford2.0/images/footer_skillstowork.jpg);
	}
	

div#footer {
	width: 980px;
	height: 40px;
	clear: both;
	background-image: url(../../layout/rounded_footer2.png);
	border-top: 1px solid #ccc;
}

	div#footer-left {
		width: 336px;
		padding: 5px;		
	}
	
	div#footer-right {
		width: 624px;
		padding: 9px 5px 5px 5px;
		text-align: right;
	}

div#base {
	margin-top: 10px;
	width: 980px;
	height: 40px;
	clear: both;
	background-image: url(../../layout/rounded_header.png);
	background-color: #fff;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	font-size: 75%;
}

	div#base-left {
		width: 218px;
		padding: 5px;		
	}
	
	div#base-center {
		width: 514px;
		padding: 5px;
	}
	
	div#base-right {
		width: 218px;
		padding: 12px 5px 5px 5px;
	}