/* stylesheet version 5-r (rounded boxes) for THE OUSE WASHES website */

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

body		{		background: white url('images/misc/.jpg'); /*xmas 2012 was  ThreeDShadow url('images/misc/christmas-background-tiles155-150x150.jpg')  */
}
.headerbox {	
  					width: 960px; /*overall width of ROUNDED box  - same as page below*/
					text-align: left;
					margin: 0px 0px 0px 3px;
					
}
.header		{ 	/* this styles header (banner) table which holds logocell and top-slides */
					width: 941px; 
					height:170px;
					margin-top: 15px; /* gives a space above page */
					margin-left : auto; 		/* margins left & right set to auto centers page in browser window */
					margin-right: auto;  	/* margins left & right set to auto centers page in browser window */
					margin-bottom: 10px;		/* gives a space below page */
					font-family: Ebrima, Verdana, Arial;  
					border-spacing:0; /* this is CSS equivalent to HTML cell-spacing */
				
}
.logocell
				{	width:217px;
					background-color: #ebecf6;
					text-align:center; 
					vertical-align:middle;
					font-size:14pt;
					color:blue; 
					font-weight:bold;  
					border-spacing:0px; /* this is CSS equivalent to HTML cell-spacing */

}
.titlecell		{ /* for slideshows, eg railway */
					width: 712px; 
					height: 171px; 
					/*set  background-image on HTML page */  
					background-repeat: no-repeat;
					background-position: center; 
					vertical-align: top;
					border:none;
}
.top-slides	{ 
					width: 712px; /* must be same or less than header minus logocell */
					border:none;
					border-spacing:0px; /* this is CSS equivalent to HTML cell-spacing */
}

.page	{ 	/* this styles main table of page; font-family & colour should be inherited unless stated below.,*/
					width: 960px; /* same as headerbox above */
					padding-top: 0px;
					margin-top:5px;
					margin-left : auto; 		/* margins left & right set to auto centers page in browser window */
					margin-right: auto;  	/* margins left & right set to auto centers page in browser window */
					margin-bottom: 0px;		/* gives a space below page */
					font-family:inherit;
					font-family: Ebrima, Verdana; 
					color : maroon;
					border-spacing:0; /* this is CSS equivalent to HTML cell-spacing */
					border: 1px blue solid; 
					border-collapse: collapse;
					table-layout: fixed;
}
.daterow	{ 
					width: 100%; 
					height : 15px; 
					background-color: #ebecf6;/* was #fffdda */
					text-align: center; 
					font-size: 10pt; 
					color:maroon	; 
					font-weight: bold; 
}

.sidecol		
				{ 	width: 217px; 
					background-color: #ebecf6;
					margin-left : auto; 		/* margins left & right set to auto centers data in column */
					margin-right: auto;  	/* margins left & right set to auto centers data in column*/
					font-family: Helvetica,  Arial, sans-serif; 
					font-size: 10pt; 
					text-align:center; 
}
.sidecolbox	{
					width: 207px; /*overall width of box  */
					text-align: center;
  					margin: 0px 0px 0px 0px; /* top, right, bottom, left */
  					/* all other values are shown in 'ouse-washes-website\css-rounded\sidecolbox.css' */
}

.narrative		/* use for main column  in most pages*/
					{ 	/* was width: 720px; but leave to alow page to determine balance left after deducting sidecol figure*/
				
					background-color:#ebecf6; 
					border-left: 1px blue solid; 
					font-size: 11pt;
					line-height: 166%; 
					vertical-align:top; 
					text-align:left; 
					padding-left:16px; 
					padding-right:16px;
					font-family: Ebrima, Verdana;
}

.boxed 			/* gives top and bottom borders on rows for special pages - eg visitor comments ans stats */
				{	border-top:1px solid green; 
					border-bottom:1px solid green;
}

					
.slideshow	{  /* use on stand-alone slideshoes in middle column instead of narrative. not for use within otherpages */
					background-color:#ccff99;  
					vertical-align:top; 
					padding-top:8px; 
					border-bottom:0;
} 
.slideshow	{ 	/* previously included header */
					border: 1px green solid; 
					border-collapse: collapse;
}

.comment-box {
				  	width: 205px; /*overall width of box  */
			  		margin: 0px 0px 0px 0px;
}

.comment	{ 	/*text boxes used in side columns to indicate points to note. */
					border: 1px green solid; 
					background-color: #ffffcc; /* yellow-ish */
					padding: 0px; 
					width: 190px; 
					text-align: center;
					margin-left:auto; /* left & right at auto centers in column */
					margin-right:auto;
					line-height:140%;
					font-size:10pt;
					
					
}
.navtexthead	{ 	/*heading1 for text used in side nav box. */
					background-color: #fdedf2; /* pink-ish */
					color:maroon; 
					font-weight:bold;
					width: 202px; 
					text-align: center;
}
.navtext	{ 	/*text used in side nav box. */
					background-color: #fdedf2; /* pink-ish */
					width: 202px; 
					text-align: center;
}

blockquote	{ 
					margin-top: 1em; 
					margin-right: 1em; 
					margin-bottom: 1em; 
					margin-left: 1em; 
					text-align: justify; 
					font-size:11pt; 
					font-family:Arial;
					line-height: 135%;
}

h1			{ 		 /* for page title*/
					font-size: 16pt;	
					font-weight: bold; 
					font-variant:small-caps;
					text-align : center; 
}
h2			{ 		/* for website title in logocell*/
					font-size: 16pt; 
					font-weight: bold; 
					text-align: center; 
					font-family: Georgia, "Times New Roman", Times, serif;  
} 
h3			{ 		/* for section headings */
					font-size: 14pt; 
					font-weight: bold;
					font-variant:small-caps;
					text-align: center;
					text-indent: 0px
} 
h4			{ 		 /* for section sub-headings */
					font-size: 12pt; 
					font-weight: bold;
					font-variant:small-caps;
					text-align: left;
					
}
h5			{ 		 /* for section sub-sub-headings */
					font-size: 11pt; 
					font-weight: bold; 
					color: green; 
					text-align: left; 
					text-indent:20px
}
h6			{ 		/* for project statement in head below site title*/
					font-size: 10pt;	
					font-weight: bold; 
					color: maroon; 
					text-align : center;
} 
a:link		{ 		/* do not amalgamate link/visted/hover - doesn't work */
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:none;
}
a:visited	{ 
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:none;
}
a:hover	{ 
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:underline;
}

ul.norm li	{		list-style:disc;   /* this and codes below sets ul values back to default, having been lost on move from welney.css to welney-new css */
					margin-left:40px;
					
}
ul.norm li li {		list-style:circle;
					margin-left:40px;
}

ul.nav,
ul.nav2,
.listhead,
ul.heading,								/* styles a ul header as a title for nav bars */
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. */  
ul.nav ul.nav ul.nav li:hover ul,	/* displays 4th level when 3rd hovered over. */ 
ul.nav ul.nav ul.nav ul.nav li:hover ul	/* displays 5th level when 4th hovered over. */ 
	{
 					display: block;
 					list-style: none;
 					width: 202px;
 					height: auto;
}
ul.nav		{ 
					border: 0px green solid;  /* border is only on outer box */
					border-collapse: collapse; 
}
ul.heading, 
.listhead	{
					text-align:  center; 
					background-color:#d4ecfb; /
					border: 1px green solid; 
					border-bottom: none;
}
ul.nav li		{
					display: block; 
					background: #fdedf2;  /* top level of index fdedf2 is light pink*/
					text-align: left; 
					text-indent: 4px; 
					width: auto; 
					height: 20px; /* do not set to auto, display is awful & jumpy */
}
ul.nav li:hover{	display: block;  /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
					background:#d4ecfb url(../images/hover-sl.gif) repeat-x; /* top level of index ebf5fc is pale blue*/


	
}
ul.nav a:link { 
					display: block;
					
} 
ul.nav a:hover	{ 
					display: block;  /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
					background:#d4ecfb url(../images/hover-sl.gif) repeat-x;	/*ebf5fc is very pale blue*/

}
ul.nav a:hover	{ 
					text-decoration:none; 
}
ul.nav ul.nav li,	
ul.nav ul.nav li ul,		
ul.nav ul.nav ul.nav li ul,
ul.nav ul.nav ul.nav ul.nav li ul
		{			background-color:#fdedf2;/* 2nd, 3rd, 4th & 5th levels;  same as ul.nav li:hover above */
} 

ul.nav li ul,		 						/* 2nd level */
ul.nav ul.nav li ul	,					/* 3rd level*/
ul.nav ul.nav ul.nav li ul,			/* 4th level */
ul.nav ul.nav ul.nav ul.nav li ul	/* 5th 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. */
ul.nav ul.nav ul.nav li:hover ul,	 			/* 4th level */
ul.nav ul.nav ul.nav ul.nav li:hover ul		/* 5th level */
		{ 			overflow:visible; 
					position: relative; 
					left: 195px; 
					top: -16px;
					border: 1px blue solid;	 /*  puts border around outer box, but not lines; seems to be inherited from ul.nav for 2nd level, but not the 3rd */
}
.visitorcounter{
					/*  
					 height: 22px; 
					 border-collapse: collapse; 
					 text-align: center;  */ 
					 background: #FFFF99;
					 border: 1px green solid;
					 vertical-align: top;
					 display:inline;
}

ul.comment2
{					background: #fffdda  ;  /* top level of index - ccffcc, fff99d, eaf3da, e0edc5 is pale soft greygreen*/
					text-align: left; 
					text-indent: 4px; 
					width: auto; 
					height: 20px; /* do not set to auto, display is awful & jumpy */
}

.smltxt      		{ font-size: 10pt }
.center     		{ text-align: center;}
.left				{ text-align: left }	 
.right          	{ text-align: right}
.bold				{ font-weight: bold }
.whitebkg      	{ background-color: white }
.white			{ color: white }
.black			{ color: black }
.red            	{ color: red }
.green         	{ color: green }
.yellow        	{ color: yellow }
.ack				{ color: green; 
					font-style:italic;
					font-size: 10pt;
					vertical-align:top }



/* DATA TABLES (dt). are for tables (dt) and data cells (dc) within tables.  Position, width and background colour are set separately */
.dt	,
.st		{			width:100%; 
					background-color:white;
					font-family: Helvetica, Arial, sans-serif; 
					font-size: 10pt;
					text-align:left; 
					table-layout:fixed;
					border: 1px blue solid;
					border-collapse: collapse; 
}
.st				{	width:200px;
					background-color:#fffdda;

}
.dc,
.dc-h		{		padding: 2px 4px 2px 4px; /* top, right, bottom, left */
					border: 1px blue dotted;
					border-collapse: collapse; 
					height:18px; 
					line-height: 140%;
					vertical-align:top;
}
.dc-h		{		background: #fdedf2;
}

.notes			{ line-height: 140%; 
			       	vertical-align:top; 
			       	table-layout: fixed; /* instructs browsers to make all columns same width as first row */
}