/* tags */
html, body {margin:0; padding:10px}
p, textarea, input, select, body, form {font:13px Arial, Verdana, Tahoma, sans-serif}
p {line-height:19px; text-align:justify}
a img {border:0}
img {padding:0; margin:0}
a {color:#000}
a:link, a:visited {text-decoration:underline}
a, a:hover {text-decoration:none}
form, table, h1, h2, h3, h4, h5, p {padding:0 0 14px 0; margin:0}
ul, ol {padding:0 0 14px 0; margin:0; list-style-type:none}
ul li {margin:0; padding:0 0 1px 15px; background:url(/metro/images/li.gif) 0 5px no-repeat}
ol li {margin:0 0 0 25px; padding:0}
h1 {font:20px Arial; color:#000}
h2 {font:13px Arial; font-weight:bold; color:#000; padding:2px 0 4px 0}
h3 {font:13px Arial; font-weight:bold; color:#000; padding:2px 0 4px 0; clear:both}
h4 {font:13px Arial; font-weight:bold; color:#000; padding:2px 0 4px 15px}
table {background:#fff; border-collapse:collapse; width:100%; margin-bottom:14px}
table td {border:1px solid #000; padding:3px 15px}

/* classes */
.clear {clear:both}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.fleft {float:left}
.fright {float:right}
img.fleft {float:left; border:1px solid #000; margin:0 10px 0 0}
img.fright {float:right; border:1px solid #000; margin:0 0 0 10px}
div.imgfleft {float:left; border:1px solid #000; margin:0 20px 10px 0; padding:2px}
div.imgfright {float:right; border:1px solid #000; margin:0 0 0 20px; padding:2px}
div.imgfleft img, div.imgfright img {display:block; border:1px solid #000}
.rss {float:right; display:inline; width:42px; height:21px; background:#FF7924 url(/metro/images/rss.gif) 0 0 no-repeat; font-size:1%}
.date, .admingb p.date {float:left; display:inline; height:18px; padding:1px 7px 0 7px; margin-right:7px; background:#000; border:1px solid #000; font:13px Arial; font-weight:bold; color:#fff}
.more {text-align:right; margin-top:-14px}
.banner {display:none}
.admingb {padding-left:34px}
.w190 {width:190px}
.w212 {width:212px}
.w240 {width:240px}
.vtop {vertical-align:top}
.small {font-size:11px; padding:0}
.path {padding:15px 0; text-align:center}
.path a {margin:0 4px}
.subscribe {float:right; font:11px Arial; margin:4px 10px 0 0}
ul.big li {padding:0 0 25px 20px; background:url(/metro/images/ul.gif) 0 5px no-repeat}
ul.big li a:link, ul.big li a:visited {font-weight:bold; text-decoration:none}
ul.big li a, ul.big li a:hover {font-weight:bold; text-decoration:underline}
.list1, .list2, .list3 {display:block; height:22px; padding:6px 0 4px 32px; font-size:14px}
a.list1:link, a.list1:visited, a.list2:link, a.list2:visited, a.list3:link, a.list3:visited {text-decoration:none}
a.list1, a.list1:hover, a.list2, a.list2:hover, a.list3, a.list3:hover {text-decoration:underline}
.list1 {background:url(/metro/images/list1.gif) 0 0 no-repeat}
.list2 {background:url(/metro/images/list2.gif) 0 0 no-repeat}
.list3 {background:url(/metro/images/list3.gif) 0 0 no-repeat}

/* ids */
#header {padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #000}
#pre {position:absolute; margin:-1000px 0 0 -1000px}
#address {float:right; padding:12px 0 0 10px}
#nav form {display:none}
#left {display:none}
#order table {width:100%; padding:0; text-align:right; background:none}
#order table td {padding:5px; border:0}
#order label {display:block; width:190px; margin-right:7px; text-align:right; cursor:pointer}
#order input.text, #order textarea {width:99%; padding:1px 0; background:#fff; border:1px solid #000}
#order input.submit {width:215px; height:20px; padding:1px 0; margin:0; background:#fff; font-size:11px}
#order textarea {height:130px}
#order table img {border:1px solid #BBD9E1}
#order table.sec input.text {width:213px}
#order table td.secd {padding-left:1%; text-align:left}
#footer {border-top:1px solid #000; padding-top:15px}
#footer p {font:11px Arial; color:#000; line-height:19px; padding:0}
#footer a {color:#000}
#footer img {display:none}
