/*stylesheet created 24 Nov 2003*/
/* modified by fgw 7th December */

@media all {
/*background colour and centering*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000066;
	text-align:center;
}

/*div holds it all together*/

#outer { 	
	width: 750px;
	margin: auto;
 }

/*header div - contains background image info, border etc*/

#hdr {
 	height:125px;
 	background:#fa6000 ;
	text-align:center;
	border:solid #000000;
	border-width:0px; 
	padding:5px; 
 }

#hdr h1{
	font-size:250%;
	font-weight:bold;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
}

#hdr h2{
	font-size:105%;
	font-weight:800;
	color: #fff;
	margin-top:10px;
	margin-bottom:5px;

}

#hdr h3{
	font-size:95%;
	color: #fff;
	font-weight:800;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
}


/* classes to position photos of book and Francis in header*/


.leftphoto{float:left;}
.rtphoto{float:right;}

/*title box div contains words and fg div*/

#title{	
	background:#fa6000 ;
	text-align:center;
	width:70%;
	margin-top:10px;
	margin-left: auto; 
	margin-right: auto;
	padding:5px;
}

/* gap between header and main*/

#bar { 
	height:25px;
	text-align:center;
	text-color:white;
	padding:5px;
}
#bar h3{
	text-color:white;
	align:center;
}
/*links for top menu if background is dark white, pale blue, hover - red*/

#bar a:link{font-size: 90%;font-weight:bold; color:#fff;text-decoration:none;}
#bar a:visited{font-size: 90%;color:#ddeeff;font-weight:bold;text-decoration:none;}
#bar a:hover{font-size: 90%;font-weight:bold;color:red;text-decoration:none;}
#bar a:active{font-size: 90%;color:#fff;font-weight:bold;text-decoration:none;}

/* provides the  border and/or background colour etc for main area*/

#bodyblock {
	background:#fecd5f;
	width:752px;
	padding:0px;
	border:solid white;
	border-width:1px;
}

/* Index page 3 column layout*/

#left { 
	float:left;
	background:#fecd5f;
  	width:140px;
	text-align:left;
	padding:0px;
}

#left a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#left a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#left a:hover{font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#left a:active{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}

#left p{
	margin:0px;
	font-size:90%;
}
#left h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
	font-size:100%;
	text-align:left;
	font-weight: normal;
}

#left h2{
	background:#fa6000;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 5px;
}


#cont { 
	float:left;
	width:470px;
 	background:#faf8d9;
  	text-align:left;
	padding: 0px;
}

#right{ 
	float:left;	 
	background:#fecd5f;
  	width:140px;
	text-align:left;
	padding:0px;
}

#right a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#right a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#right a:hover{font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#right a:active{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}

#right p{
	margin: 0px;
	font-size:90%;
}
#right h2{
	background:#fa6000;
	color: #fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
	margin-left:5px;
}
#right h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px
	font-size:100%;
	text-align:left;
	font-weight: normal;
}

/* provides the  border and/or background colour etc for bottom 2 cols*/


/* the navigation border*/

#nav { 
	float:left;
	background:#fecd5f;
  	width:135px;
	text-align:left;
	padding:0px;
}


#nav a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#nav a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#nav a:hover{font-family:verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#nav a:active{font-family:verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}


#nav p{
	padding:0px;
	margin: 5px;
	font-size:90%;
}

#nav h2{
	background:#fa6000;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;
}

#nav h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:1px;
	font-size:100%;
	font-weight:normal;
}

/*main content*/

#main { 
	float:left;width:615px;
	background:#faf8d9;
	text-align:left;
	padding:0px;
}
#main h2{
	background:#fa6000;
	color:white;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 5px;
	padding:5px;
}
#main p{
	margin-left:5px;
}
#main h3{
	margin-left:5px;
}

#main h4{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	font-style: italic;
	margin-left: 5px;
}

#main h5{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;	
}


#main h6{
	text-align:right;
	font-size:90%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 0px;
}

#main li{
	margin-left:20px;
}

#shortmain { 
	float:left;width:615px;
	background:#faf8d9;
	text-align:left;
	height:680px;
	padding:0px;
}

#shortmain h2{
	background:#fa6000;
	color:white;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 5px;
	padding:5px;
}
#shortmain p{
	margin-left:5px;
}
#shortmain h3{
	margin-left:5px;
}

#shortmain h6{
	text-align:right;
	font-size:110%;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
	padding-top: 0px;
}


#shortmain li{
	margin-left:20px;
}

#ftr { 
	height:25px;
	width:752px;
 	background:#fa6000;
 	border:solid #fecd5f;
	border-width:0px;
	padding:0px;
 	margin-top:2px;
 }

ul{font-weight: bold;}

/* art gallery div classes*/

.floater {
	float: left;
	width: 110px;
	height: 200px;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	margin-left: 10px;
	padding: 5px;
}

.floater img {
	border: none;
	margin: 0;
	padding: 5px;
}

.floater a {
	border:none;
}

.spacer {
	width: 110px;
	height: 200px;
	clear: both;
}

/*Presentation - text and links etc*/

/*border for pictures*/

.blackborder{
	border-width:5px;
	border-color:#000000; 
	border-style:solid;
}


p{padding:5px;}

/* div class used in navigation bar for description under external links*/

div.small{
	font-size: 80%;
	margin-bottom:5px;
}



/*default links*/
/* */
a:link{font-family:verdana,Arial,sans-serif;font-weight:bold; color:blue;text-decoration:none;}
a:visited{font-family:verdana,Arial,sans-serif;color:#a0a;font-weight:bold;text-decoration:none;}
a:hover{font-family:verdana,Arial,sans-serif;font-weight:bold;color:red;text-decoration:none;}
a:active{font-family:verdana,Arial,sans-serif;color:blue;font-weight:bold;text-decoration:none;}
/* */

/* definition list styling - glossary*/

dl{padding:10px;}

dt{
	font-size:80%;
   	font-weight:bold
}

dd{
	font-size:80%;
	margin-left:30px;
}

/* provides a ? help cursor when title tooltip is provided*/

abbr, acronym, dfn {
	cursor:help;
	border-bottom:dashed lime 1px; 
}


/* orange box round navigation  and content titles*/

.navtitle{
	background:#fa6000;
	color: #fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 5px;
}
/* enamble use of h2 for various display columns */


/*div class to centre "Back to top" - Glossary*/

div.jump{
	text-align:center;
	margin:0px;
 	padding:0px;
}

/* colours <code> and <var> text */
code, var{color: red;}
div.clear{clear:both;}
}