/* CSS Document */
/*  Modified by Debbie Bissett,  Aug 2007
Not using any of the "div#'s" but must maintain all for code to work*/
* {
font-family:arial;
font-size:11pt;
}
div#show3 { background-image:url(/transparent.gif); background-repeat:no-repeat;

border:1px solid #ff0033;
margin:0 auto; position:absolute; /*location, resizable, scrollbars"*/

}
div#show3 table td, div#show4 table td {
height:0px;
/*background-image:url('38.gif');*/
}
div#show4 table td {
/*background-image:url('40.gif');*/
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
/* This class is for the <<  Stop/Play >>  btns. Currently is configured to allow descriptions.  Margin-top is what changes the distance
between image and btns/words.  Look in js for this class */
.btns {
	font-family: Arial, Helvetica, 
sans-serif;
	font-size: 9px;
	color: #006600;
	width: 25px;
	vertical-align: 
top;
	background-color: #FFFFFF;
	border: 0;
	margin-top: -16px;
}
/*For images, also see fadeswap.js "Border and Background colors of images...*/
.SwapImg {
	/*left:165px;
	width:390px;
	height:236px;*/
	vertical-align: middle;
	background-color: #FFFFFF;
	border: 1px solid #006600;
}
/* This class is to effect the description of the image.  Again, Margin top is key.  Look in js for "writes description..." for this class*/
.descript {
	color: #F0C542;
	vertical-align: 
top;
	background-color: #000033;
	border: 0;
	margin-top: -15px;
	text-align: center;
	font-size: 10px;
}
/*keep intact for IE*/
[if IE]>
div#show3 table td, div#show4 table td {
height:0px;
}

<![endif]