/*/////////// LAYOUT ///////////////////////////////////////////////////////////////////////////*/

	body {
		background: url(art/bkg_brick.jpg) repeat top;
		margin: 0px;
		padding: 0px;
		}

	.bg1PeriodOfDay1 {	background: url(art/bkg_sky_1.gif) repeat-x top; } 
	.bg1PeriodOfDay2 {	background: url(art/bkg_sky_2.gif) repeat-x top; }
	.bg1PeriodOfDay3 {	background: url(art/bkg_sky_3.gif) repeat-x top; }
	.bg1PeriodOfDay4 {	background: url(art/bkg_sky_4.gif) repeat-x top; }

		
	#bg2 {
		background: url(art/bkg_brickTop.gif) repeat-x 0px 414px;
		}
		
	#bg3 {
		background: url(art/bkg_shadow.gif) repeat-y 748px 0px;
		width: 754px;
		text-align: left;
		}
		
	#bg4 {
		position: absolute;
		top: 149px;
		left: 50%;
		width: 377px;
		height: 265px;
		z-index: 100;
		}

	.bg4PeriodOfDay1 {	background: url(art/shadowCover_1.gif) no-repeat 371px 0px; }
	.bg4PeriodOfDay2 {	background: url(art/shadowCover_2.gif) no-repeat 371px 0px; }
	.bg4PeriodOfDay3 {	background: url(art/shadowCover_3.gif) no-repeat 371px 0px; }
	.bg4PeriodOfDay4 {	background: url(art/shadowCover_4.gif) no-repeat 371px 0px; }

	#bg5 {
		height: 66px;
		background: url(art/backdrop_bottom.gif) no-repeat top;
		}

	#container {
		background: url(art/scoreboardBackground.gif) repeat-y top;
		width: 754px;
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		}
	
	#header {
		height: 149px;
		margin: 0px 6px;
		background: url(art/scoreboardTop.jpg) no-repeat 0px 110px;
		}
	
	#subHeader {
		margin: 0px 28px 0 225px;
		width: 501px;
		height: 170px;
		position: relative;
		z-index: 120;
		}
		
	#subHeader .shopOnlineBanner {
		margin: 0;
		padding: 0;
		width: 501px;
		height: 39px;
		position: absolute;
		left: -5px;
		top: 0;
		
		}
		
	body.home #subHeader {
		margin-bottom: 64px;
		_margin-bottom: 54px;		/* IE HACK: Stupid browsers... */
		}
		
	#subHeader .billboard {
		position: relative;
		top: 39px;
		}
	
	#subHeader.withSubNav {
		margin-bottom: 104px;
		_margin-bottom: 64px;		/* IE HACK: Compensate for lack of margin collapse */
		}

	#subNavigation {
		position: absolute;
		top: 372px;
		left: 50%;
		margin: 0px 0px 0px -135px;
		padding: 0px;
		z-index: 200;
		width: 500px;
		}

	#content {
		margin: 0px 70px 0px 242px;
		padding: 0px 0px 50px 0px;
		}
	
	/*~----------------------------------------------~*/
	#sidebar {
		position: absolute;
		top: 149px;
		left: 50%;
		width: 175px;
		margin-left: -349px;
		padding: 0px;
		}
		
	#mainNavigation {
		height: 275px;
		}
	
	#couponAd,
	#couponAd:hover,
	#couponAd img,
	#couponAd img:hover {
		position: relative;
		margin: 0;
		border: none;
		}
		
	#sideliner {
		position: relative;
		top: 20px;
		height: 127px;
		}
	
	/*~----------------------------------------------~*/
	#footer {
		height: 46px;
		}	
		
	#copyright {
		float: left;
		padding: 11px 0px 0px 65px;
		}
	
	#lowerNavigation {
		float: right;
		padding: 0px 85px 0px 0px;
		text-align: center;
		width: 420px;			/* NOTE: may require re-adjustment when adding more links */
		}
		
	/*~----------------------------------------------~*/
	
	body.home #welcome {
		padding-bottom: 20px;
		}
	
	body.home #hours {
		width: 220px;
		float: left;
		}
		
	body.home #location {
		width: 220px;
		float: left;
		}
		
	body.home #location h2,
	body.home #hours h2{
		margin-top: 0;
		}
		
	body.home #press h2,
	body.home #videoSocial h2 {
		margin-top: 20px;
		}
		
	.clearIt {
		clear:both;
		height: 0px;
		overflow: hidden;
		}
		
	body.home #press {
		width: 220px;
		float: left;
		}
		
	body.home #press ul {
		padding: 0;
		margin: 0;
		}
		
	body.home #press li {
		padding: 0 0 10px 0;
		margin: 0;
		list-style: none;
		clear: both;
		text-indent: none;
		list-style-position: outside;
		}
		
	body.home #videoSocial {
		width: 220px;
		float: right;
		}
		
	body.home .facebook {
		background: url(art/home_facebook.gif) no-repeat;
		width: 90px;
		height: 44px;
		float: left;
		}
		
	body.home .yellowpages {
		background: url(art/home_yellowpages.gif) no-repeat;
		width: 130px;
		height: 44px;
		float: right;
		}
		

/*/////////// BASIC ELEMENTS ///////////////////////////////////////////////////////////////////////////*/
	
	body, p{
		text-align: left;
		font-family: 'Trebuchet MS', Arial, san-serif;
		font-size: 13px;
		color: #d4ebec;
		}
	
	h1 {
		font-size: 26px;
		color: #003452;
		margin-top: 35px;
		margin-bottom: 11px;
		font-weight: normal;
		}
		
		body.home h1 {
			font-size: 16px;
			color: #fff;
			font-weight: bold;
			margin-bottom: 0;
			}
	
	h2 {
		font-family: 'Georgia', 'Times New Roman', serif;
		font-size: 18px;
		font-weight: normal;
		color: #cacbb1;
		margin: 40px 0 20px 0;
		}
		
	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		margin: 30px 0 10px 0;
		}
	
	a {
		color:#e5b02e;
		font-weight: normal;
		}
		
	a:hover {
		color:#fff;
		}
	
	p {
		text-align: left;
		line-height: 17px;
		}
		
	blockquote {
		margin: 30px 0px;
		}
		
	blockquote p.author {
		margin-left: 0px;
		text-align: left;
		}
		
	h2 p {
		padding: 5px 0px 0px 0px;
		}
	
	p img, ul img {
		float: right;
		padding: 0 5px 5px 5px;
		}

	a img {
		border: 0;
		padding: 0;
		margin: 1px 5px 5px 5px;
		}
		
	a img:hover {
		border: 1px solid #cacbb1;
		margin: 0px 4px 4px 4px;
		}

	.wideMedia {
		text-align: center;
		}

	.gallery {
		border-collapse: collapse;
		border: 0;
		}
		
	.gallery td {
		vertical-align: top;
		border: 0px solid #fff;
		padding: 10px 30px;
		}
		
	.gallery p {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	#subNavigation li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style: none;
		}
			
	#subNavigation a {
		float: left;
		margin: 0 12px 0px 0px;
		text-decoration: underline;
		color: #e5b02e;
		}

	#subNavigation a:active, #subNavigation a:hover {
		color: #fff;
		text-decoration: none;
		}

	#sidebar a {
		cursor: hand;
		}
		
	#sidebar p {
		margin: 0px 34px 0px 11px;
		text-align: justify;
		}

	#footer #copyright {
		color: #cacbb1;
		}

	#footer #lowerNavigation ul {
		margin: 0px;
		padding: 0px;
		}

	#footer #lowerNavigation li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style: none;
		}
			
	#footer #lowerNavigation a {
		margin: 0 4px;
		text-decoration: underline;
		color: #cacbb1;
		font-size: 10px;
		}

	#footer #lowerNavigation a.active, #footer #lowerNavigation a:hover {
		color: #fff;
		text-decoration: none;
		}

/*/////////// FORM ELEMENTS ///////////////////////////////////////////////////////////////////////////*/

	form {
		margin: 40px 0px;
		}
	
	fieldset {
		_position : relative;  /* The underscore means only IE will see it */
		_padding-top : 20px;   /* Stupid IE */
		_padding-bottom : 15px;
		_display : block;
		margin: 10px 0px;
		padding: 20px;
		background: #213839;
		border: 1px solid #2e4748;
		}
	
	legend {
		_position : absolute;
		_top : -10px;			/* IE HACK: Re-align vertical position */
		_left: 11px;			/* IE HACK: Re-align horizontal position */
		margin-left: 7px;
		color: #cacbb1;
		font-family: 'Georgia', 'Times New Roman', serif;
		font-size: 12px;
		font-weight: bold;
		cursor: default;	
		}
	
	label {
		display: block;
		}

	input.text, input.textLong, textarea {
		/*border: 1px solid #2e4748;*/
		background: #cacbb1;
		margin: 0px;
		}
		
	textarea {
		width: 300px;
		height: 80px;
		}
	
	input.text {
		width: 175px;
		}
	
	input.textLong {
		width: 175px;
		}
		
	input.button {
		margin-left: 20px;
		padding: 0px 3px;
		}
		
	fieldset input.button {
		margin: 20px 0 0 0;
		}
	
	input:focus, textarea:focus {
		background: #f7f7f3;
		}
	
	.inline {
		display: inline;
		}
