/* General
===================================================== */
body {
	color: #333;
	font-size: 14px;
	background: fixed #333 url(bg.png) repeat
}
.cls { clear: both }
img { padding: 3px; border: 1px solid #D4D4D4 }
ul.bolden { text-transform: uppercase; font-weight: bold }
::selection { background-color: #FFFFCC; color: #333 }
::-moz-selection { background-color: #FFFFCC; color: #333 }

/* Paragraphs
===================================================== */
p {
	margin: 10px 0;
	text-align: justify;
	font-size: 14px
} p .standout { 
		padding: 3px; 
		color: #B70000;
		font-weight: bold;
		background-color: #FFFFCC
	}
	p.strong {
		font-weight: bold;
		text-align: center;
		color: #B70000
	} p.strong.black { color: #333 }
	p.center { text-align: center }

img.floater { float: right; margin: 0 10px 20px 20px }
	img.floater.left { float: left; margin: 0 20px 20px 10px }

/* Container
===================================================== */
#container {
	padding: 25px;
	width: 880px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 23px;
	border-radius: .3em;
	border: 1px solid #C9C9C9;
	border-top: 0;
	border-left: 0;
	box-shadow: 0 0 10px #DFDFDF;
	-moz-box-shadow: 0 0 10px #DFDFDF;
	-khtml-box-shadow: 0 0 10px #DFDFDF;
	-webkit-box-shadow: 0 0 10px #DFDFDF;
	-o-box-shadow: 0 0 10px #DFDFDF;
	background: #FFF
}

/* Headers
===================================================== */
h1#page-header {
	font-weight: normal;
	font-size: 18px;
	float: left;
	width: 620px
}
	h1#page-header strong { color: #B70000 }
	h1#page-header u.sep,
	strong.sep { 
		display: block; 
		margin: 10px 0;
		text-align: center; 
		font-style: italic 
	} strong.sep { font-style: normal }
		strong.sep.blue { text-transform: uppercase; font-size: 18px; color: #0157B6 }
	
/* Video Area + Videos
===================================================== */
#invideo {
	position: relative;
	top: -15px;
	float: right
}
.video {
	width: 500px;
	margin: 20px auto;
	text-align: center;
	border-bottom: 1px solid #D4D4D4; 
	padding-bottom: 20px 
}
	
/* Signup Form[s]
===================================================== */
fieldset {
	width: 350px;
	margin: 20px auto;
	padding: 0;
	border: 0
}
	fieldset h2 {
		display: block;
		font-size: 12px;
		text-align: center; 
		color: #FFF;
		border-radius: .3em;
		background-color: #B70000
	}
	fieldset label {
		display: inline-block;
		width: 100px;
		margin-bottom: 10px;
		font-size: 13px
	}
	fieldset input[type=text] {
		width: 200px;
		padding: 5px 4px;
		border-radius: .3em;
		font-size: 13px;
		box-shadow: inset 0 5px 3px #F4F4F4;
		-moz-box-shadow: inset 0 5px 3px #F4F4F4;
		-khtml-box-shadow: inset 0 5px 3px #F4F4F4;
		-webkit-box-shadow: inset 0 5px 3px #F4F4F4;
		-o-box-shadow: inset 0 5px 3px #F4F4F4;
		border: 1px solid #D4D4D4
	} fieldset input[type=text]:focus { border-color: #B6B6B6 }
	fieldset button[type=submit] {
		cursor: pointer;
		padding: 5px
	}
	
/* FP Header
===================================================== */
#header {
	font-family: Georgia, "Times New Roman", serif;
	width: 106%;
	margin: -25px 0 15px -25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #F7F7F7;
	box-shadow: 0 10px 5px #F4F4F4
}
	#header #fp-logo {
		position: relative;
		top: 10px;
		left: 10px;
		display: block;
		float: left;
		width: 361px;
		height: 169px;
		text-indent: -999em;
		background: url(images/logo.png) no-repeat
	}
	#header #member-of {
		float: left;
		width: 300px;
		text-align: center;
	}
		#header h1 {
			font-size: 21px;
			font-weight: normal;
		}
		#header #member-of img {
			width: 250px;
			height: 55px;
			padding: 0;
			border: 0
		}
	#header #featured-on {
		float: right;
		width: 250px;
		height: 120px;
		background: url(images/features.png) left bottom no-repeat
	}
	
/* FP Styles
===================================================== */
#left {
	float: left;
	width: 500px;
	margin: 25px 0;
		font-family: Georgia, "Times New Roman", serif;
	text-align: center
}
	#left h2 {
		font-size: 26px;
		line-height: 32px;
		margin: 0; padding: 0
	} #left em {
		font-style: normal;
		text-transform: uppercase;
		font-size: 16px;
	} #left a { text-decoration: none }
	#left .program-btn {
		display: inline-block;
		width: 135px;
		height: 60px;
		padding-top: 10px;
		margin: 0 10px 10px 0;
		border-radius: .3em;
		color: #FFF;
		font-weight: bold;
		background: #0000FF;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.32, rgb(0,0,224)),
			color-stop(0.66, rgb(0,0,255))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(0,0,224) 32%,
			rgb(0,0,255) 66%
		);
		border: 1px solid #0000C6;
		box-shadow: inset 0 1px rgba(255,255,255,.5);
		-moz-box-shadow: inset 0 1px rgba(255,255,255,.5);
		-khtml-box-shadow: inset 0 1px rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px rgba(255,255,255,.5);
		-o-box-shadow: inset 0 1px rgba(255,255,255,.5);
	} .program-btn:hover { opacity: .60 }
	  .program-btn:active { position: relative; top: 1px }

#video {
	position: relative;
	top: 25px;
	left: -20px;
	float: right;
	width: 300px;
	height: 300px;
	padding: 10px;
	line-height: 300px;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: .3em;
	box-shadow: 0 0 10px #666;
	-moz-box-shadow: 0 0 10px #666;
	-khtml-box-shadow: 0 0 10px #666;
	-webkit-box-shadow: 0 0 10px #666;
	-o-box-shadow: 0 0 10px #666;
	border: 1px solid #000;
	background-color: #000
}
	#video .the_video {}

/* EOF */