/*
	_lib/75th/_css/structure.css
	project: 75th anniversary
	purpose: css for the site's structure
*/

@charset "utf-8";


body {
	margin:0;
	background:url(../_images/bg.jpg) no-repeat center top fixed #bc1010;
	text-align:center;
}


/* - outer structure */
div#main_container {
	position:relative;
	margin:0 auto;
	width:980px;
	text-align:left;
}

div#top_bar {
}

	div#header {
		margin:0 0 1px 0;
		padding:10px 15px;
		height:55px;
		background:url(../_images/header-bg.png) no-repeat;
	}
	
		div#social_media_feeds {
			float:right;
			margin:30px 0 0;
			width:420px;
			overflow:hidden;
		}
		


	/* - main menu */
	div#main_menu {
	}
	
		/* -- defaults */
		div#main_menu ul {
			margin:0;
			padding:0;		
			list-style:none;
		}
		
		div#main_menu ul li.submenu_parent {
			position:relative;
			z-index:500;
		}
		
			div#main_menu ul li a {
				display:block;
				font-weight:500;
				color:#05f8ca;
				text-decoration:none;
				letter-spacing:-0.1px;
			}
	
	
		/* -- tier 1 */
		ul#mm_tier1 {
			height:35px;
			background:url(../_images/mm-tier1-bg.png);
		}
	
			
			ul#mm_tier1 li {
				float:left;
			}
			
				ul#mm_tier1 li a {
					padding:0 10px;
					line-height:35px;
					font-size:16px;
				}
				
				
				/* --- active / over state */
				ul#mm_tier1 li.active a, 
				ul#mm_tier1 li a:hover {
					background:#7f0200;
				}
			
			
			/* --- "on" state */	
			ul#mm_tier1 li.on a {
				color:#fea201;
			}	
				
				/* --- home button */
				ul#mm_tier1 li a#home_button {
					display:block;
					width:35px;
					height:35px;
					padding:0;
					border-right:1px solid #f8141a;
					overflow:hidden;
					text-indent:-300px;
					background:url(../_images/link-home-button.png) no-repeat;
				}
				
				ul#mm_tier1 li.on a#home_button,
				ul#mm_tier1 li a#home_button:hover {
					background-position:-35px 0;
				}
		
				/* --- tier2. remember to unset undesired inherited behaviors */
				ul#mm_tier1 li span {
					display:block;
					position:absolute;
					z-index:10;
					top:35px;
					padding:2px 0 0 0;
					
				}
				
				
				
				ul#mm_tier1 li ul {
					display:none;
					/*now handled by containing span
					position:absolute;
					z-index:10;
					top:35px;*/
					margin:0;
					min-width:130px;
					width:auto!important;
					width:125px;
					border-top:5px solid #7f0200;
					background:url(../_images/mm-tier2-bg.png);
				}
				
					ul#mm_tier1 li ul li {
						float:none;
					}
					
						ul#mm_tier1 li ul li a {
							padding:10px;
							line-height:14px;
							font-size:14px;
						}
						
						/* ---- unsets link color */
						ul#mm_tier1 li.on ul li a {							
							color:#05f8ca;
						}
						
						ul#mm_tier1 li ul li.on a,
						ul#mm_tier1 li ul li a:hover {
							color:#fea201;
						}
	
	
	/* - main content holder (dotted bg) */
	div#main_content_container {
		padding:10px;	
	 	background:url(../_images/main-content-bg.gif);
	}
	
		/* -- main content area (white bg) */
		div#main_content {
			background:#fff;
		}
		
			/* --- define text colors for elements within main content */
			div#main_content {
				color:#505050;
			}
			
			div#main_content h1, div#main_content h2, div#main_content h3, div#main_content h4, div#main_content h5,
			div#main_content h1 a, div#main_content h2 a, div#main_content h3 a, div#main_content h4 a, div#main_content h5 a {
				color:#3C7C71;
			}
			
			div#main_content h1.alt_color, div#main_content h2.alt_color, div#main_content h3.alt_color, div#main_content h4.alt_color, div#main_content h5.alt_color,
			div#main_content h1.alt_color a, div#main_content h2.alt_color a, div#main_content h3.alt_color a, div#main_content h4.alt_color a, div#main_content h5.alt_color a {
				color:#dc0606;
			}
			
		
div#footer {
	padding:15px 0;
	font-size:12px;
	color:#4f0000;	
}

	div#footer ul {
		margin:0;
		padding:0;
		list-style:none;
		font-size:15px;
		font-weight:700;
	}
	
	div#footer ul li {
		float:left;
		margin:0 10px 0 0;
	}
	
	div#footer ul li.last {
		margin:0;
	}
	
	div#footer ul a {
			color:#4f0000;
			text-shadow:0 1px 0 #f34343;
	}
	
	div#footer .legalText {
		color:#444;
		font-size:10px;
	}
	
	
	
	
/* - inner structure (for specific page types) */

/* -- navigation column. can appear on left or right */
div#col_nav {
	padding:25px 13px;
	width:129px;
}

	div#col_nav h4 {
		font-size:12px;
		font-weight:700;
		color:#dc0606;
	}

	div#col_nav .hr {
		margin:15px 0 15px 8px;
	}

	ul#side_nav {
		margin:0;
		padding:0;
		list-style:none;	
	}
	
		ul#side_nav li {
		}
		
			ul#side_nav li a {
				display:block;
				padding:10px 5px;
				line-height:12px;	
				font-sie:12px;
				font-weight:700;
				color:#505050;
				text-decoration:none;
			}
			
			ul#side_nav li a.home {
				padding-left:29px;
				background:url(../_images/col-nav/sn-home-bg.png) no-repeat 5px 10px;
			}
			
			ul#side_nav li a:hover {
				background-color:#efefef;
			}
			
			ul#side_nav li.on a {							
				color:#DC0606;
			}
			
			ul#side_nav li div.hr {
				margin:8px 0 0 8px	
			}
			
			
			/* tier2. remember to unset any defaults */
			ul#side_nav li ul {
				display:none;
				margin:0;
				padding:0 0 0 10px;
				list-style:none;
			}
			
				ul#side_nav li ul li {
				}
				
					ul#side_nav li ul li a {
						padding:5px;
					}
					
					/* ---- unsets link color */
					ul#side_nav li.on ul li a {							
						color:#505050;
					}
					
					ul#side_nav li ul li.on a,
					ul#side_navli ul li a:hover {
						color:#DC0606;
					}
			
			
			
			
	div#col_nav ul#other_sites {
		margin:0;
		padding:0;
		list-style:none;	
	}
	
		div#col_nav ul li {
		}
	
			div#col_nav ul#other_sites li a {
				font-weight:700;
				color:#505050;
			}


/* -- default / shared properties of content column */
div.col_content {
	margin:5px 0 20px 0;
	position:relative;
	background:no-repeat 0 0;
}

	/* -- "caps" for content column */
	div.col_content div#cc_cap_top,
	div.col_content div#cc_cap_bottom {
		position:absolute;
		left:0;
		z-index:1;
	}

	div.col_content div#cc_cap_top {
		top:0;	
	}
	
	div.col_content div#cc_cap_bottom {
		bottom:0;
	}

	/* -- "inner" layer allows positioning overtop of the cc_cap_top */
	div.col_content div#cc_inner {
		position:relative;
		z-index:2;
	}


/* -- this brown bar can appear in any of several different columns */
div.brown_bar {
	position:absolute;
	top:-15px;
	height:10px;
	background:#b79e73;
}


/* -- content column, coupled with one other column. can appear on left or right */
div#col_content_1,
	div#col_content_1 div.brown_bar,
	div#col_content_1 div#cc_cap_top,
	div#col_content_1 div#cc_cap_bottom {
		width:801px;
}

div#col_content_1,
	div#col_content_1 div#cc_cap_top,
	div#col_content_1 div#cc_cap_bottom {
		background:url(../_images/col-content-1-sprites.png);
	}

div#col_content_1 {
	padding:38px 0 41px 0;
	background-position:-801px 0;
}

	div#col_content_1 div#cc_cap_top {
		height:38px;
	}
	div#col_content_1 div#cc_cap_bottom {
		height:41px;
		background-position:0 -38px
	}
	
	div#col_content_1 div#cc_inner {
		top:-3px;
		padding:0 21px;
	}
	
	
	/* subfeatures */
	div#col_content_1 div.subfeatures {
	}
	
	div#col_content_1 div.subfeatures div.feature {
		position:relative;
		float:left;
		margin:32px 0 32px 25px;
		padding:136px 0 0 0;
		width:221px;
	}
	
		div#col_content_1 div.subfeatures div.feature img.feature_img {
			position:absolute;
			top:0;
			left:0;
		}
		



/* - breadcrumbs */
ul#breadcrumbs {
	position:relative;
	top:-2px;
	margin:0 0 14px 0;
	padding:0 0 14px 0;
	overflow:hidden;
	list-style:none;
	border-bottom:1px dotted #cfcfcf;
}

	ul#breadcrumbs li {
		float:left;
		position:relative;
	}
	
		 ul#breadcrumbs li a {
			display:block;
			float:left;
			padding:0 0 0 15px;
			height:14px;
			line-height:14px;
			font-size:12px;
			font-weight:bold;
			color:#505050;
			background:url(../_images/btn-back.png) no-repeat;
		 }



/* social media bar (bottom of content area) */
div#content_social {
}

	div#content_social a {
		float:left;
		margin:20px 25px 0 0;
		padding:0 10px 0 35px;
		line-height:29px;
		height:29px;
		font-size:13px;
		font-weight:700;
		color:#505050;
		background:no-repeat 0 0;
	}
	
	div#content_social a:hover {
		text-decoration:none;
		color:#dc0606;	
	}
	
	div#content_social a.facebook {
		background-image:url(../_images/icons/facebook.png);
	}
	
	div#content_social a.twitter {
		background-image:url(../_images/icons/twitter.png);
	}
	
	div#content_social a.youtube {
		background-image:url(../_images/icons/youtube.png);
	}
	
	div#content_social a.flickr {
		background-image:url(../_images/icons/flickr.png);
	}
	
	div#content_social a.cbc_blog {
		background-image:url(../_images/icons/cbc-blog.png);
	}


		 
		 
/* - modal */

div#wash,
	div#wash div.mask {
		position:absolute;
		top:0;
		left:0;
	}


div#wash {
	display:none;
	z-index:1000;
}

	div#wash div.mask {
		width:100%;
		height:100%;
		z-index:1;
		background:#fff;
	}


	
/* -- iframe on the modal */

div.modal_iframe {
	position:fixed;
	top:50%; /* for now */
	left:50%; /* for now */
	z-index:1001;
	border:1px solid #e1e1e1;
	background:#f6f4f1;
	box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
	-moz-box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow:4px 4px 30px rgba(0, 0, 0, 0.40);
}

	div.modal_iframe > a.close {
		position:absolute;
		top:-14px;
		right:-14px;
		display:block;
		width:28px;
		height:28px;
		cursor:pointer;
		background:url(../_images/btn-close.png) no-repeat;	
	}
	
	div.modal_iframe > a.close:hover {
		background-position:-28px 0;	
	}
	
	div.modal_iframe > div.title {
		padding:0 0 0 26px;
		height:28px;
		line-height:28px;
		font-size:12px;
		font-weight:bold;
		border-bottom:1px solid #e1e1e1;
		color:#505050;
	}

	div.modal_iframe > iframe {
		width:600px;
		height:500px;
	}