.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: #636363 } 
.back A { COLOR: #71385B;   } 
.back A:visited { COLOR:#cc3300 }
.back A:active {color: #663300 }
.back A:hover { COLOR:  }
.back {
font-size: 90%;
}

.wva {  
background-color: #FFFFFF; 
font-family: Verdana, Verdana, Geneva, sans-serif;
background-image: url(../graphics/bkg.gif); 
background-repeat: repeat-y;
}

.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;  
}

.introstyle {  
color: #cd6000;  
font-size: small; 
}

.selected {  
color: #858585;
//font-style : bold; 
text-decoration: none; 
background-color:#fbfbec;
text-align: right;
}

.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; 
}

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

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



.imtitlestyle {  
color: #727272;
font-style : italic; 
}

.labelstyle {  
color: #848383;
font-size : smaller; 
}


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





/* ######### CSS for drop down menus (http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm) ######### */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #FFFFFF;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #ffffcc;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
//font-weight: bold;
text-indent: 5px;
}

.anylinkcss A:link {color: #71385B; }
.anylinkcss A:visited {color: #cc3300; }
.anylinkcss A:active {color: #663300;  }

.anylinkcss a:hover{ /*hover background color*/
background: #ffffff;
color: #000000;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 150px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}	
/* ######### end CSS for drop down menus ######### */




.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 */

}