/* CSS Document */ /*//////////////// created by John Benedict ////////////////*/ /*/////////////// john@benedictgraphico.com ////////////////*/ /*///// small links //////*/ span.smalllink A{ color:#666666; font-size:10px; line-height:16px; margin:20px 0pt; } #mainGraphic { float: left; width: 765px; margin: 0 0 1px 0; padding: 0; } #mainImage { float: left; width: 514px; margin: 0; padding: 1px 0 0 0; border-top: 1px solid #c00; } #special { float: left; width: 250px; margin: 0 0 0 1px; padding: 1px 0 0 0; border-top: 1px solid #ccc; } #leftCol { float: left; width: 514px; margin: 0; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; } #rightCol { float: left; width: 250px; margin: 0 0 0 1px; padding: 0; background: #e5e5e5; border-bottom: 1px solid #ccc; } .noMG { border-top: 1px solid #ccc; padding-top: 4px !important; } /*///// LEFT COL TEXT STYLES /////*/ #leftCol h3 { margin: 4px 0; padding: 4px 16px 0 8px; font-size: 16px; line-height: 20px; color: #333; font-weight: normal; } #leftCol h3.resultH { padding-bottom: 8px !important; } #leftCol h4 { margin: 16px 16px 4px 0; padding: 16px 0 0 8px; border-top: 1px solid #ccc; font-size: 12px; line-height: 16px; color: #820000; } #leftCol h4.noTopBorder { border-top: none !important; padding-top: 0 !important; } #leftCol p { margin: 4px 0; padding: 0 16px 4px 8px; font-size: 11px; line-height: 16px; color: #666; } #leftCol ul, #leftCol ol { margin: 4px 16px; padding: 0 8px 4px 24px; font-size: 11px; line-height: 16px; color: #666; } #leftCol table { margin: 4px 8px; padding: 0; border: 1px solid #ccc; font-size: 11px; line-height: 16px; color: #666; } #leftCol table th { padding: 0 16px; text-align: left; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #leftCol table td { padding: 0 16px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #signupform table { margin: 4px 8px; padding: 0; font-size: 11px; line-height: 16px; color: #666; border:0 } #signupform table th { padding: 0 16px; text-align: left; border:0 } #signupform table td { padding: 0 16px; border:0 } #nullcss table { margin:0; padding: 0; font-size: 8px; line-height: 10px; border:0 } #nullcss table th { padding: 0; text-align: left; border:0 } #nullcss table td { padding: 0; border:0 } #leftCol p a, #leftCol li a, #leftCol h3 a { font-weight: bold; color: #c00; } #leftCol p a:hover, #leftCol li a:hover, #leftCol h3 a:hover { text-decoration: none; } p.centerIndent { margin: 16px 48px 8px 48px !important; padding: 4px 0 !important; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; } table.multiCol, table.multiCol td { border: none !important; vertical-align: top; } /*///// EQUIPMENT LISTING /////*/ .equipListing { float: left; margin: 4px 0; padding: 8px 16px 8px 8px; } .equipImg { float: left; margin: 0; padding: 16px 0 0 0; width: 150px; } .equipDesc { float: left; margin: 0 0 0 16px; padding: 16px 0 0 0; width: 324px; border-top: 1px solid #ccc; } /*///// BOARD OF DIRECTORS UL /////*/ #leftCol ul#bod { margin: 4px 0; padding: 4px 16px 0 16px; font-size: 11px; line-height: 16px; color: #666; list-style: none; } #leftCol ul#bod li { padding: 4px 8px; } /*///// STAFF DL /////*/ #leftCol dl#staff { margin: 4px 0; padding: 0 16px 16px 16px; font-size: 11px; line-height: 16px; } #leftCol dl#staff dt { margin: 8px 0 0 0; padding: 4px 8px 0 8px; font-weight: bold; color: #3f3f3f; } #leftCol dl#staff dd { padding: 4px 4px 0 4px; color: #666; } /*///// SERVICES / ABOUT / CONTACT / LOCAL LINKS / CONTACT US / PAYMENT OPTIONS GRAPHICAL H2s /////*/ #leftCol h2 { margin: 0 0 8px 0; padding: 0; width: 514px; height: 33px; line-height: 0; text-indent: -9999px; } h2#servicesH { background: url(../imgs/sub/services-h.gif); } h2#signup { background: url(../imgs/sub/signup-h.gif); } h2#newsH { background: url(../imgs/sub/news-h.gif); } h2#phoneH { background: url(../imgs/sub/phone-h.gif); } h2#internetH { background: url(../imgs/sub/internet-h.gif); } h2#cableH { background: url(../imgs/sub/cableTV-h.gif); } h2#hdtvH { background: url(../imgs/sub/hdtv-h.gif); } h2#payperviewH { background: url(../imgs/sub/pay-per-view-h.gif); } h2#advertisingH { background: url(../imgs/sub/advertising-h.gif); } h2#computerRepairH { background: url(../imgs/sub/computer-repair-h.gif); } h2#currentPromotionsH { background: url(../imgs/sub/current-promotions-h.gif); } h2#packagesH { background: url(../imgs/sub/packages-h.gif); } h2#residentialPackagesH { background: url(../imgs/sub/residential-packages-h.gif); } h2#businessPackagesH { background: url(../imgs/sub/business-packages-h.gif); } h2#aboutUsH { background: url(../imgs/sub/about-us-h.gif); } h2#missionStatementH { background: url(../imgs/sub/mission-statement-h.gif); } h2#boardOfDirectorsH { background: url(../imgs/sub/board-of-directors-h.gif); } h2#staffH { background: url(../imgs/sub/staff-h.gif); } h2#employmentH { background: url(../imgs/sub/employment-h.gif); } h2#historyH { background: url(../imgs/sub/history-h.gif); } h2#contactUsH { background: url(../imgs/sub/contact-us-h.gif); } h2#publicfile { background: url(../imgs/sub/publicfile.gif); } h2#eNewslettersH { background: url(../imgs/sub/e-newsletters-h.gif); } h2#localLinksH { background: url(../imgs/sub/locallinks-h.gif); } h2#newslettersH { background: url(../imgs/sub/newsletters-h.gif); } h2#upcomingEventsH { background: url(../imgs/sub/upcoming-events-h.gif); } h2#websiteCompassH { background: url(../imgs/sub/website-compass-h.gif); } h2#marriedMadnessH { background: url(../imgs/sub/married-madness-h.gif); } h2#paymentOptionsH { background: url(../imgs/sub/payment-options-h.gif); } h2#viewYourBillH { background: url(../imgs/sub/view-your-bill-h.gif); } h2#readYourBillH { background: url(../imgs/sub/read-your-bill-h.gif); } h2#automaticPaymentH { background: url(../imgs/sub/automatic-payment-h.gif); } h2#todaysSpecialH { background: url(../imgs/sub/todays-special-h.gif); } /*///// FILE DOWNLOAD /////*/ ul.fileDownload { margin: 8px 16px 8px 8px !important; padding: 1px !important; background: #e5e5e5; } ul.fileDownload li { margin: 0 1px; padding: 0; list-style: none; line-height: 20px; } ul.fileDownload li a { margin: 1px 0; padding: 0 8px 0 48px; display: block; color: #c00; text-decoration: none; } li.pdf a:hover { background: #e5e5e5 url(../imgs/sub/PDFfileIcon.gif) no-repeat 2px 3px; } li.pdf { background: #fff url(../imgs/sub/PDFfileIcon.gif) no-repeat 2px 3px; } li.jpg a:hover { background: #e5e5e5 url(../imgs/sub/JPGfileIcon.gif) no-repeat 2px 3px; } li.jpg { background: #fff url(../imgs/sub/JPGfileIcon.gif) no-repeat 2px 3px; } li.noFileType a:hover { background: #e5e5e5; } li.noFileType { background: #fff; } /*///// CHOOSE AREA /////*/ div.chooseArea { width: 400px; float: left; margin: 8px 48px; padding: 0; border: 5px solid #e5e5e5; } div.area { width: 197px; float: left; margin: 0; padding: 1px; } div.area p { margin: 0 !important; padding: 0 !important; text-align: center; border-bottom: 1px solid #e5e5e5; font-size: 14px !important; } div.area a { margin: 0 !important; padding: 8px 0 !important; display: block; text-decoration: none; } div.area a:hover { background: #e5e5e5; } div.area ul { margin: 0 !important; padding: 0 !important; } div.area li { margin: 0 !important; padding: 0 !important; list-style: none; border-bottom: 1px solid #e5e5e5; } div.area li a { margin: 0 !important; padding: 8px 0 !important; display: block; width: 197px; text-align: center; } .rightBorder { border-right: 1px solid #e5e5e5; margin-right: 1px !important; } .noBottomBorder { border-bottom: none !important; } /*///// RIGHT COL SUB NAV /////*/ ul#rightColSubNav { width: 250px; margin: 0; padding: 0 0 16px 0; } ul#rightColSubNav li { width: 250px; list-style-type: none; margin: 0 0 1px 0; padding: 0; } ul#rightColSubNav li a { outline: none; margin: 0; padding: 0; width: 250px; height: 30px; background: #000 url(../imgs/sub/rightCol-subNav-bg.gif); display: block; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; line-height: 30px; text-indent: 10px; } ul#rightColSubNav li a:hover { background-position: 0 -30px; } ul#rightColSubNav li.activeSN a { background-position: 0 -60px; } /*///// RIGHT COL SUB NAV SUB NAV /////*/ ul#rightColSubNav li ul { margin: 1px 0; padding: 0; width: 240px; background: none; border-left: 1px solid #e5e5e5; } ul#rightColSubNav li ul li { width: 240px; list-style-type: none; margin: 0 0 1px 0; padding: 0; } ul#rightColSubNav li ul li a { outline: none; margin: 0; padding: 0; width: 240px; height: 25px; background: #820000; display: block; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; line-height: 25px; text-indent: 20px; } ul#rightColSubNav li ul li a:hover { background: #900; text-indent: 16px; } ul#rightColSubNav li ul li.activeSNSN a { background: #c00; text-indent: 16px; } /*///// RIGHT COL SUB NAV SUB NAV SUB NAV /////*/ ul#rightColSubNav li ul li ul { margin: 1px 0; padding: 0 0 0 1px; width: 235px; background: none; border-left: 4px solid #c00; } ul#rightColSubNav li ul li ul li { width: 235px; list-style-type: none; margin: 0 0 1px 0; padding: 0; } ul#rightColSubNav li ul li.activeSNSN ul li a { outline: none; margin: 0; padding: 0; width: 235px; height: 25px; background: #820000; display: block; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; line-height: 25px; text-indent: 20px; } ul#rightColSubNav li ul li.activeSNSN ul li a:hover { background: #900; text-indent: 16px; } ul#rightColSubNav li ul li.activeSNSN ul li.activeSNSNSN a { background: #c00; text-indent: 16px; } #rightColSpecial { padding: 20px; text-align: center; } /*///// RIGHT COL EVENTS QUESTIONS /////*/ #events-questions { padding: 0 20px; } #events-questions a { display: block; padding: 10px; background: #900; text-align: center; -moz-border-radius: 5px; border-radius: 5px; font-size: 13px; line-height: 21px; font-weight: bold; color: #fff; text-decoration: none; } #events-questions a:hover { background: #820000; } #events-questions a span { font-size: 10px; line-height: 32px; text-decoration: underline; text-transform: uppercase; } /*///// 2011 INTERNET SEMINAR /////*/ #seminar { font-family: Helvetica, Verdana, Arial; } #seminar #mainImage { float: left; width: 514px; margin: 0; padding: 1px 0 0 0; border-top: none; } #seminar #special { float: left; width: 250px; margin: 0 0 0 1px; padding: 1px 0 0 0; border-top: none; } #seminar #leftCol { float: left; width: 514px; margin: 0; padding: 0 0 8px 0; border-bottom: none; } #seminar #rightCol { float: left; width: 240px; margin: 0 0 0 1px; padding: 20px 0 20px 10px ; background: #fff; border-bottom: none; } #seminar-graphics { float: left; width: 190px; } #seminar-info { float: right; width: 323px; } #seminar h2, #seminar h3, #seminar h6, #seminar p, #seminar ul, #seminar li { margin: 0; padding: 0; text-indent: 0; color: #333; width: auto; height: auto; line-height: normal; } #speaker { background: #f2f2f2; padding: 20px; } #speaker h2 { font-size: 11px; text-transform: uppercase; font-weight: bold; padding-bottom: 9px; } #speaker h6 { font-size: 10px; text-transform: uppercase; font-weight: bold; } #speaker p { font-size: 11px; font-weight: bold; line-height: 14px; padding-bottom: 9px; } #speaker p span { font-size: 10px; } #topics { border: 2px solid #f2f2f2; padding: 20px; } #topics h2 { font-size: 10px; text-transform: uppercase; font-weight: bold; padding-bottom: 9px; } #topics ul { font-size: 12px; padding: 0 0 18px 18px; } #topics ul span { font-size: 10px; } #topics li { padding-bottom: 3px; } #topics p { font-size: 11px; font-style: italic; } #seminar #rightCol h2, #seminar #rightCol h3, #seminar #rightCol p { font-size: 12px; line-height: 18px; padding-bottom: 18px; } #seminar #rightCol p { padding-bottom: 9px; } .register-btn { padding-bottom: 18px; } #register { clear: both; width: 620px; padding: 0; margin: 0 auto; text-align: center; } #register form { width: 620px; color: #333; padding: 0 0 20px; } #register p { font-size: 14px; line-height: 21px; padding: 20px 0; text-align: left; } #register h2 { font-size: 24px; text-transform: uppercase; padding: 20px 0; border-bottom: 2px solid #f2f2f2; } #register form ol { list-style: none; float: left; width: 600x; margin: 0; padding: 20px 0 0; } #register form li { float: left; width: 600px; padding: 10px 0; } #register form label { font-size: 14px; } #register form input, #register form select, #register form textarea { width: 308px; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: normal; color: #333; } #register form input { border: 1px solid #bfbfbf; padding: 10px; } #register form textarea { border: 1px solid #bfbfbf; padding: 10px; height: 118px; min-height: 118px; line-height: 21px; } #register form .send button { padding: 12px; border: 1px solid #bfbfbf; background: url(images/btn-grad-bg.jpg) repeat-x; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #036; } #register form .send button:hover { background: #eee; border: 1px solid #ccc; cursor: pointer; } #register form p small { float: left; text-align: left; font-size: 11px; color: #666; padding: 20px 0; } .lbl { float: left; width: 200px; padding: 10px 20px 0 0; text-align: left; } .input { float: left; width: 308px; } .checkbox { float: left; width: 40px; } .checkbox input { width: auto !important; } .inline input { float: left; width: 40px !important; text-align: center; } .inline div { float: left; width: 200px; padding: 10px 0; } .inline span { font-weight: bold; } .send { float: left; width: 210px; padding-left: 220px; } .send input { width: 308px !important; height: 38px; padding: 0 !important; border: 1px solid #c00 !important; background: none !important; outline: none; } .send input:hover, .send input:focus { border: 1px solid #600 !important; } textarea:focus { outline: none; } select:focus { outline: none; } textarea:focus { outline: none; } button:focus { outline: none; } .clear-register { clear: both; } /*///// CONTACT FORM /////*/ #contact-form { float: left; width: 500px; color: #333; padding: 0 0 60px; } #contact-form form { float: right; width: 460px; color: #333; padding: 20px; } #contact-form ol { list-style: none; float: left; width: 460px; margin: 0; padding: 0; } #contact-form li { float: left; width: 460px; padding: 0 0 6px; } #contact-form li:last-child { } #contact-form p { clear: both; padding: 12px 0 0; } #contact-form label { font-size: 14px; font-weight: bold; line-height: 24px; } #contact-form input { border: 1px solid #ccd0d7; padding: 10px; width: 238px; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: normal; color: #333; } #contact-form textarea { border: 1px solid #ccd0d7; padding: 10px; height: 84px; min-height: 84px; line-height: 21px; width: 298px; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: normal; color: #333; } #contact-form button { width: 258px !important; height: 50px; padding: 0 !important; text-align: center; background: #e5e5e5; border: 1px solid #e5e5e5; outline: none; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #900; } #contact-form button:hover { background: #900; border: 1px solid #900; cursor: pointer; color: #fff; } #contact-form p small { float: left; font-size: 10px; font-weight: bold; color: #666; text-align: left; } #contact-form .lbl { float: left; width: 60px; padding: 6px 0 0 0; text-align: left; } #contact-form .input { float: left; width: 238px; } #contact-form .lbl-txtarea { float: left; width: 298px; padding: 6px 0 0 0; text-align: left; } #contact-form .txtarea { float: left; width: 298px; } #contact-form .send { float: left; width: 258px; padding: 6px 0 0 0; text-align: left; } #contact-form .human { display: none; } #contact-form .msg { display: none; clear: both; padding: 6px 0 0; } #contact-form .msg div { padding: 10px; border: 1px solid #ccd0d7; -moz-border-radius: 3px; border-radius: 3px; } #contact-form .msg p { font-size: 12px; font-weight: bold; padding: 0 !important; } .clear { clear: both; }