* { margin: 0px; padding: 0px; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #222; _behavior: url('/static/misc/csshover3.htc'); }
img { border: 0px; }
a { color: #222; }
h1, h2 { font-family: "Baskerville", "Times New Roman", "Times", serif; font-weight: normal; font-style: italic; }
h1 { font-size: 50px; line-height: 60px; background-color: #ffcd67; color: #fff; padding: 0px 15px; }
h2 { color: #666; font-size: 26px; line-height: 26px; margin-bottom: 5px; }
h2 a.rss { float: right; margin-right: 5px; }

#copy { padding: 10px; clear: both; }
#copy h2 { margin-top: 20px; _margin-top: expression(this.previousSibling == null ? '0px' : '20px'); }
#copy h2:first-child { margin-top: 0px; }
#copy h3 { font-size: 15px; line-height: 15px; margin-bottom: 5px; margin-top: 20px; _margin-top: expression(this.previousSibling == null ? '0px' : '20px'); }
#copy h3:first-child { margin-top: 0px; }
#copy ul, #copy ol { margin: 0px 0px 15px 25px; }
#copy li { margin-bottom: 5px; }
#copy p { margin-bottom: 15px; line-height: 20px; }

#layout-main, #layout-footer { width: 981px; margin: 0px auto; }
#layout-main { overflow: hidden; }
#layout-wrap { background: url('../img/columns.gif') repeat-y scroll center top; min-width: 981px; }
#main, #navigation, #sidebar { float: left; }
#main { width: 580px; padding: 0px 15px 0px 10px; margin-left: 220px; _margin-left: 110px; color: #666; }
#main a { color: #666; }
#sidebar { width: 150px; color: #666; padding-top: 15px; }
#sidebar a { color: #666; }
#navigation { width: 220px; margin-left: -825px; }

#layout-footer li { display: inline; list-style: none; }
#mall-events-and-news li { list-style: none; }
#mall-events-and-news .listing { margin-left: 0px; }
#mall-events-and-news .listing span.date { font-weight: bold; }
#mall-hours p strong { display: block; }
#navigation { background-color: #b2b2b2; position: relative; *left: 1px; }
#sections { background-color: #ccc; margin: 10px; position: relative; _zoom: 1; padding: 10px 10px 10px 15px; }
#sections li { list-style: none; margin-bottom: 5px; font-size: 14px; border-top: #b8b8b8 1px solid; padding-top: 5px; _border-top: expression(this.previousSibling == null ? 'none' : '#b8b8b8 1px solid'); }
#sections li:first-child { border: none; }
#sections li li { font-size: 13px; border: none; padding: 0px; _border: none ! important; }
#sections li a { color: #333; text-decoration: none; }
#sections li li a { text-decoration: underline; }
#sections li a:hover { text-decoration: underline; }
#sections li li a { color: #444; }
#sections ul { padding: 10px; }
#mall-hours { margin: 20px 10px 25px 15px; font-size: 12px; }
#mall-hours h2 { color: #333; margin-bottom: 5px; }
#mall-hours p { margin: 0px 0px 10px 5px; }
#header { height: 110px; position: relative; background-color: #fff; }
#tools-and-links { position: absolute; right: 10px; top: 10px; color: #555; text-transform: lowercase; }
#tools-and-links a { color: #555; text-decoration: none; }
#tools-and-links a:hover { text-decoration: underline; }
#tools-and-links li { display: inline; list-style: none; padding: 0px 3px; }
#tools-and-links li.callout { font-weight: bold; padding-right: 0px; }
#logo { position: absolute; right: 10px; bottom: 5px; }
#greeting { position: absolute; bottom: 6px; color: #888; left: 10px; }
#greeting a { color: #888; }
#greeting span.callout { color: #ffa015; font-weight: bold; }
#greeting span.callout a { color: #ffa015; }

#welcome { background: #fff url('../img/header_yellowgradient.gif') repeat-x scroll 0px -100px; color: #666; padding: 15px 15px 5px 15px; margin-bottom: 5px; }
#welcome p { margin-bottom: 15px; }
#welcome h2 { margin-bottom: 5px; }
#welcome a { color: #666; }

div.columns { overflow: hidden; }
#current-promotions, #mall-events-and-news { font-size: 12px; }
.columns #current-promotions, .columns #mall-events-and-news { float: left; width: 50%; }
#current-promotions div.content, #mall-events-and-news div.content { padding: 10px; }
.listing { margin-left: 25px; margin-bottom: 10px; }
.listing li { margin-bottom: 5px; }
.listing li a { text-decoration: none; }
.listing li a:hover { text-decoration: underline; }
.tools li { list-style: none; }

.tools { font-weight: bold; text-transform: lowercase; }
.tools li { zoom: expression(this.innerHTML = this.innerHTML + (typeof this.processed == 'undefined' ? ' >>' : ''), this.processed = true, this.runtimeStyle.zoom = '1'); }
.tools li:after { content: ' >>'; }

#quick-links { margin-bottom: 10px; }
#quick-links ul { margin-left: 25px; font-size: 14px; list-style-image: url('../img/arrow.gif'); }
#quick-links li { line-height: 20px; }
#quick-links a { text-decoration: none; }
#quick-links a:hover { text-decoration: underline; }
#connect-tools { margin: 10px 0px; }
#connect-tools h3 { font-size: 13px; margin-bottom: 2px; }
#connect-tools { margin-left: 15px; font-size: 11px; }
#connect-tools li { list-style: none; margin-bottom: 5px; }
#connect-tools li img { vertical-align: -3px; }

.advertisements { font-size: 12px; margin-top: 15px; }
.advertisements a { color: #aaa ! important; }
.advertisements p { margin-bottom: 5px; _margin-bottom: expression(this.previousSibling == null ? '2.5px' : '5px'); }
.advertisements p:first-child { margin-bottom: 2.5px; }

html, body { height: 100%; }
#layout-wrap { min-height: 100%; _height: 100%; }
#layout-main { padding-bottom: 100px; }
#layout-footer { position: relative; margin-top: -100px; height: 100px; background-color: #fff; }
#layout-footer div.content { position: relative; height: 87px; background-color: #ddd; top: 3px; padding: 10px 20px 0px 20px; }
#layout-footer p.location { margin-bottom: 10px; color: #666; }
#layout-footer p.location a { color: #666; }
#layout-footer .links { color: #aaa; }
#layout-footer .links a { color: #aaa; text-decoration: none; }
#layout-footer .links a:hover { text-decoration: underline; }

#layout-footer .links li { *zoom: expression(this.innerHTML = (this.previousSibling != null && typeof this.processed == 'undefined' ? '&nbsp;|&nbsp;' : '') + this.innerHTML, this.processed = true, this.runtimeStyle.zoom = '1'); }
#layout-footer .links li:before { content: ' | '; }
#layout-footer .links li:first-child:before { content: ''; }

div.corners div { position: absolute; width: 9px; height: 9px; overflow: hidden; }
div.corners div.tl { top: 0px; left: 0px; background-position: 0px 0px; }
div.corners div.tr { top: 0px; right: 0px; background-position: 9px 0px; }
div.corners div.bl { bottom: 0px; left: 0px; background-position: 0px 9px; _bottom: -1px; }
div.corners div.br { bottom: 0px; right: 0px; background-position: 9px 9px; _bottom: -1px; }

#navigation div.corners div { background-image: url('../img/outer.gif'); }
#sections div.corners div { background-image: url('../img/inner.gif'); }

div.divider { height: 3px; background: #fff url('../img/divider.gif') repeat-x; margin: 1px 0px; _font-size: 0px; }

#sections li.active a.section { font-weight: bold; }
li.active a.section:hover { text-decoration: none ! important; }

#sections ul { display: none; }
#sections li.active ul, #sections li.open ul { display: block; }

.toc { margin-bottom: 40px ! important; margin-left: 0px ! important; }
.toc li { list-style: none; display: inline-block; margin-bottom: 5px; width: 40%; margin-right: 5%; vertical-align: top; *display: inline; *zoom: 1; }

.event p, .promotion p, .job p { margin-bottom: 0px ! important; }
.event, .promotion, .job { margin-bottom: 20px; }

#pending-message { text-align: center; font-size: 12px; color: #888; padding-top: 11px; font-style: italic; }

fieldset { border: 0px; margin-bottom: 15px; }
label { float: left; clear: left; width: 150px; text-align: right; margin: 0px 10px 5px 0px; font-weight: bold; }
form div.header { margin-top: 10px; }
legend + div.header { margin-top: 5px; }
label.child { font-weight: normal; }
input, select, textarea { /*display: block;*/ margin-bottom: 5px; }
input[type='submit'] { margin-top: 10px; display: inline; }
legend { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
form div { clear: both; overflow: hidden; }

.admin-home h3 { margin-top: 25px; }
.admin-home p { margin-bottom: 5px ! important; }
textarea { width: 370px; height: 200px; }
input[type='text'] { width: 370px; }

#mall-hours div.info { margin-left: 5px; }

#login input[type='text'], #login input[type='password'] { width: 200px; }

div.mall-memo { margin-bottom: 15px; }

span.file-icon { vertical-align: -3px; margin-right: 1px; }


span.tooltip { position: relative; margin-left: 3px; vertical-align: top; }
span.open { display: none; position: absolute; top: 0px; left: 0px; min-width: 150px; _width: 150px; z-index: 1; }
span.tooltip:hover span.open { display: block; background-color: #fefefe; border: #999 2px solid; padding: 10px; }
