body {/* -- defines the screen background */ /* background: #d6d6d4 url(../img/widgets/background.jpg) repeat-x left bottom fixed; */ /* background: #d6d6d4 -- a medium light grey */ /* background: url(../img/widgets/background.jpg) -- a slender graded grey strip */ /* background: repeat-x -- repeat across the screen* */ /* background: repeat-x left bottom fixed -- streatch image to the botom of */ /* background: repeat-x left bottom -- streatch image to the botom of the screen */ background: #d6d6d4 url(../img/widgets/background.jpg) repeat-x bottom left fixed; color: #666; /* Medium Dark Grey */ font-family: Verdana, Arial, Helvetica; font-size: 10px; /* Default Font Size in Pixels */ line-height: 13px; /* The distance between lines is 13 Pixels */ } #wrapper { width: 696px; /* wrapper for pdc site */ margin: 15px auto 15px auto; /* margins clockwise from the top */ background: #f1f1e6; /* background -- warm off-white */ border: 2px solid #036; /* nice blue "all-around" border 2px wide */ border-top: 7px solid #036; /* top border of 7px same blue */ border-bottom: 0px solid #036; /* 0px border = noop */ } /* -------------------------------------------------------------------------------------- Mastheads */ #homeMasthead { width: 696px; /* 696 */ height: 250px; /* 159 */ } #noMasthead { width: 696px; /* 696 */ } #vacationMasthead { background: url(../img/mastheads/vacationrentals.jpg); width: 696px; /* 696 */ height: 159px; /* 159 */ } #conferenceMasthead { background: url(../img/mastheads/conferences.jpg); width: 696px; height: 159px; } #big_Masthead { background: url(../img/mastheads/conferences.jpg); width: 765px; height: 175px; } #realestateMasthead { background: url(../img/mastheads/realestate.jpg); width: 696px; height: 159px; } #seeanddoMasthead { background: url(../img/mastheads/seeanddo.jpg); width: 696px; height: 159px; } #aboutMasthead { background: url(../img/mastheads/about.jpg); width: 696px; height: 159px; } #contactMasthead { background: url(../img/mastheads/contact.jpg); width: 696px; height: 159px; } #ownersMasthead { background: url(../img/mastheads/owners.jpg); width: 696px; height: 159px; } #housesMasthead { background: url(../img/mastheads/houses.jpg); width: 696px; height: 159px; } #cypressMasthead { background: url(../img/mastheads/cypressgrove.jpg); width: 696px; height: 159px; } #pelicanMasthead { background: url(../img/mastheads/pelicanpoint.jpg); width: 696px; height: 159px; } #shorebirdMasthead { background: url(../img/mastheads/shorebird.jpg); width: 696px; height: 159px; } #rentalsMasthead { background: url(../img/mastheads/monthlyrentals.jpg); width: 696px; height: 159px; } #promotionsMasthead { background: url(../img/mastheads/promotions.jpg); width: 696px; height: 159px; } #topNav { height: 19px; border: none; border-top: 1px solid #036; /* Top boarder usual blue */ border-bottom: 1px solid #c8c8c2; /* Bottom boarder warm medium grey */ } #content { float: left; width: 500px; background: #f1f1e6; border-right: 1px solid #c8c8c2; color: #333; padding-top: 20px; padding-bottom: 35px; } #content_wide { float: left; width: 696px; color: #c8c8c2; padding-top: 20px; padding-bottom: 35px; } #fixedContent { float: left; width: 500px; height: 300px; border-right: 1px solid #c8c8c2; color: #333; padding-top: 20px; padding-bottom: 35px; } #mapLink { float: right; clear: right; padding-right: 12px; } #subNavHome { float: right; width: 195px; background: #f1f1e6; clear: right; padding-top: 52px; color: #666; } #subNav { float: right; width: 195px; background: #f1f1e6; clear: right; padding-top: 20px; color: #666; } #footer { height: 14px; padding: 6px; background: #036; color: #d6d6d4; font-size: 9px; text-align: right; clear: both; } p { text-align: left; margin: 0px 45px 20px 45px; } ul { padding: 0px; margin: 0px 70px 20px 90px; } li { padding-top: 5px; } a { color: #36c; text-decoration: none; } a:hover { color: #039; text-decoration: underline; } /*a:visited { color: #69f; }*/ #subNavHome a { font-weight: bold;font-size: 1.04em; } #subNavHome p { margin: 3px 25px 35px 25px; } #subNavHome img { margin: 0px 0px 0px 25px; } #subNav a, #subNav a:visited { font-weight: bold; color: #36c; } #subNav a:hover { color: #039; text-decoration: none; } #subNav img { margin: 0px 20px 15px 20px; } p.link { margin: 0px 20px 15px 35px; text-indent: -12px; } p.active { margin: 0px 20px 15px 35px; text-indent: -15px; } p.nomargin { text-align: left; margin: 0px 45px 5px 45px; } #subNav p.active a, #subNav p.active a:visited, #subNav p.active a:hover { font-weight: bold; color: #333; } #property a, #property a:visited { font-weight: bold; color: #36c; } #property a:hover { font-weight: bold; color: #039; text-decoration: none; } #footer a, #footer a:hover, #footer a:visited { color: #d6d6d4; text-decoration: underline; } tr.header { background-color: #807f72; color: #f1f1e6; } tr.title { height: 14px; background: #048; color: #f1f1e7; font-weight: bold; text-align: center; } tr.subTitle { height: 14px; background: #036; color: #f1f1e7; text-align: center; } tr.highlight { height: 14px; background: #b6fff7; color: #0f3565; font-size: 11px; font-weight: bold; text-align: center; } tr.body { height: 14px; background: #77BBFF; color: #333; text-align: center; } td.bodyTitle { height: 14px; background: #bddcff; color: #205; font-weight: bold; text-align: left; } img.header { margin: 0px 45px 10px 45px; }