/*** Colours ***/

/* General Bacground Colour is a light violet */

html, div.Content, div.Navigation 
{		background: #cc99ff; }


/* Medium Dark Colour is a dark violet/purple */

div.Content, div.Main-text, div.Navigation, div.Navigation-text, div.Footer, input, textarea
{		border-color: #993399; }

th {		background: #993399; }


/* Coloured Text and similar is a Navy Blue */

h1, h2, h3, h4, h5, em, th, hr, hr.Guestbook, a:link, a:hover, span.bibliography-title
{		color: #000066;}

hr, hr.Guestbook 
{		background-color: #000066;}

table {		border-color: #000066; }

/* A slightly lighter blue is used for active/visited links */

a:visited, a:active {	color: #000099;}

/* A few things are black */

html, p {	color: #000000; }

/* And a few things are white */

div.Main-text, div.Navigation-text, table, div.Footer
{	background-color: #ffffff; }

/*** Fonts ands Text ***/

/* @font-face */

/* Commented out as I am not happy with the rendering */

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
/*
@font-face {
font-family: Fontin Sans;
font-weight: normal:
font-style: normal;
font-variant: small-caps;
src: url('/fonts/Fontin_Sans_SC_45b.otf');
}

@font-face {
font-family: Fontin Sans;
font-weight: bold;
font-style: italic;
src: url('/fonts/Fontin_Sans_BI_45b.otf');
}

@font-face {
font-family: Fontin Sans;
font-weight: bold;
font-style: normal;
src: url('/fonts/Fontin_Sans_B_45b.otf');
}

@font-face {
font-family: Fontin Sans;
font-weight: normal;
font-style: italic;
src: url('/fonts/Fontin_Sans_I_45b.otf');
}

@font-face {
font-family: Fontin Sans;
font-weight: normal;
font-style: normal;
src: url('/fonts/Fontin_Sans_R_45b.otf');
}
*/

/* A hack so that the text is bold if the browser does not support @font-face and normal if it isn't. */

/*
@font-face {
font-family: Fontin Sans Force Normal;
font-weight: bold;
font-style: normal;
src: url('/fonts/Fontin_Sans_R_45b.otf');
}

*/

/* Basic fonts (for some mysterious reason, IE6 does not render the generic "sans-serif" correctly, so Arial is after the @font-face option and before the sans-serif fall-back) */

html {		font-family: Fontin Sans, arial, sans-serif; 
		line-height: 140%;
}

a.Navigation {
		font-family: Fontin Sans Force Normal, arial, sans-serif; }

/* Text aligns */
p {		text-align: justify; }

div.Content, h1, h2, h3, h4, h5, div.Footer_Left, div.Footer_Right, span-Center, table
{		text-align: center; }

ol, ul {	text-align: left; }

/* Font Weight */

div.Navigation-text, h1, h2
{		font-weight: bold;} 

/* Font Size */

div.Footer, div.Breadcrumbs {
		font-size: x-small; }

h5 {		font-size: small;
}

div.Navigation-text {
		font-size: small; }

html, h3, h4 {	font-size: medium; }

h2 {		font-size: large; }

h1 {		font-size: x-large; }

h1.Home-header {font-size: xx-large; }

/* Text Decorations, font variants etc. etc. */

/* with hindsight, this was a mistake...
h1 {
text-shadow: 0.15em 0.15em 0.3em #000033;
}
*/

a:link, a:visited  {
		text-decoration: underline; }

a:hover, a:active {
		text-decoration: none; }

h1, h2 {	font-variant: small-caps; }

em, span.bibliography-title, span.bibliography-journal, span.bibliography-inbook
 {		font-style: italic;
}

div.Footer {
		line-height: 100%;
}

span.bibliography-title, span.bibliography-journal, span.bibliography-author, span.bibliography-inbook {
		text-transform:capitalize;
}


/*** Borders ***/

div.Content, div.Navigation, div.Navigation-text, div.Main-text, div.Footer, input, textarea
{		border-width: 5px;
		border-style: double;
}

/*** Backgrounds ***/

html {		background-image: url("images/background.gif"); }

div.Main-text {	background-image: url("images/watermark.png"); }

div.Home-header{background-image: url("images/header.png"); }
		
div.Main-text, div.Home-header {
		background-repeat: no-repeat;
		background-position: center center;
}

/*** Positions ***/

/* Stuff that's centred */

div.Content, div.Main-text, div.Navigation-text, div.Footer, table, h1, h2, h3, h4, h5, p
{		margin-left: auto;
		margin-right: auto;}

/* Stuff that's left-aligned */

dl {		text-align: left; }

/* Widths */

h1 {		width: 100%; }

h2, h3, h4, h5, hr {
		width: 75%;
}

hr.Guest-book {
		width: 50%
}

/*** Structure ***/

div.Content {	width: 79%;
		float: right;
}

div.Home-header{padding-bottom: 2%;
		padding-top: 2%;

}

div.Main-text, div.Footer{
		width: 84%;
		padding: 2%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2%;
}

div.Main-text {
		min-height: 30em;
}

div.Navigation { float: left;
		margin-top: 5%;
		width: 17%;
}

div.Navigation-text{
		margin: 2%;
}

div.Flageolet_Fingering {
		float: left;
		margin: 1em;
		line-height: 0em;
}

div.Breadcrumbs > ul > li {
	display: inline;
	padding-left: 0.8em
}

*.Hidden { 	display: none;
}

table {		border: 0.1em solid;
}

img {		vertical-align: bottom;
}

div.Footer_Left {
		float: left;
		width: 48%;
}

div.Footer_Right {
		float: right;
		width: 48%;
}

h5 {		margin-top: 0.5em;
		margin-bottom: 0;}

ol.bibliography > li {
		margin-bottom: 1em;
}