@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	}

body {
	background-image:url(http://www.jose-design.com/jbf/cafosteringconnections/images/stripe.png);
	background-repeat:repeat;
	}

#wrapper {
	margin:0 auto;
	background-image:url(http://www.jose-design.com/jbf/cafosteringconnections/images/white.jpg);
	background-repeat:repeat;
	width:960px;
	position:relative;
	overflow:hidden;
	padding-left: 20px;
    padding-right: 20px;
	border-left:2px solid #00a6a3;
	border-right:2px solid #00a6a3;
	}


/*  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- HEADER STYLES  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- */
#header {
	height:145px;
	width:100%;
	position:relative;
	float:left;
	margin-top:25px;
	border-bottom:1px solid black;
	
	}
			.vert-line {
				height: 8em;
    			margin-left: 30.5em;
				width:1px;
				border-right:1px solid #ccc;
				position:absolute;
				}
			
			.vert-line2 {
				height: 8em;
    			margin-left: 42em;
				width:1px;
				border-right:1px solid #ccc;
				position:absolute;
				z-index:1;
				}
			
			#logo {
				position:relative;
				float:left;
				margin-left:0px;
				 /*-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 1s;
    transition:width 2s, height 2s, background-color 2s, transform 1s;
				}
				
				    #logo:hover {
						-webkit-transform:rotate(360deg);
  						  transform:rotate(360deg);*/
						  }
						  
					
			
			#nav-list1 {
				position:absolute;
				margin-left:330px;
				width:145px;
				z-index:4;
				}
			
			#nav-list2 {
				position:absolute;
				margin-left:508px;
				width:150px;
				z-index:3;
				}
			
			#nav-list3 {
				position:absolute;
				margin-left:688px;
				width:267px;
				z-index:2;
				}
				
							/* NAVIGATION DROPDOWN STYLES*/
											ul {
										  text-align: left;
										  display: block;
										  margin: 0;
										  list-style: none;
										  width:inherit;
										  font-family: 'Oswald', sans-serif;
										  font-weight:400;
										  font-size:.9em;
										  color:#268c8a;
										  z-index:100;
										}
										
										ul li {
										  font: bold 12px/18px sans-serif;
										  margin-right: -4px;
										  position: relative;
										  padding-bottom:12px;
										   padding-top:12px;
										   padding-left:12px;
										  background: #fff;
										  cursor: pointer;
										  -webkit-transition: all 0.2s;
										  -moz-transition: all 0.2s;
										  -ms-transition: all 0.2s;
										  -o-transition: all 0.2s;
										  transition: all 0.2s;
										  z-index:900;
										   font-family: 'Oswald', sans-serif;
										  font-weight:400;
										  color:#268c8a;
										  font-size:1.2em;
										  letter-spacing:.09em;
										}
										
										ul li:hover {
										  background:#CCC;
										  color:#fff;
										}
										
										ul li ul {
										  padding: 0;
										  position: absolute;
										  left: 100%;
										  width: 180px;
										  display: none;
										  opacity: 0;
										  visibility: hidden;
										  -webkit-transiton: opacity 0.2s;
										  -moz-transition: opacity 0.2s;
										  -ms-transition: opacity 0.2s;
										  -o-transition: opacity 0.2s;
										  -transition: opacity 0.2s;
										  z-index:900;
										  margin-top:-30px;
										}
										
										ul li ul li { 
										  background: #CCC; 
										  display: block; 
										  color: black;
										  line-height:1.3em;
										  font-weight:300;
										  font-size:1em;
										  letter-spacing:.05em;
										  padding:12px;
										}
										
										ul li ul li:hover { background: #666; }
										ul li:hover ul {
										  display: block;
										  opacity: 1;
										  visibility: visible;
										}



/*  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- CONTENT STYLES  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- */
#content {
	width:100%;
	position:relative;
	float:right;
	margin-top:20px;
	}
	
	.main-content {
		width:75%;
		position:relative;
		float:right;
		margin-top:20px;
		}
	
		.page-info {position:relative;width:100%;padding-bottom:12px;height:auto;overflow:hidden;border-bottom:1px solid black;}
		.page-category {position:relative;float:left;margin-right:30px;width:22%;height:46px;background-color:#00a6a3;
									-moz-border-radius: 16px;
									-webkit-border-radius: 16px;
									border-radius: 16px; /* future proofing */
									-khtml-border-radius: 16px; /* for old Konqueror browsers */
									}
		.page-title {position:relative;float:left;width:74%;}
		
		.container-full-span {
			position:relative;
			float:left;
			border-bottom:1px solid #CCC;
			padding-bottom:20px;
			padding-top:20px;
			width:100%;
			height:auto;
			overflow:hidden;
			}
			
					.cfs-left {position:relative;float:left;width:23%;}
					.cfs-right {position:relative;float:left;width:75%;}
					
					.cfs-yellow {
						background-color:#FCF0C7;
						padding-top:1.5em;
						padding-left:1.5em;
						padding-right:1em;
						padding-bottom:1.5em;
						width:94.5%;
						}
		
		.gray-box {
			position:relative;
			float:left;
			padding:6px;
			padding-top:0px;
			margin-top:16px;
			margin-bottom:16px;
			width:98.25%;
			height:auto;
			overflow:hidden;
			background-color:#cfcfcf;
			}
		
		.sub-content {
			padding-left: 1.75em;
    		padding-right: 2.25em;
			margin-top:.75em;
			height:auto;
			overflow:hidden;
			position:relative;
			float:left;
			}

		.midwest {
			position:relative;
			float:right;
			width:49%;
			background-color:#fcf7e8;
			padding-left:1.25em;
			padding-right:1.25em;
			padding-top:.75em;
		}
			
				
					
					
					/* -- -- -- -- homepage*/
					
					#intro-deck {position:relative;float:left;height:auto;margin-top:1em;margin-bottom:1em;}
					#deck-photo {position:relative;float:left;width:471px;}
					#deck-text {position:relative;float:left;width:47%;margin-top:.5em;margin-left:0em;}
					
					.rule-spacer { width:700px;height:1px;position:relative;border-bottom:1px solid black;margin-bottom: 30px;
					margin-left: auto; margin-right: auto;}
					
					#homepage-goals {position:relative;float:left;height:auto;margin-top:1em;margin-bottom:3.25em;}
					.icon-space {width:213px;height:auto;position:relative;float:left;margin-top:40px;margin-right:20px;}
						.icon {height:116px;width:213px;}
						.icon-text {width:213px;margin-right:30px;margin-top:12px;height:235px;}
					
					/*.icon-box {
						position:relative;
						float:left;
						width:100%;
						}*/
					
					#homepage-quote {
						padding-left:28px;
						padding-right:28px;
						padding-top:35px;
						background-color:#00a6a3;
						height:auto;
						position:relative;
						float:left;
						}
			
			.image-link {position:absolute;
				background-color:blue;
				width:200px;
				height:2em;
				margin-top:12em;
				margin-left:6em;
				}

			.buttons {
				width:40%;
				background-color:#f2c51f;
				position:relative;
				float:left;-webkit-border-radius: 24px;
				-moz-border-radius: 24px;
				border-radius: 24px;
				padding:1.2em;
			}

			#re-button1 {
			    padding: 1.25em;
			    margin-left: 1.5em;
			    margin-top: 22em;
			    position: absolute;
			    width: 143px;
			}

			#re-button2 {
				height: 2.1em;
			    margin-left: 1em;
			    margin-top: 24.9em;
			    position: absolute;
			    width: 151px;
			}
			
			#ab12 {
				position: absolute;
				width: 130px;
				height: 1.5em;
				margin-top: 5.5em;
				margin-left: 2em;
			}

			#ab1712 {
				position: absolute;
				width: 144px;
				height: 1.75em;
				margin-top: 12.5em;
				margin-left: 26.8em;
			}

			#ab212 {
				position: absolute;
				width: 137px;
				height: 1.7em;
				margin-top: 22.25em;
				margin-left: 5.5em;
			}

			#ab1013 {
				position: absolute;
				width: 125px;
				height: 1.75em;
				margin-top: 21.55em;
				margin-left: 19.5em;
			}

			#ab787 {
				position: absolute;
				width: 145px;
				height: 1.75em;
				margin-top: 21.7em;
				margin-left: 33.75em;
			}


/* -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- SIDEBAR STYLES  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- */

#sidebar {
	height:300px;;
	width:22%;
	/*background-color:#CCC;*/
	position:relative;
	float:left;
	margin-top:20px;
	}
	
	.sidebar-item {
		position:absolute;
		}
	
	img.sidebar-arrow {
		padding-left:12px;
		width:94%;
		padding-bottom:.5em;
		}
	
	
/* -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- FOOTER STYLES  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- */

#footer {
	height:131px;
	width:100%;
	background-color:#a1a3a6;
	position:relative;
	float:left;
	}

			#left-foot {position:relative;float:left;padding-left:20px;width:24em;}
			#right-foot {position:relative;float:right;padding-right:35px;width:16em;}
			
			p.footer-text {
				font-family: 'Merriweather Sans', sans-serif;
				font-weight:400;
				font-size:14px;
				line-height:20px;
				padding-top:12px;
				padding-left:12px;
				text-align:left;
				color:white;
				}
			
			
/* -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- TYPE STYLES -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- --  -- -- -- -- */

h1 {
	font-family: 'Merriweather', serif;
	font-weight:300;
	color:black;
	font-size:36px;
	line-height:48px;
	}

h2 {
	font-family: 'Merriweather', serif;
	font-weight:700;
	color:#268c8a;
	font-size:18px;
	line-height:28px;
	text-align:left;
	letter-spacing:.04em;
	margin-bottom:.8em;
	}

h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:24px;
	line-height:24px;
	text-align:center;
	letter-spacing:.09em;
	vertical-align:middle;
	}

h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:24px;
	line-height:1.5em;
	text-align:left;
	letter-spacing:.025em;
	color:#5c5c5c;
	margin-bottom:.75em;
	}
	
		h4.icon-title {
			font-family: 'Merriweather', serif;
	font-weight:700;
	color:#666;
	font-size:18px;
	line-height:24px;
	text-align:center;
	letter-spacing:.04em;
			}

h5 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:18px;
	line-height:24px;
	text-align:left;
	letter-spacing:.05em;
	color:black;
	margin-bottom: 0.5em;
	}


a {
	font-family: 'Oswald', sans-serif;
	text-decoration:none;
	color:inherit;
	font-family:
	}
	
	a.h2-link {
		font-family: 'Merriweather', serif;
		font-weight:700;
		color:#268c8a;
		font-size:18px;
		line-height:1.8em;
		text-align:left;
		letter-spacing:.04em;
		margin-bottom:1em;
		text-decoration:underline;
		}
	
	a.text-link {
		font-family: 'Merriweather', serif;
		font-weight:400;
		font-size:16px;
		line-height:22px;
		color:#268c8a;
		text-decoration:underline;
		}
	
	a.sans {
		font-family: 'Merriweather Sans', sans-serif;
		font-weight:400;
		font-size:14px;
		line-height:20px;
		text-align:left;
		color:#268c8a;
		text-decoration:underline;
		}
		
		a.sans:hover {
			background: none repeat scroll 0 0 #CCCCCC;
			}
	
	a.sidebar-link {
		font-family: 'Helvetica', sans-serif;
		font-weight:400;
		font-size:13px;
		line-height:20px;
		text-align:left;
		letter-spacing:.0125em;
		color:#268c8a;
		text-decoration:underline;
		}
	
	a.padded {
		padding-left:1.5em;
		}

li.sans {
	font-family: 'Merriweather Sans', sans-serif;
		font-weight:400;
		font-size:14px;
		line-height:20px;
		text-align:left;
		color:#268c8a;
	}

li.padded {
	padding-left:1.5em;
	}

ul.small-text {}

ul.sans {
	
	}

ol {
	font-family: 'Helvetica', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	padding:12px;
	padding-right:0px;
	text-align:left;
	margin-left:4.5em;
	}

p {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	margin-bottom:.85em;
	}


	
.small-text {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	padding-top:12px;
	padding-left:12px;
	text-align:center;
	}

.super-small {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	}
	
	p.home-desc {
		text-align:left;
		font-weight:300;
		}
	
	p.padded {
		padding-left:.75em;
		margin-bottom:1em;
		}

	p.caption {
		font-style:italic;
		font-size:12px;
		line-height:16px;
		margin-top:1.8em;
		border-top:1px solid #808080;
		padding-top:.75em;
		color:#808080;
		}
	
		
p.no-pad {
		padding-left:0;
		}
		
ul.small-text-list {
	font-family: 'Helvetica', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:0px;
	text-align:left;
	list-style: disc outside none;
	cursor:default;
	background:none;
	padding-left:2em;
	}

li.small-text-list {
	font-family: 'Helvetica', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:0px;
	text-align:left;
	color:black;
	background:none;
	cursor:default;
	}
	
	li.small-text-list:hover {
		background:none;
		color:black;
		}

p.sidebar-text {
	font-family: 'Helvetica', sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:20px;
	padding-top:20px;
	padding-left:12px;
	text-align:left;
	letter-spacing:.0125em;
	color:#666;
	}

ul.text-list {
	list-style: disc;
	width:95%;
	list-style-position:inside;
	padding-left:1em;
	}
	
li.text-list {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:black;
	list-style: disc outside none;
	cursor:default;
	background:none;
	letter-spacing:.02em;
	padding-left:.5em;
	padding-top:2px;
	z-index:1;

	}

	li.text-list:hover {
	background-color:none;
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:black;
	list-style-type:disc;
	cursor:default;
	background:none;
	letter-spacing:.02em;
	list-style: disc;
	}


.authors {
	text-align:left;
	padding-top:12px;
	padding-bottom:6px;
	padding-left:0;
	}

.date {
	font-family: 'Merriweather', serif;
	font-weight:400;
	color:#666;
	font-size:18px;
	line-height:24px;
	text-align:left;
	letter-spacing:.04em;
	margin-bottom:.25em;
	}

	.super-padded {
		padding-left:1.75em;
		padding-right:1.25em;
		margin-bottom:1em;
		}
	
	.super-padded-left {
		padding-left:2em;
		}

.divider {
	width:100%;
	border-bottom:1px solid black;
	margin-bottom: 30px;
	margin-top:30px;
	margin-left: auto; 
	margin-right: auto;
	float:left;
	}

.black {color:black;}

.green {color: #268C8A;}

.gray {color:#5c5c5c;}

.no-bottom {
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	}

.no-padding {
	padding-left:0;
	padding-top:0;
	}

.center {
	text-align:center !important;
	padding-left:0;
	padding-top:1em;
	padding-bottom:1em;
	font-size:12px;
	}

.row-margin {
	margin-top:.5em;
	margin-bottom:.53em;
}

.down-arrow {
	position:absolute;
	margin-left:1.2em;
}


.tftable {font-size:12px;color:black;width:100%;border-width: 1px;border-color: #fff;border-collapse: collapse;}
.tftable th {font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:18px;
	line-height:24px;
	text-align:left;
	letter-spacing:.08em;
	color:#5c5c5c;
	margin-bottom:.5em;
	padding-left:.9em;
	border-color: #FFFFFF;
	}

th.table-header {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:14px;
	line-height:18px;
	text-align:center;
	letter-spacing:.08em;
	color:#5c5c5c;
	padding-top:.75em;
	padding-bottom:.75em;
	padding-left:.25em;
	padding-right:.25em;
	border-color: #FFFFFF;
}

td.row-header {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	text-align:left;
	letter-spacing:.08em;
	color:#5c5c5c;
	padding-top:.75em;
	padding-bottom:.75em;
	padding-left:.9em;
	border-color: #FFFFFF;
	background-color:#f2c51f;
}

.tftable tr.title-row {font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:18px;
	line-height:24px;
	text-align:left;
	letter-spacing:.08em;
	color:#5c5c5c;
	margin-bottom:.5em;
	padding-left:.9em;
	border-color: #FFFFFF;
	padding-top:.67em;padding-bottom:.67em;
	}
	
.tftable tr {background-color:#fff;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #fff;}