/* Main style for website */

	body	{ background-color: black;
		color: white; 
		font-family: myriad, sans-serif}
	
	a       {color: white}
		
	a:hover { background-color: slategray;
          color: white }

	button.formInputButton {
    font-size: 1.2em;
	font-family: Myriad, MS Sans Serif;
    vertical-align: middle;
	text-align: center;
    color: white;
    background-image: url("/buttons/FindImages.jpg");
    padding: 1px;
    float: left; 
    cursor: pointer;
    }
	
	div.footer {
	font-size: 80%;
	}
	
	/*header2 { background-image: url("images/ArcImagesLogo2.jpg")}
  <img src="images/ArcImagesLogo2.jpg" alt= "arc images logo"
			width=100%> <table width="100%" border="0" align="center">

    		<tr align="center"> 
     
    <td width="20%"><a href="ArcImages.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','buttons/HomeOver.jpg',1)"><img src="buttons/Home.jpg" alt="go to home" name="Home" width=100% height="30" border="0"></a></td>

    <td width="20%"><a href="links.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Links','','buttons/LinksOver.jpg',1)"><img src="buttons/Links.jpg" alt="go to links" name="Links" width=100% height="30" border="0"></a></td>
	  
    <td width="20%"><a href="AboutMe.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('AboutMe','','buttons/AboutMeOver.jpg',1)"><img src="buttons/AboutMe.jpg" alt="go to about me" name="AboutMe" width=100% height="30" border="0"></a></td>

      <td width="20%"><a href="SelectProductSearch.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Search','','buttons/SearchOver.jpg',1)"><img src="buttons/Search.jpg" alt="go to some" name="Search" width=100% height="30" border="0"></a></td>
  
    <td width="20%"><a href="Credits.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Credits','','buttons/CreditsOver.jpg',1)"><img src="buttons/Credits.jpg" alt="go to credits" name="Credits" width=100% height="30" border="0"></a></td>

  </tr>

</table> */
}