/* Master styles */

* { margin: 0; padding: 0; }
body { height: 100%; background-color: gray; }
/* background-color: #ff9900; orange */

body, p, td,  ol,  dl, dt, dd { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /* Be Nice to Netscape 4.x */
h2 { font-size: 1.2em;  }

/* Begin logo */
	.logotext { font-size: 36px; font-family: Helvetica, Arial sans-serif; color: orange; }
	.logotextsmall { font-size: 18px; font-family: Helvetica, Arial sans-serif; font-weght: bold; color: white;}
/* End Logo */

/* Begin Left Sidebar Items */
	#leftsidebar { padding: 0 10px 0 10px; padding-top: 20px;
               voice-family: "\"}\""; voice-family: inherit; /* IE4.x hack */ 
               }
	ul#leftnav { list-style-type: none; }
	ul#leftnav li {  font-weight: bold; padding: 4px 0; }
	ul#leftnav a { color: yellow; text-decoration: none; }
	ul#leftnav a:hover { background-color: #000000; color: #ff9900;}
    h3#leftnav{ font-weight: bold; font-size: 24px; color: yellow; text-decoration: none;}

/* End Left Sidebar Items */
		
/* Begin commerce Column*/
	#commerce table { width: 760px; height: auto; align: center; valign: center; border: 2;}
/* End Middle Column */
		
/* Begin Middle Column - Archives*/
	
/* End Middle Column - Archives*/

/* Begin Middle Column - Search*/
	#search { background-color: #FFFFFF; }
	caption#search { background-color: white; }
	caption#search a { color: blue; text-decoration: none; }
	caption#search a:hover { background-color: #000000; color: #ff9900;}
    h2#search{ font-weight: bold; font-size: 24px; color: yellow; text-decoration: none;}
/* End Middle Column - Search*/

.warningtext { font-size: 1em; color: white; font-weght: bold; text-decoration: none;}
.copyright { font-size: .75em; color: black; font-weght: bold; text-decoration: none;}
.header { font-size: 1.5em; color: black; font-weght: bold; text-decoration: none;} 

.thumbnail{position: relative; z-index: 0; }

.thumbnail:hover{ background-color: transparent; z-index: 50; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -300px; left: -50px; 
 /*position where enlarged image should offset horizontally */
}