/* HEADER */
#header {
	height:80px;
	padding-top:22px;
}
#logo {
	display:inline;
	margin:-13px 0 0 19px;
	vertical-align:middle;
}
#bbb_logo {
	float:right;
	margin:0 12px 0 0;
}
#header p {
	font-weight:bold;
	font-size:16px;
	color:#6165a2;
}


/* NAV */
#nav {
	height:53px;
}
#container {
	background: transparent url(../img/bg-interior-nav.gif) repeat-x 1px 102px;
}


/* LEFT COLUMN - NAV AND CALLOUT */
#left_col {
	float:left;
	margin:20px 0 0 20px;
	padding:0 0 0 0;
	width:184px;
}
	.caption_box {
		background:transparent url(../img/bg-interior-caption-top.gif) no-repeat top left;
		margin: 0 0 20px 0;
		background-color:#e8f7fc;
	}
		.caption_box h3 {
			height:24px;
			margin:0;
			padding:10px 10px 10px 10px;
			font-size:12px;
			color:#6165a2;
			font-weight:bold;
		}
		.caption_box p {
			font-size:15px;
			padding: 10px 10px 0 10px;
			line-height:30px;
			color:#685c53;
		}
	.caption_box .clear {
			background:transparent url(../img/bg-interior-caption-bottom.gif) no-repeat top left;
			height:20px;
		}


/* RIGHT COLUMN */
#right_col {
	float:left;
	margin:0 0 0 20px;
	padding:0 0 0 0;
	width:736px;
}
/* right_col general text styles */
#right_col ul {
	margin:0 0 0 16px;
}

	/* INTRO BOX
		the intro box is the light blue box at the top of each page
		it has several styles:
			hero image background w/ contact box
			hero image background
			solid background w/ contact box
			solid background
	*/
	.intro_box {
		margin:0 0 20px 0;
		padding:0 0 0 0;
		min-height: 96px;
		width:736px;
	}
		/* styles to be applied to .intro_box */
		.hero_w_contact {
			height:269px;
		}
		.hero_wo_contact {
			height:269px;
		}
		.solid_w_contact {
			background:#e8f7fc url(../img/bg-interior-intro-box-top.gif) no-repeat left top;
		}
		.solid_wo_contact {
			background:#e8f7fc url(../img/bg-interior-intro-box-top.gif) no-repeat left top;
		}
		
			.hero_w_contact #intro, .hero_wo_contact #intro {
				padding:70px 20px 0 280px;
			}
			.solid_w_contact #intro {
				background:#e8f7fc url(../img/bg-interior-intro-box-bottom.gif) no-repeat left bottom;
				padding:31px 20px 20px 20px;
			}
			.solid_wo_contact #intro {
				background:#e8f7fc url(../img/bg-interior-intro-box-bottom.gif) no-repeat left bottom;
				padding:0 20px 20px 20px;
			}
		
		
		/*  intro_box has three blocks: intro, brreadcrumbs, and contact */
		#intro {
		}
			.intro_box.polaroid1 {
				background:#e8f7fc url(../img/bg-polaroid-1.jpg) no-repeat left top;
			}
			.intro_box.polaroid2 {
				background:#e8f7fc url(../img/bg-polaroid-2.jpg) no-repeat left top;
			}
			.intro_box.polaroid3 {
				background:#e8f7fc url(../img/bg-polaroid-3.jpg) no-repeat left top;
			}
			.intro_box.polaroid4 {
				background:#e8f7fc url(../img/bg-polaroid-4.jpg) no-repeat left top;
			}
			.intro_box.polaroid5 {
				background:#e8f7fc url(../img/bg-polaroid-5.jpg) no-repeat left top;
			}
			.intro_box p {
				margin:0 0 0 0;
			}
			#breadcrumbs a {
				font-size:11px;
				color:#9c9d9b;
				margin: 0 0 20px 0;
			}
		#breadcrumbs {
			margin:0;
			padding:20px 20px 0 20px;
			line-height:normal;
		}
		#contact {
			margin:0 2px 0 0;
			padding:0 0 0 14px;
			float:right;
			width:298px;
			height:96px;
			background:transparent url(../img/bg-interior-header-contact.gif) no-repeat left top;
		}
			#contact p {
				margin:23px 0 11px 8px;
				letter-spacing:.2px;
				color:#fff;
				font-size:13px;
			}
			#chat {
				padding-left:7px;
			}
			
			#flash_content {
				clear:both;
			}
			#phone {
				font-size:18px;
			}
		
		/* what to expect page */
		.expect_box {
			background:transparent url(../img/bg-interior-expect-top.gif) no-repeat top left;
			margin: 10px 0 20px 0;
			padding:0;
			color:#fff;
		}
				.expect_box h3 {
					font-size:16px;
					color:#fff;
					padding:15px 10px 10px 20px;
					margin:0;
				}
				.expect_box a {
					color:#fff;
				}
				.expect_box .inner {
					padding:0 0 10px 0;
					background:transparent url(../img/bg-interior-expect-bottom.gif) no-repeat left bottom;
				}
					.expect_photo {
						float:left;
						margin:10px 0 10px 10px;
					}
					.expect_story {
						float:left;
						width:245px;
						margin:10px 0 10px 10px;
					}
						.expect_story h4 {
							color:#fff;
						}						
					#right_col .expect_nav {
						float:left;
						width:175px;
						margin:0 0 10px 10px;
					}
						.expect_nav li {
							color:#fff;
							margin:0;
							padding:5px 20px 5px 30px;
							font-size:14px;
							border-bottom: #ccc solid 1px;
							list-style-position:inside;
							list-style-type:none;
							background:transparent url(../img/bullet-arrow.gif) no-repeat 10px center;
						}
						.expect_nav a {
							color:#fff;
						}
						.expect_nav a:hover {
							color:#fff;
						}

		

	/* right_full_width is used on pages with no spiff column */
	#right_full_width {
		width:716px;
		clear:both;
	}
		#right_full_width h2 {
			border-bottom:#b2b2b2 solid 1px;
		}
		#right_full_width p {
			margin:5px 0;
		}
		
		.full_width_callout {
			background:transparent url(../img/bg-interior-full-width-top.gif) no-repeat top left;
			margin: 0 0 20px 0;
			padding:0;
		}
				.full_width_callout h3 {
					font-size:16px;
					color:#6165a2;
					padding:15px 10px 10px 20px;
					margin:0;
				}
				.full_width_callout .inner {
					padding:0 0 0 0;
					background:transparent url(../img/bg-interior-full-width-bottom.gif) no-repeat left bottom;
				}
					.block_210 {
						float:left;
						width:210px;
						margin:10px 0 10px 20px;
					}
					.full_width_callout dt {
						font-size: 14px;
						color:#6165a2;
						margin-bottom:10px;
					}
					
		.full_width_faux_cols {
			background:transparent url(../img/bg-interior-full-width-faux-cols-top.gif) no-repeat top left;
			margin: 0 0 20px 0;
			padding:0;
			width:716px;
		}
			.full_width_faux_cols .left, .full_width_faux_cols .right {
				width:348px;
				float:left;
				margin:0 0 0 0;
			}
			.full_width_faux_cols .right {
				margin:0 0 0 20px;
			}
			.full_width_faux_cols .clear {
				background:transparent url(../img/bg-interior-full-width-faux-cols-bottom.gif) no-repeat top left;
				height:20px;
			}
			.full_width_faux_cols h3 {
				color:#fff;
				margin:15px 20px;
				font-size:16px;
				font-weight:bold;
			}
			.full_width_faux_cols h4 {
				color:#fff;
				margin:0;
				padding:5px 20px 5px 100px;
				font-size:14px;
				font-weight:bold;
			}
			#right_full_width .full_width_faux_cols p {
				color:#fff;
				margin:0;
				padding:5px 20px 5px 100px;
				font-size:14px;
			}
			#right_full_width .full_width_faux_cols ul {
				margin:0;
				padding:0;
				list-style-position:inside;
				list-style-type:none;
			}
			#right_full_width .full_width_faux_cols ul li {
				color:#fff;
				margin:0;
				padding:5px 20px 5px 35px;
				font-size:14px;
				border-bottom: #ccc solid 1px;
				background:transparent url(../img/bullet-arrow.gif) no-repeat 20px center;
			}
			.full_width_faux_cols a {
				color:#fff;
			}
			.full_width_faux_cols a:hover {
				color: #fff;
			}

			


	
	/* right_main and right_spiff are a set that create two columns in the area below the intro box */
	#right_main {
		width:525px;
		float:left;
	}
		#right_main h2 {
			border-bottom:#b2b2b2 solid 1px;
			margin:5px 0 10px 0;
		}
		#right_main p {
			margin:0 0 10px 0;
		}
		#right_main ul {
			margin:0 0 10px 16px;
		}
		#right_main dd {
			margin:0 0 15px 0;
		}
		#right_main .two_col_left {
			float:left;
			width:250px;
			margin:0 20px 20px 0;
		}
		#right_main .two_col_right {
			float:left;
			width:250px;
			margin:0 0 20px 0;
			clear:right;
		}
		.right_main_box {
			background:transparent url(../img/bg-interior-right-main-box-top.gif) no-repeat top left;
			margin: 0 0 20px 0;
			padding:0;
			color:#fff;
		}
				.right_main_box h3 {
					font-size:16px;
					color:#fff;
					padding:15px 10px 10px 20px;
					margin:0;
				}
				#right_main .right_main_box a {
					color:#fff;
				}
				.right_main_box .inner {
					padding:0 0 0 0;
					width:525px;
					background:transparent url(../img/bg-interior-right-main-box-bottom.gif) no-repeat left bottom;
				}
					#right_main .right_main_box ul {
						margin:0 0 20px 0;
						width:262px;
						float:left;
						list-style-position:inside;
						list-style-type:none;
					}
					#right_main .right_main_box ul li {
						color:#fff;
						margin:0;
						float:left;
						padding:5px 20px 5px 20px;
						width:222px;
						font-size:14px;
						border-bottom: #ccc solid 1px;
						background:transparent url(../img/bullet-arrow.gif) no-repeat 5px center;
					}
						#right_main .right_main_box ul.right {
							border-left:#fff solid 1px;
						}

					#right_main .right_main_box ul li.blank_li {
						background-image:none;
					}
					#right_main .right_main_box ul li a {
						color:#fff;
					}
					
					/* used on the enroll page */
					.enroll_form {
						padding:10px 0 0 0;
					}
					#right_main .enroll_form p, .enroll_form .form_field {
						padding: 0 20px 10px 20px;
					}
					.enroll_form .form_field {
						font-size:11px;
					}
					.float_field {
						float:left;
					}

		
		/* used on the article page */
		#comments {
			background-color:#f3fbfd;
			border-top:#b9cbd4 solid 1px;
			margin: 0 0 20px 0;
		}
			.comment{
				padding:15px 10px;
				border-bottom:#b9cbd4 solid 1px;
			}
			#right_main p.comment_name {
				font-size:14px;
				margin:0;
			}
			#right_main p.comment_date {
				font-size:10px;
				margin:0;
			}
			#right_main p.comment_text {
				margin:0;
				font-size:12px;
			}
		#comment_form  {
			margin:10px 0 0;
		}
		#comment_form .form_field {
			margin:0 10px 10px 10px;
		}
		#comment_form #full_name, #comment_form #email {
			width:233px;
		}
		
		/* used on the account page */
		.manage_box {
			width:452px;
			background:transparent url(../img/bg-interior-account-left-top.gif) no-repeat top left;
			margin: 0 0 20px 0;
			padding:0;
			color:#fff;
			float:left;
		}
			.manage_box h3 {
				font-size:16px;
				color:#fff;
				padding:15px 10px 10px 20px;
				margin:0;
			}
			.manage_box a {
				color:#fff;
			}
			.manage_box .inner {
				padding:0 0 0 0;
				background:transparent url(../img/bg-interior-account-left-bottom.gif) no-repeat left bottom;
			}
			.manage_box p {
				margin:0;
				padding:10px 20px 0 20px;
				font-size:14px;
			}
			.manage_box ul {
				padding:10px 20px;
				font-size:14px;
			}
			.manage_box .help_box {
				text-align:center;
				padding:10px 10px 0 10px;
				margin:0 0 20px 0;
				width:206px;
				float:left;
				background-color:#5b7e92;
			}
		.participate_box {
			width:236px;
			background:transparent url(../img/bg-interior-account-right-top.gif) no-repeat top left;
			margin: 0 0 20px 20px;
			padding:0;
			color:#685c53;
			float:left;
		}
			.participate_box h3 {
				font-size:16px;
				color:#fff;
				padding:15px 10px 13px 20px;
				margin:0;
			}
			.participate_box a {
				color:#fff;
			}
			.participate_box #tabs {
				padding:0 0 0 0;
				background:transparent url(../img/bg-interior-account-right-bottom.gif) no-repeat left bottom;
			}
			#right_col .participate_box p {
				margin:0;
				padding:5px;
				font-size:14px;
			}
			#tabs div {
				clear:both;
				margin:0;
				padding:0;
			}
			#right_col #tab_controller {
				margin:0 0 0 1px;
				padding:0;
				width:234px;
				font-size:14px;
				clear:both;
			}
				#right_col #tab_controller li {
					width:50%;
				}
			#tabs div#tabs-1, #tabs div#tabs-2 {
				padding:20px;
			}
			#tabs div#tabs-1 a, #tabs div#tabs-2 a {
				color:#6165a2;
			}
			#tabs-1 ul {
				margin:0 0 20px 16PX;
			}
			#tabs .form_field {
				margin:10px 0;
				padding:0;
				font-size:11px;
			}


	#right_spiff {
		width:173px;
		float:left;
		margin:0 0 0 20px;
	}
		.spiff {
			background:transparent url(../img/bg-interior-spiff-top.gif) no-repeat top left;
			margin: 0 0 20px 0;
			padding:0;
			font-size:11px;
		}
				.spiff h3 {
					font-size:16px;
					color:#6165a2;
					margin:0;
					font-weight:bold;
					padding:15px 10px 10px 10px;
				}
				.spiff .inner {
					padding:5px 10px 5px 10px;
					background:transparent url(../img/bg-interior-spiff-bottom.gif) no-repeat left bottom;
				}
				.spiff .clear {
					height:20px;
				}
				#right_col .spiff ul {
					margin:10px 0 10px 16px;
					line-height:16px;
				}
				#right_col .spiff ul  li {
					margin:6px 0;
				}
				#right_col .spiff p {
					margin:10px 0;
					line-height:16px;
				}
				#right_col .spiff img {
					margin:5px 0;
				}
				#right_col .spiff img.float_left {
					margin:5px 10px 5px 0;
				}



/* MISC STYLES */
.pdf {
	border:#c2ced6 solid 1px;
	padding:5px 5px 5px 75px;
	font-size:11px;
	background:transparent url(../img/logo-pdf.gif) no-repeat left top;
}
.icon {
	float:left;
}
.addthis {
	margin:5px 0 10px 0;
}
.subscribe {
	font-size:10px;
	margin:0 0 20px 0;
}

#right_main ol {
	margin:0 0 10px 20px;
}

#caption_source {
	font-size:11px;
	line-height:16px;
}