body { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #7fdcff; background-image: url(../Media/bdy_bkd.jpg); background-repeat: repeat-x; background-position: left 0; text-align: center; margin: 0; padding: 0; } h1 { color: #000; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 125%; text-align: left; letter-spacing: -0.03em; margin-bottom: 6px; padding: 0 0 3px; border-color: #808080; border-style: dotted; border-width: 0 0 1px; } h1.nobyline { margin-bottom: 12px; } h2 { color: black; font-size: 0.9em; font-weight: 700; line-height: 125%; text-align: left; margin: 0; padding-bottom: 0.25em; } p { font-size: 0.75em; line-height: 150%; text-align: left; margin: 0; padding: 0 0 1em; } p.byline { color: #808080; font-size: 0.7em; line-height: 100%; } a:link, a:visited { color: #09f; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } table { text-align: center; width: inherit; margin-right: auto; margin-left: auto; padding: 0; border-color: #09f; border-style: solid; border-width: 0 0 1px 1px; } th { color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; background-color: #09f; text-align: left; width: inherit; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } td { color: #000; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; } .emphasis { font-style: italic; } #container { background-image: url(../Media/Nav_bar_shadow.jpg); background-repeat: repeat-x; background-position: left 120px; text-align: center; width: 100%; margin-top: 12px; margin-right: auto; margin-left: auto; } #rightcolumn td { color: #000; line-height: 125%; text-align: left; margin: 0; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #all { background-repeat: no-repeat; text-align: center; width: 800px; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; } #header { background-image: url(../Media/Dh_masthead.jpg); background-repeat: no-repeat; background-position: center 0; text-align: left; width: 800px; height: 120px; margin-right: auto; margin-left: auto; } #homemap { text-align: left; position: absolute; width: 390px; height: 95px; z-index: 10; margin-top: 0; margin-left: 0; } #upperlinks { color: #c2ff1f; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 100%; text-align: right; width: 750px; margin-right: 50px; } #upperlinks a:link, #upperlinks a:visited { color: #c2ff1f; text-decoration: none; text-align: right; display: inline; } #upperlinks a:hover { color: #fff; text-decoration: underline; } #upperlinks #active { color: #fff; text-decoration: underline; } #dhara { color: #fff; font-size: 0.8em; text-align: right; width: 750px; margin-top: 67px; margin-right: 50px; } #content { background-color: #fff; background-image: url(../Media/content_bkd.jpg); background-repeat: repeat-y; background-position: center 0; width: 780px; margin-right: auto; margin-left: auto; } #inner { text-align: center; width: 714px; margin-top: 0; margin-right: auto; margin-left: auto; } #navbtns { background-image: url(../Media/Nav_bkd_OFF.gif); background-repeat: repeat-x; text-align: center; width: 780px; margin: 0 auto 0; padding: 0; } #navbtns ul { text-align: center; width: 505px; height: 30px; margin: 0 auto; padding: 0; list-style-type: none; } #navbtns li { width: 100px; height: 30px; float: left; margin: 0 1px 0 0; padding: 0; } #navbtns a, #navbtns a:link { color: #d5d5d5; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 0.75em; background-image: url(../Media/Nav_bkd_OFF.gif); background-repeat: repeat-x; text-decoration: none; height: 30px; padding: 0; display: block; } #navbtns a:hover { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 0.75em; background-image: url(../Media/Nav_bkd_ON.gif); background-repeat: repeat-x; text-decoration: none; height: 30px; padding: 0; display: block; } #navbtns #active { color: #008000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 0.75em; background-image: url(../Media/Nav_bkd_ON.gif); background-repeat: repeat-x; text-decoration: none; height: 30px; padding: 0; display: block; } span.padtop { padding-top: 11px; display: block; } #navshadow { background-image: url(../Media/paper_bkd.jpg); background-repeat: no-repeat; background-position: center 0; width: 780px; height: 10px; margin: 0 auto 9px; padding: 0; } #lowlinx { color: #1387ff; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 100%; text-align: left; width: 714px; margin-top: 0; margin-bottom: 14px; margin-left: 0; padding: 0; } #lowlinx a:link, #lowlinx a:visited { color: #1387ff; text-decoration: none; text-align: left; display: inline; } #lowlinx a:hover { color: #000; text-decoration: underline; } #lowlinx #active { color: #000; text-decoration: underline; display: inline; } #leftcolumn { text-align: left; width: 200px; float: left; margin-top: 0; margin-left: 0; padding: 0; } #leftcolumn ul { margin: 0 0 0; padding: 0; list-style-type: none; } #leftcolumn li { color: #000; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; background-image: url(../Media/download_icon.jpg); background-repeat: no-repeat; background-position: left center; margin-right: 9px; margin-left: 9px; padding-top: 9px; padding-bottom: 9px; border-color: #09f; border-style: dotted; border-width: 0 0 1px; } #leftcolumn .listtext { padding-left: 24px; display: block; } #leftcolumn.listtext a:link, #leftcolumn.listtext a:visited { color: #09f; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; display: block; } #leftcolumn.listtext a:hover { color: #000; text-decoration: underline; display: block; } #rightcolumn { text-align: left; margin-top: 0; margin-left: 220px; padding-top: 0; padding-bottom: 18px; } #rightcolumn .rulestable { width: inherit; margin-bottom: 18px; border-color: #09f; border-style: solid; border-width: 0 0 1px 1px; } #rightcolumn td.rulestable { } #rightcolumn td.rulescontents { font-size: 0.75em; line-height: 100%; background-image: url(../Media/sun_icon.jpg); background-repeat: no-repeat; background-position: 6px 4px; padding-left: 32px; } #rightcolumn .shaded { background-color: #e1ff90; } #eventcontainer { background-color: #fff; background-image: url(../Media/list_bkd.jpg); background-repeat: repeat-x; background-position: left 0; text-align: left; width: 200px; margin-top: 0; margin-bottom: 18px; padding-top: 0; padding-bottom: 12px; } #eventcontainer #linkbox { color: #000; font-size: 0.65em; line-height: 100%; text-align: left; width: 100%; } #eventcontainer #linkbox a { text-decoration: none; padding-left: 12px; } #eventcontainer #linkbox a:hover { text-decoration: underline; } #eventcontainer .calitem { color: #000; font-size: 0.6em; line-height: 125%; text-align: left; margin-right: 9px; margin-left: 9px; padding-top: 8px; padding-bottom: 12px; border-color: #969696; border-style: solid; border-width: 0 0 1px; } #eventcontainer .dates { color: #1387ff; font-weight: bold; } #eventcontainer .openclose { color: #fff; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; background-color: #f00; text-align: center; width: 35px; float: right; margin-left: 6px; padding: 2px; border: solid 1px #707c90; } #eventbanner { font-weight: bold; text-align: left; width: 200px; } #eventbanner h2 { color: #000; font-size: 1em; font-weight: bold; line-height: 125%; background-color: #c2ff1f; background-image: url(../Media/banner_bkd.jpg); background-repeat: no-repeat; background-position: center 0; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-top: 0.5em; padding-left: 9px; } #eventbanner .weekdate { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; } #items { margin-top: 0; margin-bottom: 18px; padding: 0; } #items ul { background-color: white; height: 72px; margin: 0 0 0; padding: 0; list-style-type: none; } #items li { background-image: url(../Media/list_bkd.jpg); background-repeat: repeat-x; background-position: left 0; width: 33%; height: 72px; float: left; margin: 0 0.3% 0 0; padding: 8px 0 0; } #items p { color: #000; font-size: 0.75em; line-height: 135%; background-repeat: no-repeat; margin: 0 9px; padding: 0 0 6px 0; } #items p a:link, #items a:visited { color: #000; background-image: url(../Media/item_icon_OFF.gif); background-repeat: no-repeat; background-position: left 4px; text-decoration: underline; padding-left: 14px; display: block; } #items p a:hover { color: #000; background-image: url(../Media/item_icon_ON.gif); background-repeat: no-repeat; background-position: left 4px; text-decoration: none; } .vrule { background-color: #fff; width: 8px; height: 72px; float: right; } img.duck { float: left; margin-right: 12px; margin-bottom: 12px; } #footer { color: #1387ff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 150%; text-align: left; clear: both; padding-top: 12px; padding-bottom: 0; padding-left: 220px; border-color: #708090; border-style: dotted; border-width: 1px 0 0; } #footer a:link, #footer a:visited { color: #1387ff; text-decoration: none; text-align: left; padding-bottom: 0; display: inline; } #footer a:hover { color: #000; text-decoration: underline; } #footer2 { color: #1387ff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 150%; text-align: left; clear: both; padding-top: 12px; padding-bottom: 0; border-color: #708090; border-style: dotted; border-width: 1px 0 0; } #footer2 a:link, #footer2 a:visited { color: #1387ff; text-decoration: none; text-align: left; display: inline; } #footer2 a:hover { color: #000; text-decoration: underline; } #copyright { color: #000; font-size: 90%; text-align: left; margin-top: 0; padding-top: 12px; padding-bottom: 12px; } #bottombkd { background-color: #7fdcff; background-image: url(../Media/footer_bkd.jpg); background-repeat: no-repeat; background-position: center 0; width: 780px; height: 24px; margin-right: auto; margin-left: auto; } #nosmoke { position: relative; top: 8px; padding-right: 6px; } span.bold { font-weight: 700; } #inner #swimmeets { text-align: center; width: 600px; clear: both; margin: 0 auto 24px; padding: 0; } #inner #swimmeets th { color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; background-color: #09f; text-align: left; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #swimmeets td { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; text-align: left; margin: 0; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #swimmeets .shaded { background-color: #e1ff90; } #inner #divemeets { text-align: center; width: 600px; clear: both; margin-right: auto; margin-bottom: 24px; margin-left: auto; padding: 0; } #inner #divemeets table { width: 100%; } #inner #divemeets th { color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; background-color: #09f; text-align: left; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #divemeets td { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; text-align: left; margin: 0; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #divemeets .shaded { background-color: #e1ff90; } #inner #bodstaff { text-align: center; width: 714px; clear: both; margin-right: auto; margin-bottom: 24px; margin-left: auto; padding: 0; } #inner #bodstaff table { width: 714px; } #inner #bodstaff th { color: white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; background-color: #09f; text-align: left; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #bodstaff td { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; text-align: left; margin: 0; padding: 6px; border-color: #09f; border-style: solid; border-width: 1px 1px 0 0; } #inner #bodstaff td .wid20 { width: 20%; } #inner #bodstaff .shaded { background-color: #e1ff90; } .floatleft { float: left; margin-right: 9px; padding-bottom: 42px; } .floatright { float: right; margin-left: 6px; } .caution { font-weight: 700; background-color: #c2ff1f; margin: 6px 0 6px 0; padding: 9px; display: block; } .rulesindent { margin-right: 24px; margin-left: 24px; } #cal_container { width: inherit; margin-top: 0; padding: 0; } #cal_container .month { color: #000; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 100%; background-color: #c2ff1f; padding: 8px; border: solid 1px; } #cal_container .calitem { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; text-align: left; width: 100%; margin-top: 12px; margin-bottom: 12px; padding-bottom: 12px; border-color: #000; border-style: dotted; border-width: 0 0 1px; } #cal_container .dates { color: #000; font-size: 110%; font-weight: 700; } #cal_container div.openclose { color: #000; font-size: 75%; font-weight: 700; line-height: 125%; background-color: #c2ff1f; text-transform: uppercase; text-align: center; width: 72px; height: auto; float: right; padding: 2px; border: solid 1px; } #lessons { text-align: center; width: 70%; margin: 20px auto 18px; } #lessons table { background-color: #fff; text-align: center; width: 100%; margin-right: auto; margin-left: auto; padding: 0; border-color: #999; border-style: solid; border-width: 1px 0 0 1px; } #lessons td { color: #000; font-size: 0.65em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 140%; text-align: left; width: 50%; margin: 0; padding: 0; border-color: #999; border-style: solid; border-width: 0 1px 1px 0; } #lessons td p { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-top: 4px; margin-right: 4px; margin-left: 4px; padding-bottom: 6px; } #lessons a, #lessons a:link { color: #f00; text-decoration: none; } #lessons a:hover { color: #000; text-decoration: underline; } #lessons td p.header { color: #000; font-size: 125%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; background-color: #d5d5d5; margin-bottom: 0; padding: 4px; border: solid 1px #999; } #lessons td p.foot { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; margin-bottom: 0; padding-bottom: 4px; } #lessons th { color: #000; font-size: 0.9em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; line-height: 100%; background-color: #fff; margin: 0; padding-top: 6px; padding-bottom: 6px; border-color: #999; border-style: solid; border-width: 0 1px 1px 0; } #lessons .paleyellow {background-color: #fffcbe;} img.droplet { float: left; margin-right: 2px; padding-top: 0; } #fiftiesphoto { background-image: url(../Media/dh_fifties_concept.jpg); background-repeat: no-repeat; background-position: left 0; position: relative; width: 266px; height: 207px; overflow: visible; margin-top: -350px; margin-left: -54px; padding-bottom: 150px; } #fiftiesphoto p { color: #f00; font-size: 0.6em; line-height: 125%; text-align: right; margin-bottom: 0; padding-top: 180px; padding-right: 12px; padding-left: 133px; } #George { text-align: center; width: 100%; margin: 0 auto 24px; padding: 0; border: solid 1px #f00; } #George h2 { color: #f00; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 125%; margin: 18px; padding: 0; }