/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
font: normal .72em/1.5em 'Verdana', sans-serif;
}

/* links */
a { background: inherit; color: #993333; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

#header-content, #content {
	width: 350px;	
}

/* header */
#header {
	height: 380px;
	text-align: center;		
	margin: 0; padding: 0;	
}
#header .headerphoto {
	align:center;
	right: 0px ; top: 0px;
	width: 350px;
	height: 380px;
	background: url(sideshots/rotator.php) no-repeat;	
}

#caradiv {
	position:relative;
	height: 200px;
	margin-top:-80px; 
	margin-bottom: -40px;
	padding: 0px 0px 15px 0px;	
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0 0 0 0px;
	font: normal 'Verdana', Tahoma, Arial, sans-serif;
	height: 45px;
	color: #666666;
	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

#layer5 {
	position:	absolute;
	top:		0px;
	left:		0px;
	border-width:	0;
	padding:	0%;
	}


#slideshow {
    position:relative;
    height:200px;
}

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