.es {
	
	background-color: #FFFFFF;
	background-image: url(../graphics/bkgv.gif);
	background-repeat: repeat-y;
}

.esi {
	
	background-color: #FFFFFF;
	background-image: url(graphics/bkgv.gif);
	background-repeat: repeat-y;
}

.fore {color:#000000}
.fore A:link {color: #0000FF;  font-family:  'Courier New', Courier, monospace;}
.fore A:visited {color: #6633CC}
.fore A:active {color: #663300 }
.fore A:hover {color: }

.back { COLOR: #3a3a3a } 
.back A { COLOR: #ad2518;   } 
.back A:visited { COLOR:#47140d }
.back A:active {color: #47240d }
.back A:hover { COLOR:663300  }

.bkg {  
background-color: #FFFFFF; 
background-image: url(/graphics/bkgv.gif); 
background-repeat: repeat-y
font-family: 'Trebuchet MS', Helvetica, sans-serif;  
}

.bkg { COLOR: #3a3a3a } 
.bkg A { COLOR: #ad2518;   } 
.bkg A:visited { COLOR:#47140d }
.bkg A:active {color: #47240d }
.bkg A:hover { COLOR:663300  }

.fapstyle {
background-color:#e6e6e6;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
background-image: url(http://www.fineartpost.com/albums/album168/1800logo_002.gif);
background-image: url(http://www.fineartpost.com/albums/graphics/bkg/album168.1800logo_002.gif);
background-repeat: repeat-y;  
}

.p {  
color: #4b2d03; 
font-family:  'Courier New', Courier, monospace;
}

.introstyle {  
font-family: 'Trebuchet MS', Helvetica, sans-serif;  
font-size: small; 
}

.contentstyle {  
 color: #4b2d03; 
 font-family: 'Trebuchet MS', Helvetica, sans-serif;  
 //font-size: small;  
}

.imageinfostyle {  
color: #00008c; 
font-size: x-small; 
}

.locationstyle {  
//color: #00008c; 
font-size: small; 
}



.lmatitlestyle {  
color: #700a0c; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;  
}

.titlestyle {  
color: #4a0000; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;  


}

.imtitlestyle {  
color: #3a3a3a; 
font-family: 'Georgia, Times New Roman, Times, serif;  
font-size: small;

}
.linkstyle {
  font-family:  'Courier New', 
  Courier, monospace; 
}

.thumbformat {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}


	.img-shadow {
	float:left;
		background: url(../graphics/shadowAlpha2.png) no-repeat bottom right !important;
	background: url(../graphics/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}
		
		
	.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #000000;
	margin: -6px 6px 6px -6px;
		padding: 4px;
		}
	
		.tn-shadow {
	float:left;
		background: url(../graphics/shadowAlpha2.png) no-repeat bottom right !important;
	background: url(../graphics/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}
		
		
	.tn-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #000000;
	margin: -6px 6px 6px -6px;
		padding: 2px;
		}


.es {
	background-color: #FFFFFF;
	background-image: url(../graphics/bkgv.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}
.help {
	background-color: #FFFFFF;
	background-image: url(../graphics/bkg_help.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
} 
.helplink A { COLOR: #CC3300 } 
.helplink A:visited { COLOR:#FF9966 }
.helplink A:hover { COLOR: red }
.subinfo {
	font-size: small;
	font-style: italic;
}
.marketing {
	background-color: #FFFFFF;
	background-image: url(../graphics/bkgv_marketing.gif);
	background-repeat: repeat-y;
}
.marketinglink A { COLOR: #004134 } 
.marketinglink A:visited { COLOR:#007020 }
.marketinglink A:hover { COLOR: #424242 }
.linktosite A { COLOR: #006600 } 
.linktosite A:visited { COLOR:#009900 }
.linktosite A:hover { COLOR:#003333 }
.linktosite { 
	font-style: italic;
}
.notes {
	font-size: small;
	font-style: italic;
	color: #FF6666;
}
.caution {
	font-style: italic;
	color: #FF0000;
	font-size: large;
}
.reversecaution {
	font-style: italic;
	color: #003300;
	font-size: large;
}
.warning {
	font-style: italic;
	color: #FF0000;
	font-size: small;
}
.settings {
	font-family: 'Times New Roman', Times, serif;
	font-size: small;
	color: #5c5c5c;
	white-space: nowrap;
}

.italicfont {
	font-style: italic;
}
.obliquefont { 	
	font-style: oblique; 
}
.boldfont {
	font-weight: bold;
}
.lightfont {
	font-weight: lighter; 
}
.bolderfont {
	font-weight: bolder; 
}
.smcapsfont {
	font-variant: small-caps; 
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.arialblack {
	font-family: 'Arial Black', Gadget, sans-serif;
}
.bookman {
	font-family: 'Bookman Old Style', serif;
}
.comicsans {
	font-family: 'Comic Sans MS', cursive;
}
.courier {
	font-family: Courier, monospace;
}
.couriernew {
	font-family: 'Courier New', Courier, monospace;
}
.garamond {
	font-family: Garamond, serif;
}
.georgia {
	font-family: Georgia, serif;
}
.impact {
	font-family: Impact, Charcoal, sans-serif;
}
.lucida {
	font-family: 'Lucida Console', Monaco, monospace;
}
.lucidasans {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.mssansserif {
	font-family: 'MS Sans Serif', Geneva, sans-serif;
}
.msserif {
	font-family: 'MS Serif', 'New York', sans-serif;
}
.palatino {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.symbol {
font-family: Symbol, sans-serif;
}
.geneva {
	font-family: Tahoma, Geneva, sans-serif;
}
.timesnewroman {
	font-family: 'Times New Roman', Times, serif;
}
.trebuchet {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
.verdana {
	font-family: Verdana, Geneva, sans-serif;
}
.xxsmall {
	font-size: xx-small;
}
.xsmall {
	font-size: x-small;
}
.small {
	font-size: small;
}
.medium {
	font-size: medium;
}
.large {
	font-size: large;
}
.xlarge {
	font-size: x-large;
}
.xxlarge {
	font-size: xx-large;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.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: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}