@charset "UTF-8";

body {
	font-size:0.8em; }
	
	.ie6 #content-container #attractions img {
		behavior:url(/css/iepngfix/iepngfix.htc); }
	
	/* header, footer, and small menu styles located in /css/common.css */
	
	#content-container {
		position:relative; margin-top:25px;
		background-color:#000037; }
		
		#content-container h1 {
			position:absolute; top:0; left:0;
			width:111px; height:400px; border-bottom:5px solid #FFF;
			background:url(../../images/large-menu-sprites-2.jpg) -466px -7px; line-height:1; }
			
			#content-container h1 span {
				display:none; }
		
		#content {
			position:relative; left:111px;
			width:684px; border-left:5px solid #FFF;
			background-color:#B3D7F2; line-height:1.2; }
			
			#content-left {
				margin-right:195px; }
				
				#type-container {
					padding:10px;
					background-color:#0054A5; }
				
				/* ie6 wants to make the background this color, so i'm just going to let it do it and change the colors a little for it */
				.ie6 #type-container {
					background-color:#B3D7F2; }
				
					#type-container div {
						text-align:center; text-transform:uppercase; font:9px Futura, "Microsoft Sans Serif", sans-serif; color:#B3D7F2; cursor:pointer; font-weight:100; }
					
					/* ie6 color fix */
					.ie6 #type-container div {
						color:#0054A5; }
						
						#type-container div div {
							margin-bottom:5px;
							font-size:14px; text-align:left; }
						
						#type-container div a {
							display:inline-block;
							border-left:1px solid #B3D7F2; padding:0 1px 0 3px;
							color:#FFF; text-align:center; text-decoration:none; }
						
						#type-container div a.on, #type-container div a:hover {
							color:#B3D7F2; }
						
						/* ie6 color fix */
						.ie6 #type-container div a.on, .ie6 #type-container div a:hover {
							color:#0054A5; }
						
						#type-container div a.first {
							border:none; }
					
					#type-container p {
						margin-top:5px; }
				
				#map_canvas {
					border-top:5px solid #FFF; border-bottom:5px solid #FFF; }
					
					#map_canvas .infoWindow {
						line-height:1.2; }
						
						#map_canvas .infoWindow address {
							margin:0; }
						
						#map_canvas .infoWindow p {
							margin:0.25em 0; }
				
				#attractions {
					padding:20px; min-height:400px; }
				
				.ie6 #attractions {
					height:400px; }
					
					#attractions .instructions {
						text-align:center; }
					
					/* ie7 is apparently retarded and screws up the side bar if we don't do this */
					.ie7 #attractions div {
						overflow:hidden; }
					
					#attractions h2 {
						font:20px/1.2 Futura, "Microsoft Sans Serif", sans-serif; font-weight:100; text-transform:uppercase; color:#FFF; }
					
					#attractions ol {
						margin-left:50px;
						border-bottom:1px solid #FFF;
						list-style-type: none; }
						
						#attractions ol li {
							position:relative; }
						
							#attractions ol img {
								position:absolute; left:-2em;
								cursor:pointer; }
							
							#attractions ol h3 {
								display:inline;
								color:#FFF; font-size:1.2em; font-weight:lighter; }
							
							#attractions ol address {
								margin:0; color:#FFF;  }
							
							#attractions ol p {
								margin:0.25em 0;
								/* width:360px; */ }
							
							#attractions ol input {
								position:absolute; top:0; right:0; }
							
							.ie6 #attractions ol input {
								right:auto; left:375px; }
					
					#attractions div.submit {
						text-align:right; }
					
						#attractions div.submit input {
							background-color:#B11E23; color:#FFF; }
					
					
					#attractions #map-key {
						float:right; margin:0 0 25px 25px;
						width:170px; padding:10px;
						font-family:Futura, "Microsoft Sans Serif", sans-serif; font-weight:100; font-size:0.9em; color:#FFF; }
						
						#attractions #map-key div {
							 clear:both; margin:10px 0; }
						
							#attractions #map-key img {
								float:left; margin-right:10px; margin-top:-2px; }
							
			
			#content-right {
				position:absolute; top:0; right:0; bottom:0;
				width:190px; border-left:5px solid #FFF;
				background:#477CBF; color:#FFF; }
				
			#content-right #my_images {
					width: 190px;
					height: 300px; }
				
				#ads {
					width: 190px;
					height: 300px; }
				
				#content-right img {
					position: relative; top: -5px;
					border-top: 5px solid #FFF;
					border-bottom:5px solid #FFF; }
				
				/* eliminate the freaking top-margin that occurs when you stack images on top of each other. does not work in ie6 but whatever. */
				#content-right a + img {
					 }


				
@media print {
	
	#header, #neighborhood-container, #type-container, #map_canvas, #content-right, #common-footer, #attractions h2, #attractions input, #attractions .instructions, #attractions ol li.noprint, #attractions ol li img {
		display:none; }
	
	#content {
		left:0;
		width:auto; }
		
		#content-left {
			margin-right:0; }
			
			#attractions ol {
				margin:0;
				padding:0; border:none;
				list-style:none; }
				
				#attractions ol li {
					margin:25px 0;
					/*padding:25px; border:2px dashed #CCC;*/
					width:480px; height:218px;
					page-break-inside:avoid; background-image:url(../images/coupon.png); }
	
}