<!doctype html>
<html lang="en">
<head>
<title> MJG SERVICES INC. </title>
</head>
<style>
   #wrapper   {width:100%;
		min-height:100%;
		background-color: #b3c7e6;
		border: 3px solid #cc9900;
		margin:0 auto;}
    
   #h1	 	{background-image: url("mjglogo.jpg");
		background-size: 13%;
		background-repeat: no-repeat;
		background-color:white;
		height: 75%;
		width: 100%;
		padding-bottom:0%;
		font-face: Palatino linotype;
		font-size: xx-large;
		font-style: italic;
		text-align: left;
		color: #cc9900;
		text-indent:10%;
		border: 3px solid #cc9900;
		float:left;}

   #h1 ul	{list-style-type: none;
		font-face: palatino linotype;
		font-size: medium;
		text-align:left;
		font-style: bold;
		margin-left:75%;
		padding-top:2%;
		color: #cc9900;
		}
  
   #Nav	{width:100%;
		height:0%;
		align:left;
		background-color:#336699;
		margin-left:0%;
		padding-bottom:0%;
		padding-right:0%;
		padding-left:0%;
		padding-top:0%;
		text-indent:0%;}

   #Nav ul	{font-style:none;
		font-size: large;
		color: white;
		padding-left:2%;
		background-color:#cc9900;
		margin-left:0%;}

   #Nav li	{display:inline;
		padding-right:5%;}


   #Nav a:link  {color:white;text-decoration:none}      /* unvisited link */
   #Nav a:visited {color:white;text-decoration:none}  /* visited link */
   #Nav a:hover {color:white;text-decoration:underline}  /* mouse over link */
   #Nav a:active {color:white;text-decoration:underline}  /* selected link */ 

   #bottombox   {background-color: white;
		width: 100%;
		height: 100%;
		margin-left:0%;
		border: 3px solid  #cc9900;}


   #leftcolumn  {float:left;
		margin-left:0%;
		width: 25%;
		height:100%;
		background-color: white;
		color: black;
		font-size: medium;
		TEXT-ALIGN:LEFT;
		PADDING-LEFT:0%;
		padding-top:0%;
		padding-bottom:0%;
		padding-right:2%;
		padding-left:2%;
		text-indent:0%;
		margin-top:0%;}

   #leftcolumn b {font-face: Palatino linotype;
		font-size: large;
		font-style: italic;
		text-align: left;
		color: #cc9900;}

   #leftcolumn ul {list-style-type: none;
		display:normal;
 		font-face: palatino linotype;
		PADDING-LEFT:0%;
		padding-top:0%;
		padding-bottom:0%;
		padding-right:0%;
		margin-left:0%;
		background-color: white;
		}

   #leftcolumn li {color:black;
		font-style:normal;}

   #rightcolumn {width:75%;
		background-color: white;
		margin-left:25%;
		margin-top:0%;}

   #content_idx {background-color: white;
		width:100%;
		padding-bottom:2%;}

   #content_idx img {border: 8px outset #336699;
		width: 55%;}

   #content_idx b {font-style: bold;
		font-face: Palatino linotype;
		font-size: xx-large;
		text-align: left;
		color: #cc9900;}

   #content_idx p {font-style: none;
		text-index: 3%;}

   #content_idx u {font-style: underline;
		font-face: Palatino linotype;
		font-size: xx-large;
		font-style: italic;
		text-align: center;
		color: #cc9900;}

   #gallery	{display:relative;}

   #gallery ul 	{width: 10%;
		list-style-type: none;}

   #gallery li 	{display: table;
		align:left;
		padding: 1%; 
		overflow:scroll;}

   #gallery img {border-style: none;}

   #gallery a	{text-decoration: none;
		color: #333;
		font-style: italic; }

   #gallery span {display: none;}
   
   #gallery a:hover span 
		{display: inline;
		position: fixed;
		top: 35%;
		left:40%;
		text-align: bottom;}	

   #footer   	{padding-top:0%;
		color:white;
		background-color:#cc9900;
		text-align:right;}	
  
   body 	{background-color:#336699;} 

   #page 	{height: 100%; width: 100%} 
   #tdcontent {height: 100%;} 
   #content 	{overflow: auto; /* or overflow: hidden; */ } 


</style>
<body>
</body>
</html>