/* base */

html, body, form, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, tr, td { margin: 0; padding: 0; }

body
{
	font: 11px/1.5em Helvetica, Arial, Verdana, sans-serif;
	color: #333; background: #9d9d9d url("http://metroya.com/newsletter/img/page.tile.gif") center 12px;
	text-align: center;
}

a, a:link, a:visited { text-decoration: none; color: rgb(229, 153, 0); }
a:hover { text-decoration: underline; }

img { border: none; }

.clear { clear: both; }



/* constant contact */

table { width: 600px; margin: 0 auto; background: none; }
table table { background: #fff; }
table table td { padding: 12px; }



/* struct */

#signup
{
	width: 600px; height: 53px;
	margin: 12px auto 0;
	text-align: left;
	color: #fff;
}
#signup a.safe { float: right; width: 166px; }
#signup a.safe img { vertical-align: middle; }
#signup input
{
	margin: 6px 0 0 0; padding: 0; height: 18px;
	border: 1px #ccc inset; border-width: 1px 0;
}
#signup input.email { clear: both; width: 434px; color: #999; background: #eee; }
#signup input.email:hover { background: #fff;  }
#signup input.email:focus { color: #000; background: #fff;  }
#signup input.submit
{
	width: 166px; height: 21px;
	vertical-align: top;
	border-style: outset;
	border-color: #393;
	font-weight: bold;
	color: #fff; background: #393;
}
#signup input.submit:hover { background: #3a3; }
#signup input.submit:active { border-style: inset; }

td { vertical-align: top; }

#container
{
	position: relative;
	width: 624px;
	margin: 12px auto 0;
	text-align: left;
}

#page { background: url("http://metroya.com/newsletter/img/content.middle.gif") center -4px repeat-y; }

#page table { width: auto; margin: 0; }

h1 a
{
	display: block;
	width: 624px; height: 212px;
	background: url("http://metroya.com/newsletter/img/page.header.jpg") center 0 no-repeat;
}
h1 span { display: none; }

#nav
{
	width: 624px; height: 36px;
	background: url("http://metroya.com/newsletter/img/page.navbg.gif") center 0 no-repeat;
}
#nav, #nav li { list-style: none; }
#nav li { float: left; }
#nav a { display: block; height: 36px; }
#nav a { background: url("http://metroya.com/newsletter/img/page.navfg.gif") 0 0 no-repeat; }
#nav span { display: none; }

#nav li.subscribe { padding-left: 24px; }
#nav li.subscribe a { width: 80px; background-position: 0 0; }
#nav li.subscribe a:hover { background-position: 0 -36px; }
#nav li.send a { width: 114px; background-position: -80px 0; }
#nav li.send a:hover { background-position: -80px -36px; }

#top
{
	height: 24px;
	background: url("http://metroya.com/newsletter/img/content.top.gif") center top no-repeat;
}

#polaroids
{
	position: absolute;
	z-index: 100;
	right: -53px; top: 164px;
}
#polaroids img { border: none; }

#left, #right, #single { color: #000000; font-size: 12px; line-height: 1.5em; }

#left { width: 354px; }

#right { width: 270px; padding: 227px 0 0 0; }

#ad_right { width: 234px; }
#ad_right a { display: block; margin: 0 0 10px 0; }
#ad_right img { display: block; border: none; }

#ad_bottom
{
	clear: both;
	margin: 0 1px;
	border: 0px #fff solid; border-width: 0px 0;
	line-height: 0;
	text-align: center;
}
#ad_bottom img
{
	display: inline;
	margin: 0 -1px;
	border: 1px #fff solid; border-width: 0 1px;
}

#footer
{
	padding-top: 128px;
	font-size: 10px; line-height: 1.5em;
	text-align: center;
	color: #fff; background: url("http://metroya.com/newsletter/img/content.skyline.gif") center 0 no-repeat;
}
#footer p { margin: 0 36px; }

#bottom
{
	width: 624px; height: 36px;
	margin: 0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://metroya.com/newsletter/img/content.bottom.png',sizingMethod='crop');
}
#container > #bottom
{
	filter: none;
	background: url("http://metroya.com/newsletter/img/content.bottom.png") 0 0 no-repeat;
}



/* format */

p.clip { white-space: nowrap; overflow: hidden; }

#left h3, #left h4, h5, #left p, #left hr { margin: 0 21px 21px 36px; }
#left p { margin-bottom: 0; }
#left hr
{
	height: 0;
	margin-top: 21px;
	border: none; border-bottom: 3px #cdcdcd double;
	background: #fff;
}
#left ul { list-style: none; }

h3 a { display: block; height: 13px; text-indent: -5000em; }
h3.gift a { background: url("http://metroya.com/newsletter/img/title.gift.gif") 0 0 no-repeat; }
h3.coupons a { background: url("http://metroya.com/newsletter/img/title.coupons.gif") 0 0 no-repeat; }
h3.events a { background: url("http://metroya.com/newsletter/img/title.events.gif") 0 0 no-repeat; }
h3.news a { background: url("http://metroya.com/newsletter/img/title.news.gif") 0 0 no-repeat; }
h3 span { display: none; }

h4
{
	margin-bottom: 21px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
}


.notice { color: #c63; }

h5
{
	margin-bottom: 21px;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5em;
}

.announcement { color: #666666; }

div.col
{
	position: relative;
	z-index: 200;
	display: inline; float: left;
	overflow: hidden;
	width: 131px;
	margin: 0 10px 0 36px;
	white-space: nowrap;
	border-bottom: 1px #fff solid;
}
#left div.last { margin: 0 0 0 0; }
#left div.col p { margin: 0; }

ul.dates { margin: 0 21px 21px 57px; }
ul.items li
{
	padding: 0.5em 0 0 21px;
	background: url("http://metroya.com/newsletter/img/arrow.white.gif") 0 8px no-repeat;
	margin-left: -21px;
}
ul.dates li.date
{
	margin-top: 1em; padding-top: 1em;
	background: url("http://metroya.com/newsletter/img/hline.single.gif") left top repeat-x;
}
ul.dates li.first { background: none; margin: 0; padding: 0; }
#left ul.dates p { margin: 0; font-weight: bold; }

#news
{
	width: 234px;
	margin: 0 0 21px 0;
	border: 1px #f2f2f2 solid; border-width: 1px 0;
	background: #f2f2f2;
}
#news h3, #news ul { margin: 12px; }
#news ul { list-style: none; }
#news li
{
	padding-left: 21px;
	background: url("http://metroya.com/newsletter/img/arrow.gray.gif") 0 3px no-repeat;
}

#copy { margin: 0 36px 21px; }
#copy p { margin: 0 0 1em; }