/* Basic Styles */
*  {   /*  makes box size include both border and padding widths  */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1  {  
	font-size: 2em;
	text-align:center;
	color: black;
	margin-left: 15%;
	width: 70%;

}

h2  {
	color: blue; 
	font-size: 2.0em;
	text-align:center;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"
}

p  {	
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size:  1.3em;
	
}

 p.MsoNormal
	{mso-style-parent:"";
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";
	margin-left:0in; margin-right:0in; margin-top:0in
}
span.msoIns
	{mso-style-name:"";
	text-decoration:underline;
	text-underline:single;
	color:teal
}

body  		{
	max-width: 960px;	
	width: 100%;
	margin:0 auto;	
	background-image: url("images/BlueGradient.jpg");
    background-repeat: repeat-x;
}

#wrapper   {
	
	
	border: thin black solid;
	padding: 4%;
	background-color: #ffffff;
	border-radius:2em;
}

nav  {  width: 100%; }    /* margin left of -80px centered the nav  */

nav ul ul {
	display: none;
	margin-left: 0px;  /*  this code moves the sub headings directly beneath main headings on nav file.  */
}

	nav ul li:hover > ul {
		display: block;
	}	

nav ul {
	/*background: #efefef; 	 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); */
	background-color: blue;  
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	margin-left: 10%;
}
	nav ul:after {
		content: ""; clear: both; display: block; 
	}

nav ul li {
	float: left; 
	
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 5px 30px;  /*  first digit sets height of nav   */
	    text-decoration: none; color: whitesmoke;
		/*  color: #757575;     this was original color of the font before the green background as added  */
	}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;   /*  First digit sets height of drop down boxes   */
		position: relative;
	}
		nav ul ul li a {
			padding: 5px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}