/* Styling the page background ************/
html { background-image: url(img/background.jpg); }


/* Styling the page body ************/
body {
	position: relative;
	width: 900px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif; }
	
	
/* Styling the links ************/	
a:link { color: #04158e; }
a:visited { color: #274d00; }
a:hover { color: #345802; 
	font-style: oblique;
	font-weight: bold; }
a:focus, a:active { color: #ac0000; }


/* Styling the bellpull ************/
#bellpull {
	float: left;
	margin: 2px 0px 0px 55px; }
	
	
/* Styling the Lachrimae logo ************/
#logo {
	position: relative; }
#logo img {
	padding: 25px 0px 0px 15px;
	border: none; }


/* Styling the navigation ************/
#navigation {
	float: left;
	width: 140px;
	margin: 16px 0px 0px 20px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #0419b6;
	border-bottom: 1px solid #0419b6; }
#navigation li {
	font-size: 90%;
	font-style: italic;
	padding: 3px 0 3px 30px;
	background: transparent url(img/trose.gif) 0 50% no-repeat; }
#navigation li.current {
	background-image: url(img/trose.gif);
	color: #ac0000; }
#navigation a { 
	text-decoration: none; }
	
	
/* Styling the topbox of page descriptions ************/
#topbox {
	float: right;
	margin: -84px 235px 0px 0px; }
#topbox h3 {
	margin: 12px 0px 0px 4px;
	font-style: italic;
	color: #06189a; }
	
	
/* Styling the main container for many pages ************/
#maincontainer {
	float: right;
	width: 570px;
	margin: -4px 0px 0px 0px; }
#maincontainer p {
	font-style: normal;
	font-size: 90% ;
	color: #3244ca;
	line-height: 1.3em; }	
#maincontainer img {
	border: none;
	padding: 8px 0px 3px 0px }	
#maincontainer p.greyheading {
	font-size: 105% ;
	font-weight: bold;
	font-style: italic;
	color: #555555; }	
#maincontainer p.indent {
	margin: -15px 100px 20px 40px; }	
#maincontainer h5 {
	font-size: 105% ;
	font-weight: bold;
	font-style: italic;
	color: #555555; }
#maincontainer p.indent {
	margin: -15px 100px 20px 40px; }
#maincontainer p.contactgrey {
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	color: #555555; }
#maincontainer p.quote {
	padding: 0em 5em 0em 4em;
	font-size: 80%;
	color: #555555; }


/* Styling the index page frontispiece and text ************/	
#indexfrontispiece {
	float: right;
	margin: 136px -40px 0px 0px; }
#note p {
	float: right;
	margin: 478px -370px 0px 0px;
	width: 500px;
	text-align: center;
	font-style: italic;
	font-size: 75% ;
	color: #0419b6; }	


/* Styling the index page main image ************/
#indexmainimage {
	float: left;
	margin: -584px 0px 0px 290px; }
.blueborder {
	border: 1px solid #0419b6; }


/* Styling the index page title container ************/
#titlecontainer {
	float: left;
	margin: -232px 0px 0px 100px; }
#titledescription h3 {
	font-size:90%;
	text-align: center;
	color: #0419b6; }

	
/* Styling the credit information under the Unton image on the Contact page ************/
#credit {
	font-style: normal;
	font-size: 85% ;
	text-align: center;
	width: 610px;
	color: #3244ca; }	
	
	
/* Styling the table of events ************/	
.event_table {
	width: 110%;
	border-collapse: collapse; }
.event_table th {
	font-style: normal;
	font-size: 90%;
	color: #3244ca;
	text-align: left;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #c8cce8; }
.event_table td { 
	font-style: normal;
	font-size: 90%;
	color: #3244ca;
	text-align: left;
	padding: 0px 20px 0px 0px;
	border-bottom: 1px solid #c8cce8; }
.event_table thead td { 
	color: #152bc9;
	width: 30%; }
.event_table tbody th {
	width: 25%; }
	
	
#floatright img { 
    float: right;
    margin: 0px 10px 10px 35px; }
#floatright p { 
    float: right; 
	margin: 0px -10px 10px 390px;
	text-align: center;
	font-size: 75%;
	color: #3244ca; }
	
	
#floatcentre img { 
    margin: 0px 0px 0px 85px; }
#floatcentre p {  
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 70%;
	color: #3244ca; }


#photos_container1 {
	float: left;
	margin: -9px 0px 0px 90px;
	display: inline;
	text-align: center;
	color: #3244ca; }
#photos_container2 {
	float: right;
	margin: 6px -78px 0px 0px;
	display: inline;
	text-align: center;
	color: #3244ca; }
#photos_container3 {
	float: left;
	margin: 0px 0px 0px 300px;
	display: inline;
	text-align: center;
	color: #3244ca; }
#photos_container4 {
	float: left;
	margin: 0px 0px 0px 260px;
	display: inline;
	text-align: center;
	color: #3244ca; }
#photos_container5 {
	float: right;
	margin: -100px -2px 0px 0px;
	display: inline;
	text-align: center;
	color: #3244ca; }
#photos_container6 {
	float: left;
	margin: -141px 0px 0px -487px;
	display: inline;
	text-align: center;
	color: #3244ca; }	
	
	
	
	
/* Styling the upper left container on the past events pages (replacing the navigation) ************/	
#upperleftcontainer {
	float: left;
	padding: 0px 0px 0px 30px;
	width: 120px; }

	
/* Styling the containers below navigation ************/	
#lowerleftcontainer {
	float: left;
	width: 120px;
	padding: 0px 0px 0px 30px; }
#lowerleftcontainer p {
	font-style: normal;
	font-size: 80% ;
	color: #3244ca;
	line-height: 1.3em; }
#lowerleftcontainer h5 {
	font-size: 100% ;
	color: #06189a;
	font-weight: bold;
	font-style: italic; }
	

/* Styling the text for 'return to top' on various pages ***********/
#return {
	text-align: right;
	font-style: italic;
	font-size: 85%; }
	
	
/* Styling the Lachrimae logo on Unton image pages ************/
#logo_special {
	position: relative; }
#logo_special img {
	padding: 25px 0px 0px 105px;
	border: none; }	


/* Styling the navigation on Unton image pages ************/	
#mini_navigation {
	float: left;
	padding: 16px 0px 0px 115px;
	font-style: italic;
	font-size: 90%; }


/* Styling the containers for the full-size Unton image ************/	
#specialcontainer_wide {
	float: left;
	padding: 42px 0px 0px 10px; }
#specialcontainer_wide p {
	font-style: normal;
	font-size: 90% ;
	text-align: center;
	color: #3244ca;
	line-height: 1.3em; }
	
	
/* Styling the containers for the small detail Unton image ************/	
#specialcontainer_central {
	float: left;
	text-align: center;
	padding: 42px 0px 0px 193px; }
#specialcontainer_central p {
	font-style: normal;
	font-size: 90% ;
	text-align: center;
	padding: 0px 0px 0px 35px;
	color: #3244ca;
	line-height: 1.3em; }
	
		
/* Styling the copyright area ************/
#copyright {
	clear: both;
	width: 105%;
	text-align: left;
	font-size: 60%;
	color: #091a9b;
	margin: 0px 0px 0px 45px;
	padding: 0px 0px 0px 30px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #0419b6; }
	
/* Styling for table of copyright and W3C statements - index page only************/		
.copyright_table {
	width: 100%;
	border-collapse: collapse; }
.copyright_table th {
	font-weight: normal;
	color: #091a9b;
	text-align: left;
	width: 70%;
	padding: 1px 0px 0px 0px; }	
.copyright_table td { 
	text-align: right;
	width: 30%;
	padding: 1px 30px 0px 0px; }