﻿/* screen style sheet for www.canonbury.ac.uk
 * 20070108 sjt
 *
 */

/* elements */ 

/* NB. all other screen font sizes are relative */
body,table {
	font-size:small;
	}
* html body {
	font-size:x-small;	/* for IE5/Win */
	f\ont-size:small;		/* for other IE versions */
	}

body {
	color:rgb(81,53,39);
	background:rgb(136,0,136) url(images/bg.jpg) repeat-x;
	font-family:Georgia,Times New Roman,Times,serif;
	margin:0;
	padding:0;
	}
a {text-decoration: none}
h1 {
	color:rgb(100,0,100);
	font-size:200%;
	font-weight:bold;
	margin:0 0 2em 0;
	}
h2 {
	font-weight:normal;
	margin:2em 0 0 0;
	}
h1 a, h2 a, h3 a {border-bottom:none}
td {
	padding:2px 1em;
	vertical-align:top;
	}
	
/* general classes */
.small {font-size:85%}
	

div#graphics {
	background:url(images/angel.jpg) no-repeat; 
	margin:0;
	padding:0;
	}
	
/* logo ----------------------------------------------------- */
p#logo, h1 {
	font-family:Mistral,Mistral AV,Brush Script MT;
}
p#logo {
	color: rgb(119,99,17);
	font-size: 2em;
	position: absolute; top:10px; left:120px;
	margin:0;
	padding:0;
	white-space: nowrap;
}

	
div#wrapper {
	margin: 1em auto 300px auto; /* compel vertical scroll bar */
	padding:50px 0 100px 0;
	width:50em;
	}

/* main tabs ------------------------------------------------- */	
ul#tabs {
	border-bottom:2px solid rgb(224,186,31);
	font-family:Courier New,Courier,monospace;
	margin:0;
	padding:2px 0.5em;
	}	
ul#tabs li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:1px 0.5em 2px 0.5em;
	}
ul#tabs li.on {
	background:rgb(255,255,231);
	border-top:2px solid rgb(224,186,31);
	border-right:2px solid rgb(131,108,18);
	border-bottom:2px solid rgb(255,255,231);
	border-left:2px solid rgb(224,186,31);
	}	
ul#tabs li.off {
	border-top:2px solid rgb(147,147,147);
	border-right:2px solid rgb(100,100,100);
	border-bottom:none;
	border-left:2px solid rgb(147,147,147);
	background:url(images/tabbg.gif) repeat-x rgb(145,145,145);
	}
ul#tabs a, ul#subtabs a {color:black;}
ul#tabs .off a:hover, ul#subtabs .off a:hover {color:red}

/* subtabs -------------------------------------------------- */
ul#subtabs {
	font-family:Arial,Helvetica,swiss,sans-serif;
	margin:0 0 2em 0;
	padding:1em 0 0 0;
	}
ul#subtabs li {
	display:inline;
	font-size:80%;
	list-style=type:none;
	margin:0 2em 0 0;
	padding:0;
	text-transform:lowercase;
	}
ul#subtabs li.on a {
	border:none;
	color:gray;
	}

div#column { /* for principal text, including margins */
	background:ivory;
	border-left:2px solid rgb(224,186,31);
	border-bottom:2px solid rgb(131,108,18);
	border-right:2px solid rgb(131,108,18);
	line-height:140%;
	margin:0;
	padding:0 5em 2em 5em;
	width:40em;
	}
div#column a {
	border-bottom:1px dotted gray;
	color:#333;
	}
div#column a.in {border-bottom: none} /* inbound link */
	
p#vol {
	letter-spacing:0.1em;
	margin:0;
	text-transform:uppercase;
	}
	
p#design {
	color:#dbb;
	font-family:Courier New,Courier,monospace;
	font-size:85%;
	margin:0;
	text-align:right;
	}
p#design a {color:#fdd}

	
/* compliance */	
#W3C img {
	background:none;
	border:0;
	display:none;
	filter: alpha(opacity = 80);
	height:31px;
	position:absolute; top:600px; left:10px;
	opacity:0.5;
	margin:0;
	padding:0;
	width:88px;
	}
