/* Modified 4/9/07 by Miriam Richardson 


 UNDO  some of the default styling -------------------------------------
*/

:link,:visited { text-decoration:none }
ul,ol,ul ul
	{ list-style:none }
h1,h2,h3,h4,h5,h6,dd,dt,pre,code{ 
	font-size:1em; 
	font-weight:normal;}
ul,ol,ul ul,li,h1,h2,h3,h4,h5,h6,dd,dt,pre,form,body,html,p,blockquote,fieldset,input
	{ margin:0; padding:0 }
img, a img,:link img,:visited img, a:active
	{ border:none }
address, em 
	{ font-style:normal }/* de-italicize address */

/* Turn specials on and off with this style. (Still need to put corret text into inc-nav1.txt). */
div#specials{
	display:inherit; /* inherit or none */
	}

/* GLOBAL LAYOUT ELEMENTS ------------------------------------- */
body {
	background: #fff;
	color: #383838;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

/* Clearing element for a float: this fix uses a break in the markup as a clearing element, but it ensures that the break does not disturb the layout by reducing its values to 0. Add this class to breaks as needed to clear a float. Please note that the container of the break needs a dimension on it. */

.clearer { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
	}
.clearL{
	clear:left;
	}
.clearR{
	clear:right;
	}
.clearB{
	clear:both;
	}
.floatR, .boxR{
	float:right;
	margin-left:1em;
	}
.floatL, .boxL{
	float:left;
	margin-right:1em;
	}
.boxL, .boxR{
	width:35%;
	font-size:95%;
	color:#333;
	border:1px solid white;
	}
.endorse{
 	font-size:95%;
 	margin:0.5em 2em;
 	padding:0.7em 1em;
 	background-color:#F7F3F6;
 	}

/* TEXT ------------------------------------------------------- */
h1,h2,h3,h4,h5{
	/*clear:both; this does strange things on the inner pages near the round pciture substitute*/
	text-align:left;
	margin:1em 0 0.5em;
	color:#666;
	}
h1, .subscribe {
	font-size: 160%;
	}
h2 {
	font-size: 130%;
	}
h3 {
	margin-bottom: .2em;
	font-size: 110%;
	}
h4 {
	font-size: 100%;
	}
h5, h6 {
	font-size: 100%;
	}
p, li, dd{
	font:1em/1.6em  Verdana, Arial, Helvetica, sans-serif; 
	}
p, dd{ 
	margin:0.7em 0 0.3em 0;
	padding:0 0.3em 0 0;
	text-align:left;
	} 
dt	{
	text-align:left;
	color:#999;
	margin-top:0.5em;
	margin-bottom:0em;
	font-size:1em;
	}
dd	{
	margin-top:0;
	}
q,blockquote{
	quotes:'"' '"' "'" "'";
	color:#6A6D8B;
	}
	
/* EMPHASIS  ------------------------------------------------------ */
em{
	font-size: 1.3em;
	padding:0 0.1em;
	}
em.strike{
	font-size:1em;
	padding:0 0;
	}
.strike{font-size:0.95em;
	text-transform:uppercase;
	}
	
.nameProper{
	}
p.leader{
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:1em;
	}
p.leader em{
	font-size:1.5em;
	}
.shout{
	color:orange;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
	}
.ph{font-size:1.2em;}
	
/* LINKS ------------------------------------------------------ */
a:link{color:#063481; /* grey, lighter than text  496798*/
	}
a:visited{color:#496798; /* lighter grey #7B97C6*/
	}
a:hover{text-decoration:underline;
	}
a:active{
	}


/* LISTS ------------------------------------------------------ */
ul {
	list-style-position: outside;
	list-style-type: square;
	margin:0 0 1em 1.5em;
	padding-left: 1.5em;
	text-align:left;
	} 
/* Can't do this, it upsets the level 2 menus.
ul ul{
	margin-left:2em;
	}
ul ul ul{
	margin-left:3em;
	}
	*/
li{
	margin-bottom: 0.5em; /* separate the list items from each other */
	 }
ul.indent{
	margin-left:3em; /* match ul margin-left + ul padding-left */
	list-style-image:none;
	}
/* When preceding para belongs with the list, reduce the margin-bottom */
.preUL{
	margin-bottom:0.2em;
	padding-bottom:0;
	}
/* When following para belongs with the list, delete the margin-bottom  */
ul.followed{ margin-bottom:0;}
p.postUL{}

ul.plain{
	list-style-type:none;
	}
ul.tight li{
	margin-bottom:0.1em;
	}
/* MAIN NAVIGATION -------------------------------*/
ul#nav, ul#nav2{
	width:100px;
	list-style:none;
	margin:0 0;
	padding:0 0;
	font-size:0.9em;
	}
ul#nav li, ul#nav2 li{
	line-height:20px; /* pixels so can control other positions */
	margin:0 0;
	}
/* removed from below as test
	
	ul#nav li a:visited, 
ul#nav li a:active,

ul#nav2 li a:visited, 
ul#nav2 li a:active
	*/
	
ul#nav li a, 
ul#nav2 li a{
	color:black;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 1px dotted white; /*holding space; changed to colour on hover*/
}

ul#nav2 li a{
	color:#383838; /* not quite black */
	}
ul#nav li a:hover, 
ul#nav2 li a:hover{
	text-decoration:none;
	font-weight:bold;
	/* background colour and border-left and bottom provided in inner style sheet*/
	}
ul#nav li#contact a{
	padding-top:20px !important;
	/*	nav 1 is too long, so mark a section of it different, using space to deparate the bottom 2 items*/
	}
/* IMAGES ----------------------------------------------------- */
/* Sets a maximum width to an image so that it doesn't spill out of its container.  (To coax IE to recognize the max-width property, and not expand a box, apply Andrew Clover's Javascript. */
img { 
     max-width: 100%; 
	}

/* Add this class to an element that follows a floated image, such as a paragraph. */ 
.clear {
	clear: both;
	}


/* TABLES ----------------------------------------------------- */
table {
	margin-bottom: 1.2em;
	font-size: 1em;
	}

/* OTHER ------------------------------------------------------ */

#error #content{
	margin-top:220px;
	}
#error #specials{
	color:black;
	}