/*** 
set the width and height to match your images 
**/

body {margin:0px auto; padding:0px;}




#slideshow {
    position:relative;
    height:350px;
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height:458px;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		



#content {
	width: 960px;
	height: 458px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#banner-main {
	width:960px;
	height:250px;
	margin:auto;
}
#banner {width:960px; height:250px; margin:auto;}

#caption {
	width:auto;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#330099;
	font-size:30px;
	text-shadow:#999 0px 0px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 450px;
}
.top
{
	width:112px;
	float:right;
}
.top img
{border:0;
	}