html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li 
{
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-family: Verdana, Helvetica, sans-serif;
}

/* Style of ul top level navi id'd tags */
#navi ul
{
	font:15px Verdana, Helvetica, sans-serif;
	list-style:none;
	margin:10px 0 0 15px;	/* margin: top right bottom left; */
}

/* Style of the individual li tags - applies to all which are not overridden further */
#navi li
{	float:left;	/* positions the li tag (left or right) and orders them from L2R or R2L */
	position:relative;	/* if changed to absolute then all the items are positioned on top of each other as from the top left corner */ 
}

/* Style to the individual anchor tags on the top level */
#navi a
{
	color:#261a11;	/* Colour of top level text (not including currently selected) Brown */
	display:block;
	font-weight:bold;
	line-height:3;	/* seems to be a line on which the item is placed! */
	padding:0 10px 0;	/* top l+r bottom */
	text-decoration:none;
	border:1px solid #ffffff;	/* Colour of the borders */
}
/* seems to only effect the top line, maybe subs are.  */

/* Top level li */
#navi li:hover > a
{
	color:#DC143C;	/* Colour of top level text when hovered over */
	background:#F5F5F5;	/* Colour of background of top level when hovered over */
	border:1px solid #808080;	/* Colour of the borders when hovered*/
}
/* originals color:#d8471d;background:#e8e0c8;background:url("portrait_75_red.png") no-repeat; */





/* Style of the 2nd level ul tag */
#navi ul ul
{	-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	display:none;
	float:left;
	position:absolute;
	top:36px;
	left:0;
	margin-left:0;
	z-index:0;
	-webkit-transform:none;
	-moz-transform:none;
	min-width:180px;
	z-index: 10;
}
/* Firefox no like... -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); */

/* Style of the individual 2nd level anchor tags */
#navi ul ul a
{
	background:#ffffff;	/* F5F5F5 grey */
	border:1px solid #808080;	/* Colour of the borders of 2nd and 3rd level anchors */
	color:#000;
	line-height:1;
	margin:0;
	padding:15px;
	min-width:180px;
	height:auto;
	position: relative;
	z-index: 10;
}
/* background:#e8e0c8;border:1px solid #dfce8c;color:#000;	line-height:1;margin:0;padding:15px;min-width:180px;height:auto; */

/* looks like this is being overridden by other styles */
#navi ul ul a:hover
{
	background:#f5f5f5;
}
/* background:#d4cfc6; */

/* looks like this is being overridden by other styles */
#navi ul li:hover > ul
{	background:#f5f5f5;
	display:block;
}
/* background:#e2dbd1; display:block; */





/* Style of 3rd level ul */
#navi ul ul ul
{	left:98%;	/* moves the left of the 3rd level */
	top:-40%;	/* moves the top of the 3rd level */
}
/* Orig left:100%;top:0 */


/* Style of individual 2nd and 3rd level anchor tags within a ul ul li tag when hovered over */
#navi ul ul li:hover > a
{	color:#DC143C;
	background:#F5F5F5; 
	background-position:0 0;
}
/* color:#d8471d; background:#e8e0c8; background-position:0 0; */






#navi .touch_me a
{
	color:#fff;
	background:#DC143C;
	border:1px solid #808080;	
/*
Previous colours
	color:#DC143C;
	background:#ffffff;
	border:1px solid #808080;	*/ /* Colour of the borders of 2nd and 3rd level anchors */
}
/* The colour of the text of the currently selected page top level */
/* color:#d8471d; background:url("portrait_75_red.png") no-repeat; */

/* touch_me class is for the menu item that it surrently selected e.g. the page you are on */
/* Effects 2nd and 3rd level */
#navi li.touch_me ul ul li a, #navi li.touch_me ul li a
{
/*	background:#f5f5f5;*/
}
/*  background:#e8e0c8;  */


#listexamples ul
{
	list-style-type:disc;
	margin:5px 0 20px 20px;	/* margin: top right bottom left; */
}
#listexamples h3
{
	list-style-type:disc;
	margin:0 0 0 10px;	/* margin: top right bottom left; */
}