/* CSS 3 Document */
/* Stylesheet by Philip Bolt*/
/* Vertical and horizontal menus.
This version styled in grey for the REDHALL site.
Updated for 'border-radius', 18/7/12 */
ul.menu_v {	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		color:rgb(100,100,100);
		padding: 0px;
		list-style: none;
		width:90%;
		padding: 10px;
		margin-top:0;
		margin-left:0px;
		margin-bottom:0;
		}
		
ul.menu_v li {
		margin-right: 0;
		width: 90%;
		text-align:center;
		border: 0;
		margin-left: 0px;
		margin-top: 0;
		margin-bottom: 0;
		padding: 10px 0;
		}
		
ul.menu_v li a {
		display: block;
		float: left;
		text-decoration: none;
		color:rgb(100,100,100);
		background: transparent; /*#7df2d4;*/
		width: 90%;
		padding: 10px 0;
		}
		
ul.menu_v li a:hover{
		display: block;
		float: left;
		text-decoration: none;
		width: 90%;
		color:black;
		background: rgb(200,200,200);
		margin:-1px;	/*This is to compensate for the 1px border.*/
		border: 1px rgb(100,100,100) solid;
		padding:10px 0;
		-k-border-radius: .3em;
		-khtml-border-radius: .3em;
		-o-border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		border-radius: .3em;
		}	
		
/*The following are for a HORIZONTAL, menu display.*/				   
ul.menu_h {
		list-style: none;
		font-size:100%;
		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;
		background:rgb(100,100,100); 
		width: 7em;
		height:1.5em;
		padding-bottom:.2em;
		border:.1em rgb(100,100,100) solid;
		-k-border-radius: .3em;
		-khtml-border-radius: .3em;
		-o-border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		border-radius: .3em;
		}

ul.menu_h li a {
		display: -moz-inline-stack;
		display: inline-block;
		color:white;
		background:rgb(100,100,100);
		width: 7em;
		height:1.5em;
		padding-bottom:.2em;
		border: .1em rgb(100,100,100) solid;
		-k-border-radius: .3em;
		-khtml-border-radius: .3em;
		-o-border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		border-radius: .3em;
		}	

ul.menu_h li a:hover {
		display: -moz-inline-stack;
		display: inline-block;
		color:black;
		background: rgb(200,200,200);
		width: 7em;
		height:1.5em;
		padding-bottom:.2em;
		margin:-0.1em -0.1em 0;/*This is to stop the border width moving the text.*/
		border:.1em rgb(100,100,100) solid;
		-k-border-radius: .3em;
		-khtml-border-radius: .3em;
		-o-border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		border-radius: .3em;
	}	

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