﻿<style type="text/css">
/* Stylesheet for WHITEHALL BOOKS webpages */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
ol {   margin-left: 1.4em;   list-style: decimal; }
ul {   margin-left: 1.4em;   list-style:square; }
img {  border: 0;}
/* end reset browser styles */

body {}/* leave body tag blank for white outside edge of a page. for xmas 2012, background:#fffdda url('images/background-christmas.gif') repeat */

.normal,
.page 			{	width: 960px;
						table-layout:fixed;
						background: #fcdbe4 ; /* was  ccffcc */
						font-family: "Trebuchet MS", Arial; 
						font-size: 10pt; 
						color: #bc001d; 
						text-align: center;
						border-collapse: collapse; /* IMPORTANT do not delete */
						margin-top:10px; 
						margin-bottom:10px;
						 }

.topside	,
.logocell		{	width:22%;
						
}
.topside	,
.topcenter,
.logocell,
.titlecell		{		height:60px;
						text-align: center; 
						vertical-align:middle;
}

.topcenter		{ 	background:white url('../images/banner-2.jpg') no-repeat
	 }						
						
h1, h2, h3 { 		font-family: "Trebuchet MS"; 
						text-align:	center; 
						font-weight : bold; 
						color: purple;		 } 						

h1, h2, h3 { 		font-family: "Trebuchet MS"; 
						text-align:	center; 
						font-weight : bold; 
						color: purple;		 } /* h1 for page heading, h2 for para headings. color was #bc001d before background photo added*/
						
h1 			{		font-size: 16pt }
h2 			{		font-size: 18pt; }
h3 			{		font-size: 12pt }
 

.sidecol,
.leftcol,
rightcol		{ 		text-align: center; 
						vertical-align:middle;
						border-bottom: :0px; 
						padding: 5px 10px 0px 10px;   /*padding  values are top, right, bottom, left */
}

.narrative	{ 		height: 428px;
						padding: 10px 10px 0px 10px;   /*padding  values are top, right, bottom, left */
						margin-left:5px;
						vertical-align:middle; 
						font-family:"Trebuchet MS", "Lucida Sans Unicode", 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
						color:purple;
						font-size: 10pt;
						line-height:140%; 
						text-align: left; 
}						
						
.topnav		{		height: 20px;
						padding-top:10px
}

.bottomnav	{	height: 20px;
						padding-top:10px
}
.sitedesign	{		height:15px;
						padding-top:10px;
						font-size:8pt;
						font-weight:normal; 
						color: gray;
}
.comment	{		width:95%;
						padding: top:0px;
						background: #bfe2f9;
						border: 1px purple solid;
						text-align:left
}
 	
.highlight 	{		background-color: #FFFF00; 
						font-weight:bold}
.white		{		color:white }
.red			{		color:red }
.left			{		text-align:left  }
.right			{		text-align:right }
.center		{		text-align:center }

/* DATA TABLES.  the following codes are for data tables (dt) and data cells (dc) within tables.  Position, width and background colour are set separately */

.dt,						 /* dt and dc used in book pages */
.dc,
.dt2,
.dc2			{		width:95%;
						table-layout:fixed;   /* instructs browsers to make all columns same width as first row */
						background: #d4cae2; 
						border: 1px #aa99c5 solid;
						border-collapse : collapse; 
						margin-left: 5px; 
						font-family: "Trebuchet MS";
						font-size: 10pt;
						
}
.dc			{		border:none
	
}
.dc,
.dc2			{		height:20px;
						padding-left: 3px; 
						padding-right: 3px; 
	
}

 /* Do not change the cascade order of these next three */
a:link
 		{ 				text-decoration: none; 
						font-weight: bold;
						color: maroon; /* was #002809 (dark green)  */
} 
						
a:visited 	{		font-style: normal; 
						text-decoration :none;
						color: maroon; }    /* IE and Firefox wrongly use these values instead of ul.nav a:visited below, so these need to match */

						
a:hover 		{ 		text-decoration: none;
						background-color:#ccffcc;
						color	: blue;
 } 
 
ul.nav
				{		width: 178px;
}

ul.nav,
ul.nav li,
ul.nav ul.nav li,
ul.nav ul.nav ul.nav li
				{		list-style: none;
						display: block; 
						padding: 0px;
						border: none;
						border-collapse: collapse;
						font-family: "Trebuchet MS", 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

						background: #f9c7c2 ;  /* MUST MATCH SIDECOLBOX div.content background-color. was  bfe2f9 */
}	
						
ul.nav li,
ul.nav ul.nav li
				{		height: 20px; /* do not set to auto, display is awful & jumpy */
					 
}

ul.nav li:hover,
ul.nav ul.nav li:hover,
ul.nav ul.nav ul.nav li:hover
 				{		display: block;  /* display:block in li & hover should makes link & background colour spread fully across cell rather than just the text; */
						background-color:#ccffcc; /*  6ec6f1; url(images/hover.gif) repeat-x*/
}

ul.nav li ul,		 				/* 2nd level */
ul.nav ul.nav li ul				/* 3rd level*/
				{ 		display: none; /* hides (until hovered over as below) */
						
} 

ul.nav li:hover ul,		 			/* displays 2nd level when 1st hovered over. */
ul.nav ul.nav li:hover ul			/* displays 3rd level when 2nd hovered over. */
		{ 			display:block;
					text-indent:4px;
					width: 240px;
 					padding:0px;
					overflow:visible; 
					position: relative;
					left: 175px; 
					top: -16px;
					border: 1px #f289ae solid;		}  /*  puts border around outer box, but not lines;  MUST MATCH sidecolbox div.content */

ul.nav a:link,
ul.nav ul.nav a:link,
ul.nav ul.nav ul.nav a:link 
				{ 		display: block;
						color:maroon;
}

ul.nav a:visited,
ul.nav ul.nav a:visited,
ul.nav ul.nav ul.nav a:visited 
				{ 		display: block;
						color:maroon;  /* IE and Firefox wrongly use values for normal a:visited above, so these need to match */
}

ul.nav a:hover,
ul.nav ul.nav a:hover,
ul.nav ul.nav ul.nav a:hover
		 { 				color:blue;
						text-decoration:none; 
}

/* ul.nav2 is for one-level horizontal navigation links*/
ul.nav2 { 	list-style: none;
}

ul.nav2 li		/* TOP LEVEL VALUES */
				{ 	display:inline-block; /* makes links diplay horizontally across page */
					height: 16px; /* do not set to auto, display is awful & jumpy */
					width: 88px; /* width of each text box- set to accomodate longest link text */
					margin: 0px 2px 0px 2px; /*  */
					float:left;
					background: #bfe2f9 ;  /* MUST MATCH SIDECOLBOX div.content background-color */
					border: 1px #f289ae solid; /* was f289ae */
					text-align: center; /* sets text within each box */
					text-indent: 0px; /* set to 0 if text-align center, or 4px if align left */
					font-size: 10pt;
					color: purple; /* this sets fot color of un-linked text; (hyperlink colors are set with a. values above) */
}

ul.nav2 li:hover
				{ 	display:block;  /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
				 	background:#ccffcc url(images-and-logos/hover.gif) repeat-x;
				 	color:blue;
}

ul.nav2 a:hover /* top level values */
				{ 	display: block;
					color: blue;
					text-decoration: none; /* can be set to underline or none */
					background: #ccffcc url(images-and-logos/hover.gif) repeat-x;
}




 