/* TAGS */
body {
	background: #EE2C33 url(../img/background-sliver.jpg) repeat-y top center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}
form, p {
	margin: 0;
	padding: 0
}
a img { border: none }
a { outline: none }

/* CLASSES */
.red {
	color: #FF0000
}

/* DIVS */
#container {
	position: relative;
	width: 891px;
	margin: 0 auto;
}

#top {
	position: absolute;
	top: 0;
	background: url(../img/background-top.png) no-repeat top center;
	width: 100%;
	height: 62px;
}

#header {
	background: url(../img/background-header.png) no-repeat top center;
	position: absolute;
	width: 891px;
	top: 30px
}
	#sidebar-header {
		position: absolute;
		left: 0;
		top: 0
	}
	#content-tagline {
		position: absolute;
		top: 55px;
		right: 0
	}
	#form-sign-up {
		position: absolute;
		left: 510px;
		top: 25px
	}
		#form-sign-up input[type="text"] {
			border: 1px solid #000;
			font: 11px Arial, Helvetica, sans-serif;
			padding: 2px;
			width: 130px
		}	
		#form-name, #form-email {
			position: absolute;
			top: 1px
		}
		#form-name {
			left: 70px;
		}
		#form-email {
			left: 210px
		}
		#form-go {
			position: absolute;
			top: 2px;
			left: 350px
		}
		
#navigation {
	background: url(../img/navigation.jpg) no-repeat;
	position: absolute;
	top: 118px;
	width: 891px;
	height: 30px;
}
	#navigation ul {
		list-style: none;
		padding: 0;
		margin: 0
	}
	#navigation li {
		height: 22px;
	}
	#navigation li:hover, #navigation li.selected {
		background: url(../img/nav-selected.gif) no-repeat bottom center;
	}
	#nav-home {
		position: absolute;
		left: 21px;
		top: 8px;
	}
	#nav-about-us {
		position: absolute;
		top: 8px;
		left: 100px
	}
	#nav-about-the-fpi {
		position: absolute;
		top: 8px;
		left: 213px
	}
	#nav-questionnaire {
		position: absolute;
		top: 8px;
		left: 363px
	}
	#nav-programs {
		position: absolute;
		top: 8px;
		left: 520px
	}
	#nav-news-and-events {
		position: absolute;
		top: 8px;
		left: 643px
	}
	#nav-contact {
		position: absolute;
		top: 8px;
		left: 797px
	}
	
#main {
	position: absolute;
	top: 148px;
	width: 891px;
}
	#sidebar {
		position: relative;
		float: left;
		margin-left: -8px;
		background: url(../img/sidebar-quotes.jpg) no-repeat;
		width: 361px;
		height: 414px;
	}
		#sidebar-open-congress {
			position: absolute;
			top: 328px; 
			left: 28px;
		}
		#sidebar-insight {
			position: absolute;
			top: 328px;
			left: 191px;
		}
	
	#content {
		float: right;
		background: #FFF;
		width: 537px
	}
		#splash { 
			height: 414px;
		}
		#splash-image {
			position: relative;
			top: 6px;
			left: 6px;
		}
		#splash-content {
			position: absolute;
			width: 537px;
			right: 0;
			top: 211px;
		}
			#splash div.box {
				width: 266px;
				height: 172px; /* 202-30 */
				padding-top: 40px;
				font-size: .85em;
				overflow: hidden
			}
				#splash div.box p, #splash div.box li  {
					padding: 0 27px 0 27px;
					margin-bottom: .5em
				}
				#splash div.box li {
					list-style-image: url(../img/bulllet-arrow.jpg);
				} 
				#splash div.box li p {
					padding: 0  0 0 17px !important
				}
				#splash div.box .learn-more {
					float: right
				}
			#splash-content-left {
				background: #FFF url(../img/splash-upcoming-events.jpg) no-repeat top left;
				border-right: 4px solid #CCC;
				position: absolute;
			}
			#splash-content-right {
				background: #FFF url(../img/splash-about-the-fpi.jpg) no-repeat top left;
				position: absolute;
				right: 0px;
				
			}
	#footer {
		position: relative;
		clear: both;
		float: left;
		background: url(../img/footer.jpg) no-repeat;
		width: 891px;
		height: 30px;
		margin-bottom: 1em
	}
		#copyright {
			position: absolute;
			left: 5px;
			top: 10px;
			font-size: .8em
		}
		#social-facebook {
			position: absolute;
			left: 720px;
			top: 8px
		}
		#social-twitter {
			position: absolute;
			left: 805px;
			top: 8px
		}