body {background: white; }
	


	div#container 	{

			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border: 1px solid gray;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
					
			}

	div#banner	{

			padding: 5px;
			background-color: rgb(213, 219, 225);

			}

			

	div#navbuttons a {
	
			display: inline;
			text-align: center; 
			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
   			padding: 2px 20px 5px; 
			margin: 0 5px 5px; 
			text-decoration: none; 
			color: gray; 
			background: rgb(213, 219, 225);
  			
			}

	#navbuttons {
		text-align: left !important;
	}		
			
	div#navbuttons a:hover {

			color: rgb(68, 17, 17);
			background: rgb(213, 219, 225);
			   			
			}

	div#navbuttons a span {
			
			display: none;

			}

	div#navbuttons a:hover span {

			display: inline;
			position: absolute; 
			top: 99px; left: 625px; width: 225px;
			padding: 5px; 
			margin: 5px;
   			color: rgb(68, 17, 17);
			background: rgb(213, 219, 225);
  			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size: 16px;
			letter-spacing: .5px;
			text-align: center;

			}
			

	div#content 	{

			margin-top: 80px;
			margin-bottom: 80px;
			background-color: white;
			
			}

	div#gallerycontent {
			
			
			background-color: white;
					
			}

	
		

	/*I added the following thumbnail division in the gallerycontent division to make my thumbnails into floating elements and therefore space them out in a more pleasing fashion*/

	.thumbnail	{			

			float: left;
			margin: 0 15px 15px 5px;			
			padding: 10px;	
			
			}

			

	.clearboth 	{ 				

			clear: both; 			

			}


	div#galleryicons a {
	
			display: block;
			text-align: left; 
			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 24px;
   			padding: 2px 20px; 
			margin: 0 5px 5px; 
			text-decoration: none; 
			color: gray; 
			background: white;
  			
			}

	div#galleryicons a:hover {

			color: rgb(68, 17, 17);
			background: white;
			   			
			}

	
	div#footer	{

			clear: both;
			padding: 20px;
			margin-top: 10px;
			background-color: rgb(213, 219, 225);
			
			}

		
	p 		{

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			margin-left:20px;
			margin-right: 20px;
			text-align: left; 
			text-indent: 0;
			color: gray; 		

			} 

	.emph 		{

			font-style: italic;

			}
			
	td 		{

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			/* margin-left: 20px;
			margin-right: 20px; */
			text-align: left; 
			// text-indent: 30px;
			color: gray; 		

			} 	

	.emph 		{

			font-style; italic

			}

	p.center	{

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			text-align: center; 
			text-indent: 0;
			color: gray; 

			} 

	.emph 		{

			font-style; italic

			}

	p.resume	{

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			text-align: left; 
			text-indent: 25px;
			color: gray; 
			margin-left: 50px;
			margin-right: 50px;

			} 

	.emph 		{

			font-style; italic

			}


	h1 		{ 
			
			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font-size: 32px;
			text-align: center;
			color: gray;

			}


	h2 		{ 

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size: 22px; 
			text-align: center; 
			color: gray; 

			}

	

	h3 		{ 

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font size: 12px;
			text-align: center;
			color: gray; 

			}

	.emph 		{

			font-style: italic
			
			}


	h4 		{ 

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font size: 12px; 
			text-align: left; 
			text-indent: 30px;
			color: gray; 
			}

	.emph		{
			
			font-style: italic

			}

	h5		{ 

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
			font size: 12px; 
			text-align: left; 
			text-indent: 50px;
			color: gray; 
			font-style: italic
			}




<!--a {text-decoration:none}//-->

	a:link 		{ 

			text decoration: none; 
			color: black; 

			}

	a:visited 	{ 

			text decoration: none; 
			color: black; 

			}
			

	a:hover 	{ 

			text decoration: none; 
			color: black; 

			}

	a:active 	{ 

			text decoration: none; 
			color: black;

			}









