/* CSS Document */


	* {
		margin:					0;
		padding:				0;
		border:					none;
		background:				none;
		list-style:				none;
	}
	
	/* don't forget to make sure that the height is set to 100% */
	/* this lets the table open to the full height of the browser */
	html,body
	{
		height:					100%;
		width:					100%;
	}
		
	body
	{
		
		font-family:			Arial, sans-serif;
		font-size:				12px;
		text-align:				left;
		background:				#CCC url(../images/backgrounds/body.jpg) repeat-x;
		color:					#333;
	}
	
	div,p
	{
		color:					#333;
		line-height:			19px;
		text-align:				left;
	}
	
	a
	{
		color:					#09F;
		text-decoration:		none;
	}
	
	a:hover{ text-decoration: underline; color:#3f5b95; }
	
	h1{ font-size:				24px; }
	h2{ font-size:				20px; }
	h3{ font-size:				16px; }
	h4{ font-size:				14px; }
	h5{ font-size:				12px; }
	h6{ font-size:				11px; }
	
	.require
	{
		color:					#A00;
	}
	/* ----------------------------------- */
	
	
	
	
	
	/* MAIN LAYOUT
	----------------------------------- */
	#wrapper
	{
		min-height:				100%;
		height: 				auto !important;
		height: 				100%;
		margin: 				0 auto -125px;
		width:					910px;
		padding:				0 5px;
		background:				url(../images/backgrounds/body_content.gif) repeat-y;
	}
	
	#header
	{
		margin:					0 auto;
		height:					115px;
		background:				#FFF;
	}
	
	#main_left
	{
		padding:				0 0 20px;
		width:					205px;
		float:					left;
	}
	
	#main_center
	{
		padding:				0 0 20px;
		width:					490px;
		float:					left;
		padding:				0 5px;
		overflow:				hidden;
	}
	
	#main_right
	{
		padding:				0 0 20px;
		width:					205px;
		float:					left;
	}
	
	#footer, #fspace
	{
		margin:	 				0 auto;
		width:					910px;
		height: 				125px;
	}
	
	#fspace
	{
		clear:					both;
	}
	
	#footer
	{
		width:					910px;
		background:				#FFF;
		font-size:				10px;
		padding:				10px 5px 0;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* HEADER
	----------------------------------- */
	#header h1,
	#header h1 span
	{
		width:					205px;
		height:					115px;
		display:				block;
		float:					left;
	}
	
	#header h1 span
	{
		position:				absolute;
		background:				url(../images/header/logo.gif) no-repeat;
	}
	
	#header_quote
	{
		width:					695px;
		height:					115px;
		float:					right;
		display:				block;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* LEFT COLUMN
	----------------------------------- */
	#lc_top
	{
		width:					205px;
		height:					20px;
		background:				url(../images/backgrounds/lc_top.jpg) no-repeat top;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* CENTER COLUMN
	----------------------------------- */
	.content_box
	{
		margin:					0 0 20px;
		padding:				0 0 20px;
		width:					490px;
		background:				url(../images/backgrounds/gradient.gif) repeat-x;
		float:					left;
	}
	
	.content_box #title {
		padding:				0 0 0 15px;
	}
	
	.content_box p {
		padding: 				15px 15px 0;
	}
	
	.content_box ul {
		margin:					15px 0 0 25px;
		width:					465px
	}
	
	.content_box ul li {
		padding:				0 0 5px 15px;
		width:					435px;
		background:				url(../images/common/arrow.png) no-repeat;
		/* initate PNG support in IE */
		behavior:				url(lib/scripts/iepngfix.htc);
	}
	
	.inner_box
	{
		padding:				15px 0 0;
		width:					490px;
		float:					left;
	
	}
		
	#center_image
	{
		margin:					0 0 10px;
		width:					490px;
		height:					300px;
		background:				#F00;
		position:				relative;
	}
	
	#top_corners
	{
		width:					490px;
		height:					20px;
		position:				absolute;
		top:					0;
		background:				url(../images/backgrounds/top_corners.png) no-repeat top;
		/* initate PNG support in IE */
		behavior:				url(lib/scripts/iepngfix.htc);
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* RIGHT COLUMN
	----------------------------------- */
	#rc_top
	{
		width:					205px;
		height:					20px;
		background:				url(../images/backgrounds/rc_top.gif) no-repeat;
		float:					left;
	}
	
	#main_right p
	{
		padding:				0 10px 10px;
		font-size:				11px;
		float:					left;
		line-height:			14px;
	
	}
	
	#main_right #title
	{
		font-weight:			bold;
		float:					left;
	}
	
	#main_right a
	{
		color:					#0AF;
	}
	#main_right a:hover
	{
		color:					#3f5b95;
	}
	/* grey with orange arrow on left */
	#main_right h3
	{
		padding:				5px 0 0 10px;
		margin-bottom:			6px;
		width:					195px;
		height:					25px;
		background:				url(../images/backgrounds/right_col_title.gif) no-repeat;
		color:					#FFF;
		text-align:				left;
		float:					left;
		font-size:				13px;
	}
	
	#main_right h4
	{
		padding:				0 10px;
		color:					#F60;
		font-weight:			normal;
		font-size:				18px;
		float:					left;
	}
	
	#main_right #featured_product,
	#main_right #featured_product span
	{
		padding:				0;
		width:					205px;
		height:					39px;
		display:				block;
		overflow:				hidden;
		background:				none;
		float:					left;
	}
	
	#main_right #featured_product span
	{
		position:				absolute;
		background:				url(../images/titles/featured_product.gif) no-repeat;
	}
	
	#main_right #featured_product_box
	{
		padding:				5px 0 15px;
		text-align:				center;
		background:				#FFF;
		width:					204px;
		border-left:			solid 1px #DFDFDF;
		float:					left;
	}
	
	#main_right #featured_product_box img
	{
		float:					right;
	}
	
	/* ----------------------------------- */
	
	
	
	
	
	
	/* FOOTER
	----------------------------------- */	
	#footer #left
	{
		width:					690px;
		float:					left;
		color:					#999;
		
	}
	
	#footer #right
	{
		width:					195px;
		float:					right;
		color:					#999;
		padding-left:			10px;
	}
	
	#footer p{ line-height:16.5px; font-size:12px;}
	
	#footer_nav
	{
		list-style:				none;
	}
	
	#footer_nav li
	{
		display:				inline;
	}
	
	#footer_nav li a
	{
		color:					#999;
	}
	
	#footer #copyright
	{
		padding:				10px 0 0;
		font-size:				12px;
		color:					#999;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* image and frame for the program director image
	----------------------------------- */
	#director_image
	{
		margin:					0 0 10px 30px;
		width:					140px;
		height:					120px;
		float:					left;
	}
	
	#director_frame
	{
		width:					140px;
		height:					120px;
		float:					left;
		background:				url(../images/backgrounds/director_frame.png) no-repeat;
		/* initate PNG support in IE */
		behavior:				url(lib/scripts/iepngfix.htc);
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* adds little envelope icon on right side
	----------------------------------- */
	#director_email a
	{
		padding:				0 13px 0 0;
		background:				url(../images/common/email_icon.gif) no-repeat top right;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* image and frame for board president
	----------------------------------- */
	#pres_image
	{
		margin:					0 15px 10px 10px;
		width:					100px;
		height:					100px;
		float:					left;
	}
	
	#pres_frame
	{
		width:					100px;
		height:					100px;
		background:				url(../images/backgrounds/president_frame.png) no-repeat;
		/* initate PNG support in IE */
		behavior:				url(lib/scripts/iepngfix.htc);
	}