/* CSS 3 Document */
/* Stylesheet by Philip Bolt*/
/* Horizontal menus.
This version styled in grey for the REDHALL site.
Created 15/7/14
Updated 19/7/14, 20/7/14, 26/7/14
The following are for a HORIZONTAL, menu display.*/				   
ul.menu_h {
		font-family:"Century Gothic";
		list-style: none;
		font-size:200%;
		border-bottom:0;
		margin: 0;
		padding: 0;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		padding-bottom:.2em;
		}

ul.menu_h li {
		display: -moz-inline-stack;
		display: inline-block;
		color:white;
		width: 8em;
		height:1.2em;
		padding-bottom:.2em;
		}

ul.menu_h li a {
		display: -moz-inline-stack;
		display: inline-block;
		color:black;
		width: 8em;
		height:1.2em;
		padding-bottom:.2em;
		}	

ul.menu_h li a:hover {
		display: -moz-inline-stack;
		display: inline-block;
		color:white;
		background: rgb(200,200,200);
		width: 8em;
		height:1.2em;
		padding-bottom:.2em;
		margin:-0.1em -0.1em 0;/*This is to stop the border width moving the text.*/
		text-shadow: .03em .03em  #8c8c8c; 
		border-radius: .1em;
		box-shadow: 0px 0px .06em .1em #3c0909;/* #7c7c7c;/*/
	}	

td.lrg	{font-size: 200%;}
p.med	{font-size: 150%;}

img.mnu:hover { 
		position:relative; 				/*Enable z-indexing*/
		z-index:200;					/*Set z_index to bring to front*/
		border-radius: .2em;
		box-shadow: 0px 0px .1em .2em #3c0909;
	} 
	
img.vid:hover{
	/*position:relative; 				/*Enable z-indexing*/
		/*z-index:200;					/*Set z_index to bring to front*/
		/*border-radius: .2em;
		box-shadow: 0px 0px .1em .2em #3c0909;*/
	}