@charset "utf-8";
/* CSS Document */


/* Defaults */
* {
	margin: 0 ;
	padding: 0 ;
	}
body {
	color: #336;
	background-color:#FFF ;
	}
a:hover {
	color:#00F ;
	}	
div.colourbar ,
div.colourbar div {
	margin: 0;
	padding: 0;
	border: 0;
	float:left ;
	width:86px;
	height:8px ;
	font-size:0px;
	}


/* Font Family and Sizing & Colour */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100% ;
	}
div#banner h1 	{font-size: 40px ; }
div#banner p	{font-size: 15px ; }

div#menu li                {font-size: 12px ; }
div#menu a                 {font-size: 12px ; }
div#menu div#categories p  {font-size: 12px ; }
div#menu div#categories li {font-size: 12px ; }

div#main-content h1	{font-size: 1.0em ; }
div#main-content h2	{font-size: 0.9em ; }
div#main-content h3	{font-size: 0.8em ; }
div#main-content p	{font-size: 0.8em ; }
div#main-content ul	{font-size: 0.8em ; }

div#footer {font-size: 10px ; }

li.ColourBullet span {font-size:16px ; }

h1, h2, h3, div#menu {
	color:#653674;
	}
span.looking {
	color:#653674;
	font-weight:bold;
	}





/* Layout */
div#everything {
	width: 860px ;
	margin: 10px auto ;
	padding: 0 20px ;
	background-color:#FFF;
	background-image:url(../images/faux-columns.png) ;
	background-repeat:repeat-y;
	}
div#banner {
	width:860px ; /* needed to fix peekaboo bug in IE */
	margin-bottom:50px ;
	background-image: url(../images/banner-wash.png); /* we can't simply specify colour as it must match colour in faux column */
	}
div#banner div#logo {
	float:left;
	margin: 0 ;
	padding: 0 ;
	}
div#banner img {
	margin: 0 ;
	padding: 0 ;
	}
div#menu {
	float:left ;
	width: 99px ;
	padding: 0 46px 20px 15px ;
	overflow:hidden;
	}
div#main-content {
	float:right ;
	width:700px ;
	overflow:hidden;
	}
div.random {
	margin: 0 0 20px 20px ;
	display:block ;
	float:right ;
	border: solid 5px #FFF ;
	}
p.alert {
	color:#900 ;
	}		
div#footer {
	width:800px ;
	margin:10px auto ;
	}
div.clearthings {
	clear:both;
	width:860px ;
	margin:0;
	height:0px;
	 /* the next two because ie6 won't set height to less than the fontsize */
	font-size:0 ;
	overflow:hidden;
	}
	

/* Styles - Banner */
div#banner h1 {
	margin: 5px 0 0 0 ;
	text-transform:uppercase;
	font-weight:normal !important;
	letter-spacing: 5px ;
	text-align:center;
	}
div#banner p {
	text-align:center;
	letter-spacing:0.1em;
	margin: 0 ;
	color:#FFF;
	}
/* Hack to remove 3px margin below images in IE 6 and below */
* html div#banner img {
	margin: 0 0 -3px 0 ;
	} 
/* Hack to remove 3px margin below images in IE 7 and below */
html* div#banner img {
	margin: 0 0 -3px 0 ;
	} 
	

/* Styles - Menu */
div#menu li {
	list-style:none ;
	line-height: 2 ;
	}
div#menu a {
	color:#653674;
	text-decoration:none;
	}
div#menu a:hover {
	text-decoration:underline ;
	color:#00F;
	}


/* Styles - Menu Categories */
div#menu div#categories {
	color:#006;
	}
div#menu div#categories li{
	padding-left: 10px ;
	line-height:1.2;
	font-weight:normal;
	list-style:none ;
	}

/* Styles - Main Content */
div#main-content h1 {
	letter-spacing:.05em;
	line-height: 1.5 ;
	}
div#main-content h2 {
	margin-top: 15px ;
	margin-bottom: 5px ;
	letter-spacing:.05em;
	line-height: 1.5 ;
	}
div#main-content h3 {
	margin-top: 10px ;
	margin-bottom: 0 ;
	letter-spacing:.05em;
	}
div#main-content div.random a img {
	border: none ;
	}
div#main-content p {
	margin-top: 5px ;
	margin-bottom: 20px ;
	text-align: justify ;
	line-height: 1.5 ;
	}
div#main-content a {
	color:#006 ;
	}
div#main-content a:hover {
	color:#00F ;
	}
div#main-content ul {
	margin-left: 40px ;
	}
div#main-content .CatalogueCatList {
	list-style:none;
	}
div#main-content .CatalogueCatList a{
	text-decoration:none ;
	}
div#main-content .CatalogueCatList a:hover{
	text-decoration:underline ;
	}
div.NoManuscripts {
	width:75% ;
	margin: 10px auto ;
	border:2px solid #900 ;
	padding: 10px ;
	text-align:center ;
	font-size: 12px ;
	font-weight:bold ;
	}


/* Styles - Footer */
div#footer p{
	text-align:center ;
	color: #AAA ;
	}
div#footer a {
	color:#AAA ;
	text-decoration:none;
	}
div#footer a:hover {
	color:#00F ;
	}
div#footer a.secretlink {
	color:#AAA ;
	text-decoration:none ;
	}