/* CSS Document */ /* Generic Element Styles */ body, div, span, p, li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } body { text-align: center; background-color: #475467;margin: 0px; background-image: url(images/shell/Background.png); background-position: center top; background-repeat: repeat-x; } p { margin: 10px; } a:link { color: #3A435A; text-decoration: none; } a:visited { color: #3A435A; text-decoration: none; } a:hover { color: #3A435A; text-decoration: underline; } a:active { color: #3A435A; text-decoration: underline; } img { border: 0px; } div { margin: 0px; padding: 0px; } .AbsWrap { width: 100%; position: relative; } .rowWrap { width: 100%; } .clearfloat { clear: both; height: 0px; } /* Overall page container */ #ContainerPage { width: 900px; text-align: center; margin-left: auto; margin-right: auto; } /* Header */ #ContainerHeader { width: 900px; height: 178px; float: none; text-align: left; background-image: url(/images/Shell/Header.png); background-repeat: no-repeat; background-position: center center; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #ContainerHeaderPetition { width: 900px; height: 178px; float: none; text-align: left; background-image: url(/images/Shell/HeaderPetition.png); background-repeat : no-repeat; background-position: center center; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Top nav bar */ #ContainerNavBar { width: 900px; height: 33px; float: none; text-align: left; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavHome { width: 76px; height: 33px; float: left; background-image: url(/images/Shell/NavHome.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavAboutJohn { width: 107px; height: 33px; float: left; background-image: url(/images/Shell/NavAboutJohn.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavAboutDistrict { width: 140px; height: 33px; float: left; background-image: url(/images/Shell/NavAboutDistrict.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavEndorsements { width: 122px; height: 33px; float: left; background-image: url(/images/Shell/clsNavEndorsements.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavIssues { width: 75px; height: 33px; float: left; background-image: url(/images/Shell/NavIssues.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavRight { width: 380px; height: 33px; float: left; background-image: url(/images/Shell/NavRight.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNavRightPetition { width: 380px; height: 33px; float: left; background-image: url(/images/Shell/NavRightPetition.png); background-repeat: no-repeat; background-position: top; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #ContainerHeaderBottom { width: 900px; height: 9px; float: none; text-align: left; background-image: url(/images/Shell/HeaderBottom.png); background-repeat: no-repeat; background-position: center center; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Main Body */ #ContainerBody { width: 900px; float:left; text-align: left; background-image: url(/images/Shell/ContentBackground.gif); background-repeat: repeat-y; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Left Nav */ #ContainerLeftNav { width: 183px; float: left; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsContrib { width: 183px; height: 77px; border: 0px; float: left; background-image: url(/images/Shell/Contrib.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsContribSpacer { width: 183px; height: 5px; border: 0px; float: left; background-image: url(/images/Shell/ContribSpacer.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsVolunteer { width: 183px; height: 43px; border: 0px; float: left; background-image: url(/images/Shell/Volunteer.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsVolunteerSpacer { width: 183px; height: 5px; border: 0px; float: left; background-image: url(/images/Shell/VolunteerSpacer.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNews { width: 183px; height: 43px; border: 0px; float: left; background-image: url(/images/Shell/News.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsNewsSpacer { width: 183px; height: 5px; border: 0px; float: left; background-image: url(/images/Shell/NewsSpacer.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsEmailTop { width: 183px; height: 52px; border: 0px; float: left; background-image: url(/images/Shell/EmailTop.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #EmailForm { width: 158px; margin-left: 2px; padding-left: 21px; padding-top: 10px; text-align: left; float: left; background-color: #00297A; } INPUT.clsFormEmail { border: 0px; font: normal 12px arial; color: #291E69; height: 16px; width: 140px; } INPUT.clsFormZip { border: 0px; font: normal 12px arial; height: 16px; width: 100px; vertical-align: middle; } INPUT.clsFormSubmit { border: 0px; height: 18px; width: 17px; vertical-align: middle; } .clsEmailBottom { width: 183px; height: 26px; border: 0px; float: left; background-image: url(/images/Shell/EmailBottom.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsPhotosVideos { width: 183px; height: 26px; border: 0px; float: left; background-image: url(/images/Shell/PhotosVideos.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsLettersEditor { width: 183px; height: 26px; border: 0px; float: left; background-image: url(/images/Shell/LettersToTheEditor.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsContactUs { width: 183px; height: 26px; border: 0px; float: left; background-image: url(/images/Shell/ContactUs.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsStayInTouch { width: 183px; height: 49px; border: 0px; float: left; background-image: url(/images/Shell/StayInTouch.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsFacebook { width: 183px; height: 35px; border: 0px; float: left; background-image: url(/images/Shell/Facebook.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .clsYouTube { width: 183px; height: 34px; border: 0px; float: left; background-image: url(/images/Shell/YouTube.png); background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Main content area */ #ContainerMainContent { width: 709px; float: right; background-image: url(/images/Shell/ContentTop.png); background-position: center top; background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #ContainerContentBody { width: 689px; border: 0px; background-color: White; float: left; margin-top: 8px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; } #ContainerBodyBottom { width: 900px; height: 4px; float: none; text-align: left; background-image: url(/images/Shell/ContentBottom.png); background-repeat: no-repeat; background-position: center center; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Footer area */ #ContainerFooter { width: 900px; height: 42px; float: none; text-align: left; background-image: url(/images/Shell/Footer.png); background-repeat: no-repeat; background-position: center bottom; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } /* Costmetic Class Selector Element Styles */ .clsHeader { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bolder; color: #F7B701; margin: 10px; } .clsHeaderSub { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #0E479A; margin: 10px; } .clsHeaderSource { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; font-style: italic; color: #3985C7; margin-left: 10px; } .clsHeaderDate { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3985C7; margin-left: 10px; margin-top: -10px; } .clsHeaderByline { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3985C7; margin-left: 10px; margin-top: -10px; } .clsSubHeaderLarge { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; color: #000080; } .clsSubHeaderMedium { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: 700; color: #000080; } .clsSubHeaderSmall { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: 700; color: #000080; } .clsSubheaderHR { width: 100%; color: #999999; size: 1px; margin-left: 11px; } .clsPhoto { float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; } .clsCenterContainer li { list-style-image: url(/images/itemArrow.jpg); margin-left: -20px; } .clsCenterContainer p { margin-left: 10px; margin-top: -5px; margin-bottom: 15px; } .clsLabelLarger { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelLarge { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelMediumer { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelMedium { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelSmall { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelSmaller { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000080; } .clsLabelSmallest { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #000080; } .clsSayQuote { font-family: Times New Roman, serif; font-size: 14px; font-style: italic; font-weight: bold; color: White; } .clsSayQuoteSmall { font-family: Times New Roman, serif; font-size: 11px; font-style: italic; font-weight: bold; color: White; } /* .clsSayQuoteBlack { font-family: Times New Roman, serif; font-size: 14px; font-style: italic; font-weight: bold; color: Black; }*/ .clsSayQuoteBlack { font-family: Times New Roman, serif; font-size: 20px; font-style: italic; font-weight: bold; color: Black; } /* .clsSayQuoteSmallBlack { font-family: Times New Roman, serif; font-size: 15px; font-style: italic; font-weight: bold; color: Black; }*/ .clsSayQuoteSmallBlack { font-family: Times New Roman, serif; font-size: 11px; font-style: italic; font-weight: bold; color: Black; } .clsSaySource { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: Black; } .clsTextLarger { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #000080; } .clsTextLarge { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #000080; } .clsTextMediumer { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #000080; } .clsTextMedium { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000080; } .clsTextSmall { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000080; } .clsTextSmaller { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000080; } .clsTextSmallest { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000080; } /* bFacet Styles */ .LabelSmall { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #000000; } .LabelSmallNavy { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #291E69; } .LabelMedium { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; } .LabelMediumNavy { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #291E69; } .LabelMediumMaroon { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: red; } .LabelLarge { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; } .LabelLargeNavy { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #291E69; } .TextXSmall { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #000000; } .TextXSmallNavy { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #291E69; } .TextSmall { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #000000; } .TextMedium { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; } .TextLarge { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #000000; } .Label { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; } .SignUpBold { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #291E69; } .ContentText { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; } .PageHeader { color: #251D4E; font: normal 22pt Arial, Helvetica, sans-serif; } .PageHeaderSmall { color: #251D4E; font: normal 18pt Arial, Helvetica, sans-serif; } .PageSubHeader { color: #251D4E; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: italic; } .LinkBoxHeader { color: #B6BB8E; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; } .LabelLargeWhite { color: #FFFFFF; font: bold 14pt Arial, Helvetica, sans-serif; } .LabelMediumWhite { color: #FFFFFF; font: bold 11pt Arial, Helvetica, sans-serif; } .LabelSmallWhite { color: #FFFFFF; font: bold 10pt Arial, Helvetica, sans-serif; } .LabelXSmallWhite { color: #FFFFFF; font: bold 9pt Arial, Helvetica, sans-serif; } .LabelXXSmallWhite { color: #FFFFFF; font: bold 8pt Arial, Helvetica, sans-serif; } .TextLargeWhite { color: #FFFFFF; font: normal 14pt Arial, Helvetica, sans-serif; } .TextMediumWhite { color: #FFFFFF; font: normal 11pt Arial, Helvetica, sans-serif; } .TextSmallWhite { color: #FFFFFF; font: normal 10pt Arial, Helvetica, sans-serif; } .TextXSmallWhite { color: #FFFFFF; font: normal 9pt Arial, Helvetica, sans-serif; } .TextXXSmallWhite { color: #FFFFFF; font: normal 8pt Arial, Helvetica, sans-serif; } .LabelXLargeMaroon { color: #8E150A; font: bold 17pt Arial, Helvetica, sans-serif; } .LabelLargeMaroon { color: #8E150A; font: bold 14pt Arial, Helvetica, sans-serif; } .LabelMediumMaroon { color: #8E150A; font: bold 11pt Arial, Helvetica, sans-serif; } .LabelSmallMaroon { color: #8E150A; font: bold 10pt Arial, Helvetica, sans-serif; } .LabelXSmallMaroon { color: #8E150A; font: bold 9pt Arial, Helvetica, sans-serif; } .LabelXXSmallMaroon { color: #8E150A; font: bold 8pt Arial, Helvetica, sans-serif; } .TextLargeMaroon { color: #8E150A; font: normal 14pt Arial, Helvetica, sans-serif; } .TextMediumMaroon { color: #8E150A; font: normal 11pt Arial, Helvetica, sans-serif; } .TextSmallMaroon { color: #8E150A; font: normal 10pt Arial, Helvetica, sans-serif; } .TextXSmallMaroon { color: #8E150A; font: normal 9pt Arial, Helvetica, sans-serif; } .TextXXSmallMaroon { color: #8E150A; font: normal 8pt Arial, Helvetica, sans-serif; } /* Photo/Vid Albums */ #PhotoGalleryThumbs {margin-top:80px !important; _margin-top:0px !important; height:410px !important; float:left;} #PhotoGalleryPlayer { height:410px !important; } #VideoGalleryThumbs {margin-top:80px !important; _margin-top:0px !important; height:410px !important; float:left;} #VideoGalleryPlayer { height:410px !important; }