/* landing css */

#container {width: 950px; margin: 0 auto; clear: both;}
	#header {width: 950px; height: 77px; background: transparent url(/images/header_bg.gif) no-repeat top left; clear: both; margin-bottom: 5px;}
		#register-links {width: 158px; padding: 23px 28px 0 0; float: right;}
			.hdr-register {display:block;}
	#content-left {width: 744px; margin-right: 6px; padding-top: 37px; float: left; position: relative;}
		#nav {width: 744px; height: 37px; position: absolute; top: 0; left: 0; z-index: 3; border: 0 !important;}
		#breadcrumb {width: 722px; height: 23px; padding: 6px 0 0 21px; border-left: solid 1px #ffffff; background: transparent url(/images/breadcrumb-bg.gif) repeat-x top left;}		
			#breadcrumb a {text-decoration: none;}
			#breadcrumb a:hover {text-decoration: underline;}
			#breadcrumb span {color: #3399FF;}
		#title-bar {width: 723px; height: 32px; padding: 5px 0 0 20px; background: transparent url(/images/title-bar-bg.gif) repeat-x top left;}
		#feature-area {width: 743px; height: 187px;}			
		#buckets {width: 743px; height: auto; border-left: solid 1px #ffffff; padding-top: 15px; margin-right: 6px; float: left;}
			#buckets div {height: 318px; float: left; overflow: hidden;}
				/* see below for .bucket-stack and children */		
				#buckets div.bucket-image {width: 226px; height: 97px; background: #72CDF4 url(/images/buckets-bg.jpg); margin: 0 0 15px 10px; border: 0;}
				#buckets div.bucket-image img {display: block; margin: 10px auto;}
				#buckets div h3 {margin-left: 20px; clear: both;}
				#buckets div p {margin: 12px 0 10px 20px; width: 185px;}
				#buckets div a.arrow {margin: 15px 0 0 20px;}
				#buckets div p.second {padding-top: 15px; margin-left: 20px; width: 185px; border-top: 1px dashed #cccccc;}
			.buckets-left {width: 246px;}
			.buckets-mid {border-right: dashed 1px #FDB812; border-left: dashed 1px #FDB812; width: 246px;}
			.buckets-right {width: 248px;}
	#content-right {width: 200px; float: left;}
		#feature-right {width: 200px; height: 285px; background: transparent url(/images/feature-right-bg.jpg) no-repeat top left;}
			#feature-right div {width: 200px; height: 285px; position: relative;}
		#rightrail {width: 160px; height: 318px; overflow: hidden; padding: 5px 25px 0 15px !important; background: transparent url(/images/buckets-right-bg.gif) repeat-x top left;}
			#rightrail h3.replace-15red {margin-top: 15px !important;}
			#rightrail a {display: block; width: 172px; height: 34px; margin-top: 10px;}
			#rightrail a:hover {background-position: top right;}
			#rightrail a span {display: none;}
			#rightrail .bookroom {background: transparent url(/images/rightrail-bookroom.gif) no-repeat top left;}
			#rightrail .brochure {background: transparent url(/images/rightrail-brochure.gif) no-repeat top left;}
			#rightrail .maps {background: transparent url(/images/rightrail-maps.gif) no-repeat top left;}
			#rightrail .groups {background: transparent url(/images/rightrail-groups.gif) no-repeat top left;}
			#rightrail .contact {background: transparent url(/images/rightrail-contact.gif) no-repeat top left;}
			#rightrail ul {list-style-type: none;}
	#footer {width: 890px; padding: 0 30px; height: 147px; background: transparent url(/images/footer_bg.gif) no-repeat top left; clear: both;}
		#footer p, #footer p a {font: 10px Verdana, sans-serif; color: #0076BF; margin-top: 102px;}


/* bucket-stack */

	#buckets-stack {width: 743px; height: auto; border-left: solid 1px #ffffff; padding-top: 15px; margin-right: 6px; float: left;}
		#buckets-stack div {border: 0; height: 230px !important; margin-bottom: 20px;}
	
			#buckets-stack div div {height: 318px; float: left;}
			#buckets-stack div div.buckets-mid {border-right: dashed 1px #FDB812; border-left: dashed 1px #FDB812;}			
			#buckets-stack div div .bucket-image {width: 226px; height: 97px !important; background: #72CDF4 url(/images/buckets-bg.jpg);; margin: 0 0 15px 10px; border: 0;}
			#buckets-stack div div .bucket-image img {display: block; margin: 10px auto;}
			#buckets-stack div div h3 {margin-left: 20px; clear: both;}
			#buckets-stack div div p {margin: 12px 0 10px 20px; width: 185px;}
			#buckets-stack div div a.arrow {margin: 15px 0 0 20px;}
			#buckets-stack div div p.second {padding-top: 15px; margin-left: 20px; width: 185px; border-top: 1px dashed #cccccc;}