body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: white; background-color: #713604; background-image: url(images/bg.gif); background-repeat: no-repeat; }
p { color: white; margin-right: 20px; }


#container {  position			: absolute; top				: 50%; left				: 50%; width				: 500px; height			: 430px; margin-top			: -230px; margin-left			: -250px; border: groove 1px white; }
#head { position: relative; height: 60px; margin: 2px 2px 2px 20px; }
h1 { font-family: Helvetica; font-size: 2.5em; }
.horizont { position: relative; margin-top: 8px; margin-right: 10px; margin-left: 10px; }
.content { width: 420px; height: 60px; padding: 12px 20px; border-top:  1px groove white; border-bottom: 1px groove white; }
.footer { position: inherit; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: white; text-decoration: none; }

#find_out_first form label, #unsubscribe form label{
	display:block;
}

#find_out_first form input, #find_out_first form textarea, #unsubscribe form input, #unsubscribe form textarea{
	width:100%;
	margin:5px 0px;
}

#find_out_first form input[type="submit"], #unsubscribe form input[type="submit"]{
	float:right;
	width:100px;
	margin-bottom:1em;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding-left: 6px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 175px;
	height: 80px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}
