body { background-color: #fff; font-size: 11px; font-family: verdana, sans-serif; margin: 8px 0px; text-align:center; }
h1 { font-size: 14px; color: #000; margin-bottom: 4px; }
h2 { font-size: 12px; color: #000; margin-bottom: 4px; }
h3 { font-size: 11px; color: #000; margin-bottom: 4px; }
h4 { font-size: 14px; color: #fff; padding-left: 12px; padding-top: 6px; }

ul { list-style: disc url(images/bullet.gif); }
.uline { text-decoration: underline; }
.note { font-size: 10px; color: #666; }
.redText { color: red; }
.imgFloatLeft { float: left; margin: 10px; }
.imgFloatRight { float: right; margin: 10px; }
hr { border: none 0; border-top: 1px dashed #999; height: 1px; margin: 10px; }
img { border: 0px; }


#main { position: relative; margin: 0px auto; width: 900px; text-align: left; background-color: #fff; }

#header { width: 100%; height: 80px; margin-bottom: 10px; }
#header-content { width: 620px; height: 80px; background: url(images/header_bg.gif); float: right; margin-right: 4px; display: inline; text-align: center; }
#header-content h1 { margin-top: 20px; font-size: 17px; color: #666; }

#logo { width: 210px; height: 80px; background: url(images/logo.gif); float: left; margin-left: 15px; display: inline; }


#content-right { width: 624px; float: right; display: inline; }

#page-title { width: 620px; height: 30px; display: block; margin-top: 0px; margin-bottom: 10px; background: #9bbede; overflow: hidden; }
#page-title-content { font-size: 14px; font-weight: bold; color: #fff; margin-left: 12px; margin-top: 6px;}

.newsTitle { color: #000; font-weight: bold; }

#db-content { line-height: 1.5em; display: block; color: #000066; }
#db-content a, a:visited { color: #004a80; }
#db-content a:hover, a:visited:hover { color: #3366ff; }

#headlines { width: 610px; margin: 20px 0px; }
.headlines-border { width: 614px; height: 8px; background: #f0f0f0; border-right: 1px solid #999; border-bottom: 1px solid #999; }

.headlines-divider { display: block; margin-top: 0px; margin-bottom: 0px;  }

.headline-title { color: #000; font-weight: bold; }
.headline-body { line-height: 1.5em; color: #000066; padding-left: 20px; }
.headline-body a, a:visited { color: #004a80; }
.headline-body a:hover, a:visited:hover { color: #3366ff; }

.prop { float: right; width: 1px; height: 460px; border: 0px; }
.clear { clear: both; height: 1px; overflow: hidden; }


/* Left Hand Side Boxes */
#content-left { width: 260px; float: left; display: inline; margin-top: 20px;}
/* ------------------------------------------------------------------------------------------------ */
.box-top { width: 240px; height: 10px; background: url(images/leftbox_top.gif); margin-bottom: 0px; overflow: hidden; }
.box-title{ font-weight: bold; color: #000; margin-top: 2px; }
.box-bottom { width: 240px; height: 10px; background: url(images/leftbox_bottom.gif); margin-top: 0px; overflow: hidden; }
/* ------------------------------------------------------------------------------------------------ */
#nav { width: 240px; background: url(images/leftbox_mid.jpg); display: block; margin-bottom: 20px; }
#nav-mid { width: 240px; }
#nav-content { width: 220px; margin: 0px auto; margin-top: 0px; margin-bottom: 10px; }
#nav-content a, #nav-content a:visited { color: #666; font-weight: bold; text-decoration: none; display: block; margin-bottom: 6px; }
#nav-content a:hover, #nav-content a:visited:hover { color: #000; font-weight: bold; text-decoration: none; display: block; margin-bottom: 6px; }
/* ------------------------------------------------------------------------------------------------ */
#search { width: 240px; background: url(images/leftbox_mid.jpg); display: block; margin-bottom: 20px; }
#search-mid { width: 240px; }
#search-content { width: 220px; margin: 0px auto; margin-top: 0px; margin-bottom: 10px; }
.search-button { float: right; height: 22px; padding-top: 0px; display: inline; }
#search-clear { clear: both; height: 1px; overflow: hidden; }
#search-select { border: 1px solid #a2acb6; background: #fafafa; float: left; height: 22px; padding-top: 0px; display: inline; }
#search-content a, a:visited { color: #004a80; }
#search-content a:hover, a:visited:hover{ color: #3366ff; }
/* ------------------------------------------------------------------------------------------------ */
#links { width: 240px; background: url(images/leftbox_mid.jpg); display: block;margin-bottom: 20px; }
#links-mid { width: 240px; }
#links-content { width: 220px; margin: 0px auto; margin-top: 0px; margin-bottom: 10px;  }
#links-content a, a:visited { color: #004a80; }
#links-content a:hover, a:visited:hover{ color: #3366ff; }
/* ------------------------------------------------------------------------------------------------ */
#members-image {  width: 240px; height: 184px; background: url(images/leftbox_members_image.jpg); display: block; margin-bottom: 20px; }

/* Footer */
#footer { width: 100%; height: 44px; font-size: 9px; display: block; clear: both; }
#footer-content { width: 620px; height: 44px; font-size: 9px; background: url(images/footer_bg.gif); float: right; margin-right: 4px; display: inline; }
#footer-content-text { padding-top: 24px; text-align: center; font-size: 9px; }
#footer-content-text a, a:visited { color: #004a80; }
#footer-content-text a:hover, a:visited:hover { color: #3366ff; }
#kyodo { float: right; text-align: right; padding: 10px 4px; display: block; }
#kyodo a { color: #999; text-decoration: none; font-size: 9px; }


/* Form Elements for Contact & Member Login pages */
#text { width: 280px; height: 350px; float: left; margin-top: 20px; }
#form { width: 310px; height: 320px; float: right; margin-top: 40px; }

#text a, a:visited { color: #004a80; text-decoration: underline; }
#text a:hover, a:visited:hover { color: #3366ff; text-decoration: underline; }
.form-element { float: right; margin-bottom: 6px; display: block; }
.form-textbox { padding: 3px; background: url("images/form_textbox_bg.gif") bottom left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #93aebb; font-size: 10px; color: #333; width: 180px; }
.form-selectlist { padding: 3px; background: url("images/form_textbox_bg.gif") bottom left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #93aebb; font-size: 10px; color: #333; width: 188px; }
.form-textbox-red { padding: 3px; background: url("images/form_textbox_bg_red.gif") bottom left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #ed585c; font-size: 10px; color: #333; width: 180px; }
.form-textarea { padding: 3px; background: url("images/form_textarea_bg.gif") bottom left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #93aebb; font-family: sans-serif, verdana; font-size: 11px; color: #333; width: 300px; }
.form-textarea-red { padding: 3px; background: url("images/form_textarea_bg_red.gif") top left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #ed585c; font-family: sans-serif, verdana; font-size: 11px; color: #333; width: 300px; }


/* Directory Results Layout */
.dirTable { width: 616px; border: 0px; }
.dirTable td { vertical-align: top; padding: 2px; }
.dirKey { width: 615px; color: #000; font-size:10px; margin-top: 20px; }
.dirHeader { width: 617px; font-weight: bold; color: #000; font-size:10px; margin-top: 20px; }

.masterBall { margin-right: 4px; }
.approvBall { margin-right: 4px; }

.dirEntry { width: 617px; border: 1px solid #000; font-size:10px; margin-bottom: 10px; }
.dirDetails1 { width: 190px; float: left; padding-left: 2px; display: inline; }
.dirDetails2 { width: 200px; float: left; display: inline; }
.dirDetails3 { width: 225px; float: left; display: inline; }
.dirServices{ width: 615px; background: url(images/directory_rowfade_bg.jpg); border-bottom: 2px solid #636c7c; border-top: 1px solid #a3adb7; height: 25px; display: block; padding-left: 2px; }
.dirNonServices{ width: 615px; background: url(images/directory_rowfade_bg.jpg); border-bottom: 2px solid #636c7c; border-top: 1px solid #a3adb7; height: 17px; display: block; padding-left: 2px; } /* For non-fitters */
.dirEntryClear { clear: left; height: 1px; overflow: hidden; width: 600px; }

.backLink { width: 740px; margin-bottom: 10px; }


/* Next Directory pages only. */
#main-next { position: relative; margin: 0px auto; width: 624px; text-align: left; background-color: #fff; }
#content-next { width: 624px; }


/* Member Area code below. */
#pdfDownloads { width: 300px; min-height: 300px; border-left: 1px dashed #666; margin: auto 4px; float: right; padding-left: 8px; }
#pdfDownloads a, a:visited { font-size: 10px; color: #004a80; text-decoration: none; font-weight: bold; }
#pdfDownloads a:hover, a:visited:hover { font-size: 10px; color: #3366ff; text-decoration: underline; font-weight: bold; }