/* General Image Replacements - Empty span is used to ensure accessabilty should the image be missing, text remains */
	/* Replacement Containers */
		#header h2 a,
		#header h3 a,
		#footer-nav-home a,
		#footer-nav-locator a,
		#footer-nav-search a,
		#footer-nav-contact a,
		#footer-nav-rmhc a
		{
			display: block;
			position: relative;
			overflow: hidden;
		}
	
	/* Replacement Empty Span Elements */
		#header h2 a span,
		#header h3 a span,
		#footer-nav-home a span,
		#footer-nav-locator a span,
		#footer-nav-search a span,
		#footer-nav-contact a span,
		#footer-nav-rmhc a span
		{
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			background-position: top left;
			background-repeat: no-repeat;
			background-color: transparent;
		}

		dt { 
			font-size: 1.2em; 
			font-weight: bold;
			color: #000;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		dd {
			margin: 0;
			padding: 0 0 2px 0;
		}
		
		p { margin: 0; padding: 0; }


/* Page */
	#page {
		width: 704px;
		margin: 0 auto;
		position: relative;
		padding: 8px;
		background: #fff;
		color: #666;
	}
	
/* Header */
	#header {
		border: 1px solid #666;
		color: #fff;
		background: #000;
		height: 79px;
	}
	
	/* McDonald's Logo */
		#header h2 {
			margin: 0;
			padding: 9px 0 0 8px;
			float: left;
		}		

		#header h2 a,
		#header h2 a span {
			height: 61px;
			width: 69px;
		}
		
		#header h2 a span { background-image : url(/img/css/logo_mcdonalds.gif); }
		
	/* State Logo */
		#header h3 {
			margin: 0;
			float: left;
			padding: 29px 0 0 23px;
		}

		#header h3 a,
		#header h3 a span {
			height: 22px;
		}
		
		#header h3.connecticut a,
		#header h3.connecticut a span {
			width: 162px;
		}
		#header h3.massachusetts a,
		#header h3.massachusetts a span {
			width: 180px;
		}

		#header h3.connecticut a span { background-image: url(/img/css/state_connecticut.gif); }
		#header h3.massachusetts a span { background-image: url(/img/css/state_massachusetts.gif); }
		
	/* AA Banner and Link */
		#header #aa_banner {
			float: right;
			padding: 0;
			margin: 0;
			height: 79px;
			overflow: hidden;
		}

/* Content */
	#content {
		border: 1px solid #efefef;
		margin-top: 8px;
	}
	
	/* Content Summary */
		p#content-summary {
			border: 1px solid #8d8d8d;
			border-bottom-color: #c0c0c0;
			margin: 0;
			font-size: 1.2em;
			line-height: 1.2em;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			padding: 10px 100px;
			text-align: center;
			font-weight: bold;
		}
	
	/* Content Wrapper - Main Color Area */	
		#content-wrapper {
			overflow: hidden;
			border: 1px solid #8d8d8d;
			background-color: #fece0a;
			color: #ed2024;
			padding-left: 237px;
			background-position: top left;
			background-repeat: no-repeat;
		}
		* html #content-wrapper {
			height: 1%;
		}

		
		/* Section Backgrounds */
			.home #content-wrapper { 
				background: #fece0a url(/img/css/bg_home.jpg) no-repeat bottom left; 
			}
			/* may eventually need broken out */
			.reading #content-wrapper,
			.mceducator_nights #content-wrapper { 
				background: #fece0a url(/img/css/bg_reading.jpg) no-repeat bottom left;
			}
			/* may eventually need broken out */
			.goactive #content-wrapper,
			.goactive_rm #content-wrapper {
				background: #fece0a url(/img/css/bg_go_active.jpg) no-repeat bottom left;
			}
			
			.wellbeing #content-wrapper {
				background: #fece0a url(/img/css/bg_wellbeing.jpg) no-repeat bottom left;
			}
			
			
			.other-programs #content-wrapper {
				background: #fece0a url(/img/css/bg_other_programs.jpg) no-repeat bottom left;
			}
			
			
			.middle_school #content-wrapper,
			.awards-scholorships #content-wrapper {
				background: #fece0a url(/img/css/bg_middle_school.jpg) no-repeat bottom left;
			}
			
			.high_school #content-wrapper,
			.active-lifestyles #content-wrapper {
				padding-left: 0;
			}
			
			.high_school #rockwall,
			.active-lifestyles #rockwall {
				width: 200px;
				padding-left: 37px;
				float: left;
				vertical-align: baseline;
			}
			
			.high_school #content-wrapper ul,
			.active-lifestyles #content-wrapper ul {
				list-style: none;
			}
		

	/* Content Main */
		#content-main {
			padding-top: 15px;
			float: left;
			width: 265px;
			font-weight: bold;
		}
		/* short pages need height defined */
		.goactive #content-main,
		.mceducator_nights #content-main,
		.goactive_rm #content-main,
		.high_school #content-main {
		}
		
		#content-main h1 {
			font-size: 1.2em;
		}
		
	/* Content Sidebar */
		#content-sidebar {
			float: right;
			height: 400px;
			width: 179px;
			padding-left: 1px;
			position: relative;
			text-align: center;
			background: transparent url(../img/css/bg_sidebar.gif) top left no-repeat; 
		}
	
	/* Navigation */
		ul#nav {
			text-align: left;
			height: 192px;
			list-style: none;
			background: transparent url(../img/css/bg_nav.jpg) top right no-repeat;
			padding: 0 0 0 38px;
			margin: 0;
			line-height: 22px;
		}
			
		ul#nav a {
			font-weight: bold;
			text-decoration: none;
			color: #cc3300;
		}
		
		ul#nav a:hover {
			text-decoration: underline;
		}
			
			
/* Footer */
	#footer {
		width: 720px;
		margin: 0 auto;
	}
	
	/* Footer Nav */
		#footer-nav {
			list-style: none;
			border: 9px solid #fff;
			border-bottom-width: 8px;
			background: #cccccc;
			border-top: 0;
			margin: 0;
			height: 40px;
		}
		
		#footer-nav li {
			float: left;
		}
		#footer-nav li a {
			color: #000;
			float: left;
			height: 40px;
		}
		#footer-nav li a span {
			height: 40px;
		}
		
		/* USA Home */
			#footer-nav-home a,
			#footer-nav-home a span {
				width: 104px;
				background-image: url(../img/css/nav_usa_home.gif);
			}
		
			#footer-nav-home a:hover span {
				background-position: -104px 0;
			}
			
		/* Restaurant Locator */
			#footer-nav-locator a,
			#footer-nav-locator a span {
				width: 157px;
				background-image: url(../img/css/nav_locator.gif);
			}
		
			#footer-nav-locator a:hover span {
				background-position: -157px 0;
			}
		
		/* Search */
			#footer-nav-search a,
			#footer-nav-search a span {
				width: 71px;
				background-image: url(../img/css/nav_search.gif);
			}
		
			#footer-nav-search a:hover span {
				background-position: -71px 0;
			}
		
		/* Contact Us */
			#footer-nav-contact a,
			#footer-nav-contact a span {
				width: 102px;
				background-image: url(../img/css/nav_contact.gif);
			}
		
			#footer-nav-contact a:hover span {
				background-position: -102px 0;
			}
			
		/* RMHC */
			#footer-nav-rmhc a,
			#footer-nav-rmhc a span {
				width: 268px;
				background-image: url(../img/css/nav_rmhc.gif);
			}
		
			#footer-nav-rmhc a:hover span {
				background-position: -268px 0;
			}

	/* Footer Sub Nav */
	#footer-nav-sub {
		list-style: none;
		padding: 0;
		margin: 0;
		font-family: Verdana;
		color: #ccc;
		font-size: 0.9em;
		text-align: center;
		margin-top: 1em;
		line-height: 0.9em;
	}
	
	#footer-nav-sub li {
		display: inline;
		border-right: 1px solid #fff;
		padding: 0 0.4em 0 0.1em;
	}
	
	#footer-nav-sub li.copyright {
		border-right: 0;
	}
	
	#footer-nav-sub li a {
		color: #ccc;		
	}