.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;
}
.marketingmenu {
	background-color: #ccffcc;
}

.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;
}
.warn {
	font-style: italic;
	color: #FF0000;
	font-weight: bold;
	vertical-align: top;	
}
.settings {
	font-family: 'Times New Roman', Times, serif;
	font-size: small;
	color: #5c5c5c;
	/* white-space: nowrap; */
}
.danger {
	font-family: 'Times New Roman', Times, serif;
	font-size: x-large;
	font-weight: bold;
	color: #ff3300;
	/* white-space: nowrap; */
}
.heading {
	vertical-align:bottom
	font-size: x-large;
	font-weight: bold;
	
	/* white-space: nowrap; */
}
.head {
	//vertical-align:bottom
	font-size: x-large;
	font-weight: bold;
	
	/* white-space: nowrap; */
}



.rollovermenutext {
	font-family: 'Times New Roman', Times, serif;
	font-size: small;
	background: #ffffff;
	text-indent: 5px;
}



.smaller {
height:75%; width:75%; 
}

.goog-te-gadget { 
	font-size: 10px !important;
}
.goog-te-gadget img {
	width: 41px !important;
}
.goog-logo-link {
	font-size: 11px !important;
}

.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;
	font-family: 'Times New Roman', Times, serif;
}
.xlarge {
	font-size: x-large;
	font-family: 'Times New Roman', Times, serif;
}
.xxlarge {
	font-size: xx-large;
	font-family: 'Times New Roman', Times, serif;
}

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

}
    /* code for password validation */
	.tutorialWrapper{
      width: 100%;
    }
    .tutorialWrapper form{
      background-color: #ffc;
      border: 1px solid #cc9;
      padding: 10px;
      font-family: verdana;
      width: 75%;
      font-size: 1em;
    }
    .fieldWrapper{
      margin: 2px 0 2px 0;
      padding: 0;
    }
    .tutorialWrapper label{
      float: left;
      text-align: right;
      margin: 0 5px 0 0;
      width: 30%;
    }
    .tutorialWrapper input{
      width: 200px;
      border: 1px solid #cc9;
    }
    .confirmMessage{
      margin: 0;
      padding: 0;
      font-size: .8em;
    }
    /* end code for password validation */
	
<?php ////////////shadow code test////// ?>
<?php 
if ($shadow_color<>"") {
	//no change
} else {
	if ($tn_drop_shadow=="glow") {
		$shadow_color="#FFFFFFF";
	} elseif ($tn_drop_shadow=="light") {
		$shadow_color="#999999";
	} elseif ($tn_drop_shadow=="dark") {
		$shadow_color="#000000";
	}
	else {
		$shadow_color="#000000";
	}  
} 
//////// shadow for thumbnail images /////////// ?>
<?php if ($tn_drop_shadow=="glow") {
	$shadow="0";
} else {
	$shadow="3";
} 

//$shadow="0";
?>

.shadow {
border: 1px solid #000000;
display:block;
<?php if (($tn_border=="")or ($tn_border=="0")) { ?>
	padding: 0px;
	<?php }
	else { ?>
	padding: <?php echo $tn_border ?>px;
	<?php } ?>
-moz-box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
-webkit-box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
<?php //////// end shadow for thumbnail images /////////// ?>

<?php ////////  image overlay CSS //////// ?>
.wrapper {
    display: inline-block;
    position: relative;
    line-height: 0;
}
.badge {
    position: absolute;
    bottom: <?php echo $tn_border ?>px;
    right: <?php echo $tn_border ?>px;
}
<?php ////////  end image overlay CSS //////// ?>

<?php //////// shadow for full sized images /////////// ?>
<?php if ($im_drop_shadow=="glow") {
	$shadow="0";
} else {
	$shadow="5";
} 
?>

.img-shadow img {
//background:white;
border: 1px solid #000000;
display:block;
<?php if (($im_border=="")or ($im_border=="0")) { ?>
	padding: 0px;
	<?php }
	else { ?>
	padding: <?php echo $im_border ?>px;
	<?php } ?>
-moz-box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
-webkit-box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
box-shadow: <?php echo $shadow; ?>px <?php echo $shadow; ?>px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
<?php //////// end shadow for full sized images /////////// ?>


<?php ////////////end shadow code test////// ?>