html { text-align: center; background: #fff; }
body { width: 987px; margin: 0 auto; padding: 0; position: relative; background: #fff url(/images/left-col.jpg) left top repeat-y; color: #036; text-align: left; border-right: 1px solid #027; border-left: 1px solid #027; }
a { color: #036; }

/* Fonts */
body { font: small "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia, "New Century Schoolbook", Times, serif; text-align: center; }

/* Main Headers */
h1 { width: 847px; height: 180px; margin: 0 0 0 140px; padding: 36px 0 0; text-indent: inherit; position: relative; z-index: 2; }
h1 i { position: absolute; right: 0; bottom: 0; width: 100%; height: 180px; }
body.help h1 i { background: url(/images/h1/h1-how_i_can_help.jpg) no-repeat; }
body#credentials h1 i { background: url(/images/h1/h1-my_credentials.jpg) no-repeat; }
body#listings h1 i { background: url(/images/h1/h1-marblehead_listings.jpg) no-repeat; }
body#why h1 i { background: url(/images/h1/h1-why_marblehead-1.jpg) no-repeat; }
body#why-beyond h1 i { background: url(/images/h1/h1-why_marblehead-A.jpg) no-repeat; }
body#why-community h1 i { background: url(/images/h1/h1-why_marblehead-4.jpg) no-repeat; }
body#why-education h1 i { background: url(/images/h1/h1-why_marblehead-6.jpg) no-repeat; }
body#why-history h1 i { background: url(/images/h1/h1-why_marblehead-5.jpg) no-repeat; }
body#why-recreation h1 i { background: url(/images/h1/h1-why_marblehead-2.jpg) no-repeat; }
/* Home Page */
body#home h1 { height: 394px; padding-top: 37px; }
body#home h1 i { height: 394px; background: url(/images/home-main.jpg) no-repeat; }

h2 { margin-left: 141px; margin-top: -2.5em; position: relative; top: -2em; z-index: 1; }
h3 { font-size: 130%; }
h4 { text-align: left; }

/* Contact */
#contact { width: 142px; height: 647px; position: absolute; left: 0; top: 0; }
#contact h3, #contact h4, #contact p { text-align: left; margin-left: 0.25em; }
#contact i { background: url(/images/krista-contact-2.jpg) no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
#contact a#coldwell { width: 100%; height: 36px; position: absolute; left: 0; top: 0; }
#contact a#email { width: 100%; height: 20px; position: absolute; left: 0; bottom: 52px; z-index: 10; text-indent: -9999px; }
/* Home page */
body#home #contact i { background: url(/images/krista-contact.jpg); }
body#home #contact a#email { bottom: 20px; }

/* Content */
#content p#intro { display: none; }
#content { margin: 0.25em 0; padding: 0 250px 0.5em 142px; min-height: 425px; /*background: url(/images/side-rest.gif) 737px 15px no-repeat;*/ position: relative; }
body#home #content { background: url(/images/side-home.gif) 737px 15px no-repeat; min-height: 200px; }
#content p,
#content h3,
#content h4 { margin: 0; padding: 1em 1em 0; }

/* Lists */
#content ul { list-style: none; margin: 0; padding: 0; }
#content li { margin: 1em; padding: 0; }
#content li h3 { margin: 0; padding: 0; text-align: left; font-size: 110%; }
#content li h3+p { margin-top: 0; }
#content li h4 { display: inline; }
#content li p { margin-left: 0; }
#content li p.lettr { text-align: right; font-size: 90%; font-style: italic; margin: 1em 0 0 3em; color: Maroon; }
/* Special for Listing sites */
#content ul#mls-links { list-style: none; width: 90%; margin: 1em auto; text-align: center; }
#content ul#mls-links li { display: inline; margin: 0 3em; }

/* Sidebar */
#sidebar { position: absolute; right: 3px; top: 15px; width: 248px; }
#sidebar div.img { width:248px; height:100px; margin-bottom: 5px; }

/* Navigation */
ul.nav { list-style: none; text-align: center; margin: 0; padding: 0.5em 0; z-index: 10; }
ul.nav li { display: inline; text-align: center; padding: 0 0 0 0.25em; border-left: 1px solid #127; }
ul.nav li.first { border: 0; }
ul.nav li a { padding: 0 2em 0.5em 2.5em;; font: 13px Arial,Helvetica,sans-serif; color: #036; text-decoration: none; }

ul#main-nav { position: absolute; right: 0; top: 0; width: 847px; height: 36px; }
ul#nav-why,
ul#nav-help { padding: 0 250px 0.5em 142px; }
ul#nav-list { padding: 0 250px 0.5em 400px; }
ul#nav-why li a,
ul#nav-help li a,
ul#nav-list li a { padding: 0 0.5em 0.5em; }
ul#nav-whytop,
ul#nav-helptop,
ul#nav-listtop { position: absolute; left: 150px; top: 175px; padding: 0; }
ul#nav-whytop li,
ul#nav-helptop li,
ul#nav-listtop li { border: none; }
ul#nav-whytop li a,
ul#nav-helptop li a,
ul#nav-listtop li a { padding: 0 0.25em 0.25em; }

body#listings ul#main-nav li a#list,
body.why ul#main-nav li a#whyy,
body.help ul#main-nav li a#helpp,
body#credentials ul#main-nav li a#cred,
body#why-history a.history,
body#why-community a.community,
body#why-education a.education,
body#why-recreation a.recreation,
body#why-beyond a.beyond,
body#help-financial a.financial,
body#help-realtor a.realtor,
ul.nav li a:hover { text-decoration: underline; }

/* footer */
#footer { font-size: 90%; line-height: 2; border-top: 1px solid #027; background-color: #fff; margin: 0; padding: 0 0.5em;/* margin-left: 1px; padding-left: 0.5em; margin-right: 0; padding-right: 0.5em; border-left: 1px solid #027;*/ }
#footer br { display: none; }
#footer a { float: right; color: #ccc; text-decoration: none;/* margin-top:-2em;*/ }
#footer a:hover { color: #999; }

/* The Listings Table */
table#lstngs { font-size: 90%; margin: 0 auto 1em; border: 1px solid #036; }
table#lstngs caption { margin: 1em auto 0.25em; padding: 0.25em 0; font-weight: bold; }
table#lstngs th { text-align: center; padding: 0.25em 0; }
table#lstngs input[type="text"] { width: 20em; }
table#lstngs input.dolrs { width: 9em; }
table#lstngs td { padding: 0.25em; border-bottom: 1px solid #666; }
table#lstngs td:first-child { text-align: right; border-right: 1px solid #666; }
table#lstngs input[type="radio"] { position: relative; top: +2px; margin-left: 2em; }
table#lstngs input#b1 { margin-left: 0.25em; }

/* Common Stuff */
.ctr { text-align: center; }