﻿body { font-family: Arial, Sans-Serif; font-size: .8em; color: #525252; background: #e0e0e0 url(../images/bg.jpg) repeat-x top; margin: 0 }
div#all { width: 906px; margin: 0 auto }

/* header */
div#hd { padding: 16px 9px 22px 32px }
img#logo { margin-top: 16px }
div#login { float: right; text-align: right }
.login-input { margin-right: 6px; width: 113px; color: #bbb }
.login-bt { margin-right: 6px; vertical-align: middle }
div#login-t { margin-bottom: 8px; background: url(../images/hd/bg.jpg) repeat-x bottom; width: 290px; text-align: left; padding-left: 17px }
a#return-home { float: right; font-size: 13px; text-decoration: none; margin: 3px 7px 0 0 }
.pnl-hide { display: none }

/* banners */
div#banner { border-bottom: 1px solid #e1e1e1 }
div#banner img { border-top: 12px solid #fff; border-right: 12px solid #fff; border-bottom: 13px solid #fff; border-left: 13px solid #fff;}

/* body, containers */
div#cont-l { float: left; width: 9px }
div.cont { float: left; width: 888px; background: #fff url(../images/bg-bd.gif) repeat-y left }
div.cont-nosubmenu { background-image: url(../images/bg-bd_ns.gif) }
div.cont-empty { background-image: none }
div#cont-r { float: left; width: 9px }
div#cont-blank { background:#fff; padding: 20px }
div.bd { float: left; width: 678px }
div.content { float: left; width: 428px; padding: 31px 0 }
div.content-nosubmenu { padding: 31px }

/* sidebar */
div#sd { float: left; width: 210px }
div#sd a { text-decoration: none; font-weight: bold }
div#sd a:hover { text-decoration: underline }
div.sd-header { background: #F4F7EE; border-bottom: 1px solid #e1e1e1; padding: 17px 17px 0 17px; color: #566c11; font-weight: bold; height: 37px; font-size: 14px !important }
div#sd-news { border-bottom: 1px solid #e1e1e1; padding: 16px }
div#sd-featured { padding: 17px }
div#sd-featured img { margin-bottom: 17px }
div#sd-featured a { font-size: 120% }
div.sd-item { padding-bottom: 16px }
div.sd-item p { margin: 3px 0 0 0}
div.sd-sep { border-top: 1px dotted #e1e1e1; padding-bottom: 16px }
div.sd-item-map { padding: 12px }
div.sd-item-map select { font-size: 11px !important; width: 170px }
div.sd-item-map input { vertical-align: middle }
div#select-district { border-top: 1px solid #e1e1e1 }

/* side menu */
div#mn-sd { float:left; width:195px; margin-right:35px }
div.mn-item { background: #fff url(../images/bg-mn.jpg) no-repeat bottom; padding: 8px 13px 8px 16px; border-bottom: 1px solid #e1e1e1 }
div#mn-dn { background: #e5edd7 url(../images/bg-mn_dn.jpg) no-repeat bottom; }
div#mn-sd a { color: #5f5f5f; text-decoration: none }
div.mn-item img { float: right; margin-left: 10px }
div.mn-subitems { border-bottom: 1px solid #e1e1e1 }
div.mn-subitems div { font-size: 90%; padding: 4px 16px; border-bottom: 1px dotted #e1e1e1 }
div.mn-subitems div:last-child { border-bottom: none }

/* footer */
#ft { clear: both; background: #e0e0e0; padding: 10px 7px 20px 7px; font-size: 11px; color: #6b6b6b; line-height: 19px }
#ft a { text-decoration: none; color: #6b6b6b }
#ft-logos { float: right; vertical-align: bottom; }
#ft-logos img { vertical-align: bottom; }
#ft-logos img { margin-left: 12px }

/* text, links */
h1 { margin-top: 0; color: #566c11; font-size: 200% }
h2 { color: #566c11; font-size: 120% }
div.content p, div.content-nosubmenu p { line-height: 140% }
a { color: #566c11 }

/* regional, cities */
div#location-compare { border: 1px solid #e1e1e1; margin: 20px 0 }  
div#map-cont { padding: 11px 0 0 13px }
div#location-tt { padding: 22px }
div#location-tt h1 { margin-bottom: 0; font-size: 180% }
div#location-l { margin-right: 200px }
div#location-l h2 { margin-top: 0 }
div#location-r { float: right; width: 175px; margin-left: 25px }
div#location-r h3 { color: #566c11; font-weight: bold; font-size: 110% }
div#location-r a { text-decoration: none }
div#tab-cont { border: 1px solid #e1e1e1; border-left: none; background: #f4f7ee; padding-left: 6px; position: relative }
div#tab-cont ul { margin: 0; padding: 1em 0  }
div#tab-cont li {  display: inline; padding: 1em; font-size: 1em; line-height: 1em  }
div#tab-cont a { color: #566c11; text-decoration: none; font-weight: bold} 
div#tab-cont li.selected { background: #fff; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;  border-bottom: 1px solid #fff}
table.stats-table { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-collapse: separate  }
table.stats-table th { background: #f4f7ee; text-align: left }
table.stats-table th, table.stats-table td { padding: 4px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1 }
.item-col { padding-left: 10px; background: red }
div.location-city { border-bottom: 1px dashed #e1e1e1; padding-bottom: 3px; margin-bottom: 3px }
div.map-chart { margin: 10px 0 10px 10px }
div.location-selector { border-right: 1px solid #e1e1e1 }
div#location-instructions { font-size: 12px !important; color: #000; font-weight: normal }
div#location-compare select { font-size: 90% }
div#location-compare input { vertical-align: middle }

/* splash */
div.bd-splash { float: left; width: 888px }
div.bd-splash div#mn-sd { margin-right: 12px }
div#content-splash { float: left; width: 471px }
div#banner-splash { margin: 12px 0 } /* margin: -21px 0 0 -21px */
div#sd-splash { float: left; width: 210px } 
div#sd-splash p { margin-top: 0 }
span.splash-bold { font-weight: bold; color: #124d99 }
div#splash-ft-cont { clear: both }
div#splash-bar { background: #f4f7ee; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #566c11; font-weight: bold; font-size: 110%; padding: 13px 24px }
div#splash-ft { padding: 24px; background: #fff }
div#splash-ft img { display: block; margin-bottom: 13px }
div#splash-ft p { margin: 3px 0 0 0}
div#splash-ft a { font-weight: bold; text-decoration: none }
div#splash-ft a:hover { text-decoration: underline }
div.splash-item { float: left; width: 150px; margin-left: 20px }
div#si0 { margin-left: 0 }

/* misc */
a img { border:0 }
.clear { clear:both }
.clearleft { clear:left }
th { text-align: left }
