/* -- lightbox wrapper & img display setups -- */

#lightbox {
	position:relative; /* top value will push it out bottom. Don't use. */
	background: #fefefe;
	border: 1px solid #ebeae4;
	text-align: left;
	margin:0; /* margins will break dialog box backgrounds, leaving whitespace. */	padding:0;
	}

#lightbox h1 {
	line-height: 22px;	border: solid #c96;
	border-width: 0 0 1px 0;
	margin: 0 8px 2px;
	padding: 4px 0 2px 0;
	}

#lightbox h5 {
	font-size: 10px;
	text-align: left;
	color:#666;
	border: solid #c96;
	border-width: 0 0 1px 0;
	margin: 7px 8px 2px;
	padding: 4px 0 2px 0;
	}

.links {
	display:block; /* float right breaks carousel in ie. */
	text-align: right;
	font:11px Verdana, Arial ,Sans-serif;
	color:#666;
	line-height:1.8em;
	margin: 1px 9px 0 0;
	padding: 0;
	}

/* -- #Carousel is container div for script/img - touchy in IE. KEEP pos:rel; - set vert spacing with height.  -- */

#Carousel {
	position:relative;
	top:20px;
	left:93px;
	text-align:center;
	margin: 0;
	padding:0;
	width:540px;
	height: 295px;
	}

/* -- Frog image margin/padding about at their their limit to fit in div  -- */

#FrogJS img {
	margin: 2px; 
	}

/* -- FrogJS is image swap on subpages -- */

#FrogJS {
	border:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:0;
	padding:0;
	width: 700px;
	height: 550px;
	}

/*   -- FrogJSCaption knocked out of use -- */

#FrogJSCaption {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	color: #fefeff;
	padding: 0;
	}

/*   -- FrogJSCredit is working image tag -- */

#FrogJSCredit {
	line-height:1.4em;	text-align: right;	border: 0;	margin: 0;	padding: 4px 10px;
	}

/* -- Carousel as img treatment, pane borders set in script. Defined here last  -- */

#Carousel img {
	border: 0;
	margin: 0; 
	padding: 0;
	}
