h1 {margin-top:0px; margin-bottom:0px; text-align:left;color:black; background:transparent;font-size:20px; font-family:"Splendid", "Monotype Corsiva","Arial"}
h2 {margin-top:0px; margin-bottom:0px; text-align:center;color:green; background:transparent;font-size:35px; font-weight:bold; line-height:50%; font-family:"Splendid", "Monotype Corsiva","Arial"}
p {text-align:justify;color:black;background:transparent; font-size:20px; font-family: "Splendid","Monotype Corsiva","Arial";
margin-left:30px; margin-right:30px;
}
h4 {text-align:center;color:black;background:transparent; font-size:24px; font-family: "Splendid","Monotype Corsiva","Arial"}
h5 {margin-top:0px; margin-bottom:0px; text-align:center;color:green;background:transparent; font-size:18px; font-family: "Splendid","Monotype Corsiva","Arial"}

h6 {text-align:center;font-size:18px;font-style:italic; font-weight:lighter; font-family:"Arial"}

body {background:url("../images/lgren031.jpg");color:black;}



a:link {background:#ceefbd; color:green;background:transparent; text-decoration:none}
a:visited {background:#ceefbd; color:blue;background:transparent; text-decoration:none}
a:hover {background:#d66321; color:white;background:transparent; text-decoration:none}
a:active {background:#ffb573; color:black;background:transparent; text-decoration:none}

caption {font-size:16px;font-style:italic; font-weight:lighter; font-family:"Arial";color:black; background:#ceefbd}

nav {
		
		margin-left:		320px;
		margin-right:		0px;
		
	}
#dromes{ 
		margin-top:		    40px;
		margin-bottom:      120px;
}
	nav ul {
		margin:				0 20px 0 75px;
		padding:			0;
	}
	
	nav ul li {
		list-style:			none;
		margin:				0;
		padding:			0;
		float:				left;
		margin-right:		2px;
	}
	
	nav ul li a {
		text-decoration: 	none;
		font: 				14px/1em 'Droid Sans', sans-serif;
		font-weight: 		bold;
		text-shadow: 		rgba(255,255,255,.5) 0 1px 0;
		
		-webkit-transition:all .1s ease-in-out;
		
        -moz-transition: 	all .1s ease-in-out;
		
         transition: 	all .1s ease-in-out;
		
		padding: 			.5em 1.2em .4em 1.2em;
		display: 			inline-block;
		
		
		
	
 
	/* effects */
		border-top: 		1px solid rgba(255,255,255,0.8);
		border-bottom: 		1px solid rgba(0,0,0,0.1);

		
		background: 		-webkit-gradient(radial, 50%, 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
		background: 		-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
		background: 		gradient(radial, 50%, 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: 	all .1s ease-in-out;
		transition: 		all .1s ease-in-out;
	
	/* color */
		color: 				hsl(192, 100%, 30%) !important; /*button text colour*/
		background-color: 	hsl(30, 100%, 83%);
	
		-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.15) 0 -0.3em .3em,
						hsl(0, 0%, 65%) 0 .1em 3px, hsl(0, 0%, 45%) 0 -.3em 1px, 
						rgba(166,166,166,0.9) 0 -.3em 5px; 
		-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.15) 0 -0.3em .3em,
						hsl(0, 0%, 65%) 0 .1em 3px, hsl(0, 0%, 45%) 0 -.3em 1px, 
						rgba(166,166,166,0.9) 0 -.3em 5px; 
		box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.15) 0 -0.3em .3em, hsl(0, 0%, 65%) 0 .1em 3px,
		hsl(0, 0%, 10%) 0 .1em 3px, rgba(166,166,166,0.9) 0 -.3em 5px;
	}
	
	nav ul li a:hover {	

		-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.2) 0 -0.1em .3em,  
								rgba(166,166,166,0.9) 0 0em 0px; 
		-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.2) 0 -0.1em .3em,  
								rgba(166,166,166,0.9) 0 .2em 6px;
	     box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(166,166,166,0.2) 0 -0.1em .3em,  
								rgba(166,166,166,0.9) 0 .2em 6px; 

		-webkit-transform: 	translateY(-.3em);
		-moz-transform: 	translateY(-.3em);
		transform: 			translateY(-.3em);
	}
	
	nav ul li:first-child a {
		-moz-border-radius-topleft: 10px 5px;
		border-top-left-radius: 10px 5px;
		-moz-border-radius-bottomleft: 10px 5px;
		border-bottom-left-radius: 10px 5px;
	}
	
	nav ul li:last-child a {
		-moz-border-radius-topright: 10px 5px;
		border-top-right-radius: 10px 5px;
		-moz-border-radius-bottomright: 10px 5px;
		border-bottom-right-radius: 10px 5px;
	}
.current {
			
		border-bottom: 		5px solid rgba(248,55,14,0.7);
}