/*======================================================================= GLOBAL ========================================================================*/ BODY,HTML { background-color: #000; width: 100%; font-weight:normal !important; -webkit-font-smoothing: antialiased; } * { font-weight:normal; -webkit-font-smoothing: antialiased !important; } /*======================================================================= BACKGROUND ========================================================================*/ .Preload { float: left; width: 1px; height: 1px; overflow: hidden; } #Home #BodyWrapper { z-index: 1 !important; /* background: url(/img/bg-1.jpg) no-repeat top center fixed; */ } /*======================================================================= TYPOGRAPHY ========================================================================*/ /* font-family:'TradeGothicW01-BoldCn20 675334'; font-family:'Trade Gothic W01 Cn 18'; font-family:'TradeGothicW01-Cn18Obl' ; // ITALICS font-family:'TradeGothicW01-BoldCn20 675337'; font-family:'URW Clarendon W01 Light'; font-family:'URWClarendonW01-LightOb'; font-family:'URWClarendonW01-Regular 923452'; font-family:'URWClarendonW01-Regular 923467'; font-family:'Trade Gothic W01 Light'; font-family:'TradeGothicW01-LightObl'; font-family:'Trade Gothic W01 Roman'; font-family:'Trade Gothic W01 Obl'; font-family:'Trade Gothic W01 Bold'; font-family:'TradeGothicW01-BoldObl'; */ H1,h2,h3,h4,h5 { display: block; clear: both; font-weight:normal !important; -webkit-font-smoothing: antialiased; line-height: 1.25em; color: #FFF; font-family:'TradeGothicW01-BoldCn20 675334', Arial, san-serif; } H1 { font-size: 62px; margin: 0 0 25px; line-height: 1.0em; } H2 { font-size: 48px; margin: 0 0 15px; line-height: 1.0em; } H3 { font-size: 32px; margin: 0 0 15px; line-height: 1.0em; } H4 { font-size: 28px; margin: 0 0 20px; line-height: 1.0em; } DD,P { color: #e9e6d9; font-size: 16px; font-family: 'Trade Gothic W01 Roman',Helvetica, san-serif; } A { color: #ffb868; } A:HOVER { color: #FFF; } B { font-weight: bold; } BR { display: block; clear: both; } I { font-style: italic; } IMG.AutoSize { width: 100%; height: auto !important; margin: 0 0 15px 0; } SUP {line-height: 0; position: relative; top: -0.5em !important; font-size: 80%; } SUB {line-height: 0; position: relative; bottom: -0.25em !important; font-size: 80%; } SMALL { font-size: 12px; } .Thumb { position: relative; float: left; width: 35%; clear: left; } .Thumb IMG { width: 85%; height: auto !important; padding: 0; border: 5px solid #FFF; } .Thumb .Magnify { display: none; border: none; right: 25px; bottom: 20px; width: 15px; height: 15px; position: absolute; } .Thumb:HOVER .Magnify { display: block; } FIGCAPTION { display: none; } FIGURE IMG { width: 100%; height: auto !important; margin: 0 10px 15px 10px; } .Large { width: 100%; } .Medium { width: 60%; } .Small { width: 35% } FIGURE.Left, IMG.Left { float: left; margin: 0 15px 10px 0; } FIGURE.Right, IMG.Right { float: right; margin: 0 0px 10px 15px; } .SubwayLines { clear: both; display: block; } .SubwayLines IMG { width: 8%; height: auto !important; margin: 10px 0 0 0; } .Listing LI { font-size: 14px; margin: 5px 0 5px 0; padding: 0;} .Listing LI .Selected { font-weight: bold; } .ScrollMore { text-align: center; position: absolute; bottom: -26px; width: 100%; z-index: 50; } .Author DT .SmallText, #SubNavigation LI A, .skiplink A, #Navigation, .ItemList DD, .row.RowFooter P , #News DT { font-family:'Trade Gothic W01 Cn 18'; } .Author DT .Name, #Worship.Sermons .Listing LI, #Worship.Sermons DT, .Wrapper.Notice .Header, #Worship.Food DT,#Search.Results .Item DT, #RefButton, #Navigation #Nav LI A, #Navigation #Slogan A, .Highlights DT { font-family:'TradeGothicW01-BoldCn20 675334'; } #DonationForm LABEL,#News DD, #News P, #News .News-Detail, figcaption, BODY.LightTemplate .columns.twelve LI, BODY.LightTemplate .ItemList DD, BODY.LightTemplate .columns LI,.ItemList DT { font-family: 'Trade Gothic W01 Light',Helvetica,san-serif; } .ThreeCols .Col1, .ThreeCols .Col2, .ThreeCols .Col3 { float: left; width: 33.33%; box-sizing: border-box; } .ThreeCols .Col1 { padding: 0 16px 0 0; } .ThreeCols .Col2 { padding: 0 8px 0 8px; } .ThreeCols .Col3 { padding: 0 0px 0 16px; } .ThreeCols P { color: #FFF; } /*======================================================================= SEARCH ========================================================================*/ #Search.Results .Item { padding: 15px 20px 20px; } #Search.Results .Item.resultRowTwo { background-color: #e2ded2; } #Search.Results .Item DT { font-size: 25px; } #Search.Results .columns.ten .Pad { padding-left: 20px !Important; } #Search.Results .sixteen.columns .Pad { padding: 10px 40px 40px; } #Search.Results .Bg5 .row { background-color: #d7d3c7; } #SearchBox .field { padding: 0; margin: 0 0 15px 0; } /*======================================================================= SOCIAL NETWORK ========================================================================*/ .TwitterBox EM A { font-family:'Trade Gothic W01 Cn 18', Arial, san-serif; font-size: 13px; } .TwitterBox EM A:HOVER { color: #FFF; text-decoration: none !important; } .TwitterBox DIV { margin: 2px 0 5px 0; } .TwitterBox P { line-height: 1.75em !important; } #SiteWrapper { width: 100%; position: absolute; padding: 0; margin: 0; z-index: 100; } /*======================================================================= Navigation ========================================================================*/ #Navigation { Arial, san-serif; z-index: 300; background: url(/img/bg-nav_repeat.png) bottom repeat-x; top: 0; position: fixed; width: 100%; margin: 0; padding: 0 0 8px 0; height: 80px; } #Navigation .Menu { max-width: 960px; margin: 15px auto 0; width: 95%; position: relative; } #Navigation #Utils { float: right; position: absolute; right: 0; margin: 0; padding: 0; top: -3px; } #Navigation #Utils UL, #Navigation #Utils LI { display: inline; margin: 0; padding: 0; } #Navigation #Nav { position: absolute; top: 22px; left: 53px; } #Navigation #Nav UL { display: block; float: left; clear: both; margin: 0px 0 0 0; padding: 0; } #Navigation #Nav LI UL { position: absolute; left: 0; top: 41px; background-color: #ac3a0c; width: 100%; min-width: 440px; } #Navigation #Nav LI LI { float: left; display: block; display: none; clear: both; line-height: 1.55em; } #Navigation #Nav LI.Hovered > A:HOVER, #Navigation #Nav LI.Hovered > A { background-color: #ac3a0c; color: #FFF; } #Navigation #Nav LI LI { width: 47%; clear: none; float: left; } #Navigation #Nav LI LI A { color: #FFF; font-size: 20px; text-transform: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #Navigation #Nav LI LI.Hovered A:HOVER, #Navigation #Nav LI LI A:HOVER { color: #ffb868; } #Navigation #Nav LI.Hovered > UL { padding: 10px 0; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;} #Navigation #Nav LI LI UL, #Navigation #Nav LI LI LI { margin-left: 15px; display: block; position: relative; width: auto; background-color: none; } #Navigation #Nav LI LI UL, #Navigation #Nav LI LI.Hovered UL { top: 0; padding: 0; margin: 0; width: auto; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #Navigation #Nav LI LI LI { background-color: transparent; width: 50%; display: block; clear: both; float: none; } #Navigation #Nav LI LI LI A { font-size: 17px; padding: 0 15px !important; } #Navigation #Nav LI LI A { display: block; padding: 5px 15px !important; float: left; width: 100%; } #Navigation #Nav LI { position: relative; display: inline; float: left; margin: 0; padding: 0; } #Navigation #Nav LI A { font-size: 26px; text-transform: uppercase; padding: 0 15px !important; float: left; margin: 0; } #Navigation #Nav LI.active > A, #Navigation #Nav LI > A:HOVER { color: #FFF; } #Navigation #Slogan { font-weight: bold; float: left; color: #FFF; width: 90%; padding: 0px 15px 0; margin: -1px 0 0px 0; line-height: 1.25em; } #Navigation #Slogan SPAN { font-weight: normal; margin: 0px 20px 0 20px; } #Navigation #Slogan A { margin: 0 5px 0 0; font-size: 14px !important; font-weight: 100; color: #FFF; text-transform: uppercase; } #Navigation #Slogan A:HOVER { color: #ffb868;} #Navigation #Logo { float: left; width: 43px; padding: 0; margin: -3px 10px 6px 0; } #Navigation #Logo IMG { width: 40px; width: 100%; height: 53px; height: auto !important; } #Navigation #Nav .Res { display: none } #Navigation #Nav.Open .Res { display: none; } #Navigation #Nav { top: 20px; left: 56px; } #Navigation #Nav LI A { display: block; padding: 4px 11px 11px !important; font-size: 22px; } #Navigation #Nav LI > UL { width: 230px; float: left; min-width: 200px; } #Navigation #Nav LI LI A { width: 200px; } #Navigation #Nav LI LI:HOVER { background-color: #8f420a; } #Navigation #Nav LI LI:HOVER A:HOVER { color: #FFF; } #Navigation #Nav LI LI:HOVER LI A:HOVER { color: #ffb868; } #Navigation #Nav LI LI { clear: both; width: 230px; } #Navigation #Nav LI LI UL { position: absolute; top: 0; left: 230px; background: #8f420a; display: none; padding: 9px 0 10px; float: left; } #Navigation #Nav LI LI.TheParents { width: 230px; background: url(/img/nav-icon-arrow_right.png) top right no-repeat; } #Navigation #Nav LI LI.TheParents:HOVER { background: #8f420a url(/img/nav-icon-arrow_right_on.png) top right no-repeat; } #Navigation #Nav LI LI.TheParents LI A:HOVER { background-color: #8f420a; } #Navigation #Nav LI LI.TheParents LI, #Navigation #Nav LI LI.TheParents LI A { padding-left: 0 !important; } .Hovered UL { width: 230px; } .SearchBox { position: absolute !important; right: 0px; top: -4px; } .SearchBox #magnify { position: absolute; right: 0; top: 5px; right: 5px; } .SearchBox #keywords { width: 320px; background-color: #34302b; border: none; color: #FFF; padding: 5px;} #SubNavigation LI { margin: 0; } #SubNavigation LI A { line-height: 1.25em; padding: 10px 10px 7px; font-size: 20px; width: 100%; display: block; } #SubNavigation LI A:HOVER { color: #444; } #SubNavigation LI.active A { background-color: #FFF; } video { max-width: 100%; height: auto; } #RefButton { opacity:0.9; filter:alpha(opacity=90); line-height: 1.2em; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px#333; box-shadow: 0 0 5px #333;text-transform: uppercase; color: #FFF; padding: 0 0 90px 38px; background: #ac3a0c url(/img/btn-feedback.gif) no-repeat; position: fixed; left: -100px; top: 30%; margin: 0; z-index: 10000; font-size: 20px; letter-spacing: .08em; display: none; } #RefButton:HOVER { opacity:1; filter:alpha(opacity=100); background-color: #ac3a0c; color: #ffb868; } #RefButton:ACTIVE { color: #FFF; } #employee_information #Column1 UL { margin-top: 15px 0 10px; padding: 0; } #employee_information #Column1 H3 { margin: 15px 0 10px 0; padding: 0; } /*======================================================================= Utility ========================================================================*/ #Utils .Utils-Social { clear: both; display: block; } #Utils .Utils-Social LI { } #Utils .Utils-Social LI A { margin: 0 8px 0 0; float: left; } #Utils .Utils-Social LI.Utils-Fb A, #Utils .Utils-Social LI.Utils-Tw A { width: 1px; height: 1px; overflow: hidden; margin: 1px 8px 10px 0px; opacity:1; filter:alpha(opacity=100); } #Utils .Utils-Social LI.Utils-Fb A { background: url(/img/btn-facebook.gif) 0px 0px no-repeat; padding: 17px 17px 0 0; } #Utils .Utils-Social LI.Utils-Tw A { background: url(/img/btn-twitter.gif) 0px 0px no-repeat; padding: 17px 17px 0 0; } #Utils .Utils-Social LI.Utils-Fb A:HOVER { background: url(/img/btn-facebook_hover.gif) 0px 0px no-repeat; padding: 17px 17px 0 0; } #Utils .Utils-Social LI.Utils-Tw A:HOVER { background: url(/img/btn-twitter_hover.gif) 0px 0px no-repeat; padding: 17px 17px 0 0; } #Utils .Utils-Social LI A:HOVER { } #Utils .Utils-Social LI.Utils-Like { float: left; } #Utils .Utils-social LI.Utils-like .Social { float: left; margin-top: 0px; } #Utils .SearchBox { clear: both; display: block; margin: 0px 10px 0 0; padding: 0; position: relative; } #Utils .SearchBox, #Utils .SearchBox INPUT { display: block; clear: both; background-color: #525252; border: none; width: 160px; } #Utils .SearchBox INPUT { padding: 5px; color: #FFF; width: 100%; } #Utils .SearchBox .search-submit { z-index: 400; position: absolute; top: 6px; right: -4px; float: right; width: 13px; height: 13px; padding: 0; } .Utils-Social { position: absolute; right: 0px; top: 32px; } .Utils-Social LI { display: inline; margin: 0 0 0 2px; } .Utils-Social LI A { opacity: 0.75; } .Utils-Social LI A:HOVER { opacity: 1 ; } .Content { margin: 0 auto !important; width: 100%; max-width: 960px; } .TextLarge { font-size: 24px; font-family: 'Trade Gothic W01 Cn 18',san-serif; line-height: 1.35em; } .TextSmall { font-size: 14px; } .TextCenter, .Centered, .Centered P { display: block; text-align: center; } .TextLeft { text-align: left !important; } .TextRight, .columns.TextRight { text-align: right !important; } .Right { float: right; } .Left { float: left; } .Rotate { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .GrayBox { background-color: #AAA; padding: 15px 15px 5px 20px; margin-bottom: 5px; } IMG.Right { margin: 0 0 10px 20px; } IMG.Left { margin: 0 20px 10px 0px; } .Pad10 { padding: 10px !important; } .Pad15 { padding: 15px !important; } .Pad20 { padding: 20px !important; } .Margin5 { padding-bottom: 0px !important; margin-bottom: 5px; } .Margin10 { padding-bottom: 0px !important; margin-bottom: 10px; } .Margin15 { padding-bottom: 0px !important; margin-bottom: 15px; } .Margin20 { padding-bottom: 0px !important; margin-bottom: 20px; } .skiplink A { text-transform: uppercase; letter-spacing: .1em; text-shadow: 2px 2px #d6d2c6; font-size: 11px; background: #d7d3c7 url(/img/bg-backtotop.png) no-repeat right; padding-right: 30px; } .skiplink A:HOVER { color: #FFF !important; background: #6e6b6a url(/img/bg-backtotop.png) no-repeat right; text-shadow: 2px 2px #4e4a4a; } #Masthead { clear: both; display: block; } #BodyWrapper { max-width: 100%; width: 100%; } #Slideshow IMG { width: 100%; height: auto !important; border-radius: 8px; } #Slideshow { margin: 0 0 25px 0; } .Wrapper { width: 100%; margin: 0; padding: 50px 0; position: relative; clear: both; } .Bg1 { background-color: #34302b; } .Bg2 { background-color: #21201f; } .Bg3 { background-color: #2b3a42; } .Bg4 { background-color: #e9e6d9; } .Bg5 { background-color: #d7d3c7; } .Window { background: url(/img/bg-window_overlay.png) repeat-y center; } .Cover { } .Loader,#Loader { float: right; margin-top: -40px; } .ItemList DL { margin: 0 20px 20px 30px; width: 38%; float: left; clear: none; } .ItemList .row { margin: 40px 0 0 -30px; padding: 0; width: 100%; } .ItemList DT { font-size: 20px; line-height: 1.2em; font-family: 'URW Clarendon W01 Light',serif; } .ItemList DT A { color: #FFF; } .ItemList DT A:HOVER { color: #ffb868; } .ItemList DD { font-size: 14px; line-height: 1.35em; margin: 5px 0 0 0; font-family: 'Trade Gothic W01 Roman',san-serif; } .row { position: relative; width: 90%; max-width: 960px; margin: 0 auto; } #Intro .row { width: 100%; } .row.RowFooter P { font-size: 14px; } .Social A.fb { opacity: 1;filter: alpha(opacity=100); } #TopBanner { text-align: right; padding-top: 0; } #TopBanner .columns { position: relative; } #TopBanner .columns P { margin: 0; font-size: 18px; font-family: 'URW Clarendon W01 Light',serif; } #TopBanner .columns .Flap { display: none; text-align: left; float:right; position: absolute; right: 0 !important; bottom: -50px; background-color: #aa350e; padding: 12px 20px 0 20px; height: 80px; max-width: 340px; z-index: 200; } #TopBanner .columns .Flap A { text-transform: uppercase; color: #e6eaf3; } #TopBanner .columns .Flap A:HOVER { color: #FFF; } #TopBanner .columns .Flap P { font-size: 16px; line-height: 1.25em; } #TopBanner .columns .Flap H4 { margin: 5px 0 5px 0; } #TopBanner.Window { padding-top: 0px; } #TopBanner.Window .columns { height: 357px; padding-top: 15px;} #Breadcrumb { padding: 30px 0 0px 0; -moz-box-shadow: -5px -2px 7px #111; -webkit-box-shadow: -5px -2px 7px #111; box-shadow: -5px -2px 7px #111; } #Breadcrumb.Wrapper .row { padding: 0; margin: 0 auto; } #Breadcrumb SPAN {} #Breadcrumb, #Breadcrumb P { font-family: Helvetica, Arial, serif; font-size: 13px; } #Breadcrumb P { padding: 0; margin: 0; } #Intro.Wrapper { padding-top: 15px; } .TitleHeader H1 { margin: 0 0 5px 0; } .TitleHeader H3 { margin: 0 0 30px 0; color: #e9e6d9; } .Pad { padding: 15px 20px; } DL.DropDown { clear: both; margin: -10px 0 0 0; padding: 0; position: relative; background-color: #fef5e6; } .DropDown DT { color: #666; margin: 0; max-width: 420px; width: 85%; padding: 5px 20px 2px 10px; background: #FFF url(/img/icon-drowpdown_arrow.gif) right no-repeat; } .DropDown DT A, #contact .dropdown DT A:HOVER { color: #666; background-color: #FFF; } .DropDown DD { position: absolute; display: none; clear: both; max-width: 430px; width: 85%; background-color: #FFF; z-index: 600; } .DropDown DD LI { padding: 0; margin: 0; list-style: none; float: left; clear: both; display: block; width: 100%; } .DropDown DT A:HOVER, .DropDown DT A, .DropDown DD A { width: 100%; background: none !important; cursor: pointer; font-family: Helvetica, Arial, san-serif; color: #999; display: block; } .DropDown DD A { width: 100%; max-width: 411px; background-color: #EEE !important; display: block; padding: 5px 20px 2px 10px !important; } .DropDown DD A:HOVER { background-color: #AAA !important; color: #FFF !important; } .Highlights-Feat { margin: 20px auto 50px auto; position: relative; } .Highlights-Feat .columns { height: 300px } .Highlights-Feat .Highlights-Title { min-height: 60px; font-size: 24px; margin: 5px 0 0 0; } .Highlights-Feat P { font-size: 18px; } .Highlights-Feat .Social { position: absolute; bottom: 15px; } .Highlights-Feat .Social A { display: inline; float: left; } .Highlights-Feat .Social A.tw { margin: 2px 0 0px 8px;} .Highlights-Feat .Social A.fb { opacity: 1;filter: alpha(opacity=100); } .Highlights DL { margin: 20px 0; } .Highlights DT { font-size: 36px; line-height: 1.15em; } .Highlights DD { color: #e9e6d9; } .Highlights .columns.six DL { margin: 20px 20px !important; } .QuoteText { font-size: 19px; line-height: 1.45em; } .IntroInfo P { color: #e9e6d9; margin: 0 0 15px 0; font-family:'Trade Gothic W01 Cn 18', Arial, san-serif; font-size: 16px; } .IntroInfo H3, .IntroInfo H4 { margin: 25px 0 5px !important; } .IntroLinks A { font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 24px; } #Footer P, #Footer A { font-family: 'Trade Gothic W01 Cn 18'; } #Footer UL { font-size: 19px; margin: 0; padding: 0; clear: both; display: block; } #Footer LI { display: inline; padding: 0; margin: 0; } #Footer LI A { padding: 0 10px 0 16px; border-left: 1px solid #FFF; } #Footer LI:first-child A { border-left: none; padding: 0 10px 0 0; } .clearfix { clear: both; display: block; width: 100%; height: 1px; } #Column2 .skiplink { margin: 0 0 0px 0 !important; padding: 0; } #Column2 .skiplink A { letter-spacing: 0.05em; background: none; padding: 0; margin: 0 !important; font-size: 17px; text-transform: none; } #Column2 .skiplink A:HOVER { text-shadow: none; color: #444 !important; } BLOCKQUOTE { padding: 0 0 15px 50px; color: #000; line-height: 25.6px !important; background: url(/img/icon-blockquote.png) left 5px no-repeat; color: #000; border: none; font-family:'Trade Gothic W01 Roman', Arial, san-serif; font-size: 16px; } BLOCKQUOTE P { line-height: 25.6px; } #Column2 BLOCKQUOTE { padding: 0 0 0px 37px; background: url(/img/icon-blockquote_sm.png) left 5px no-repeat; font-family: 'TradeGothicW01-BoldCn20 675334',Arial,san-serif; font-size: 28px; margin-bottom: 10px; font-weight: 600; line-height: 1.25em !important; } #About.People .OurPeople { display: block; clear: both; margin: 10px 0 40px 0; } #About.People .OurPeople DT { color: #000; font-size: 40px; font-family: 'TradeGothicW01-BoldCn20 675334', Arial, san-serif; line-height: 1.15em; margin: 0 0 10px 0; } #About.People .OurPeople DL { width: 52%; float: left; padding: 0; margin: 0; } #About.People .People-Photo { width: 40%; float: left; margin: 0 18px 10px 0; } #About.People .People-Bio { padding-top: 18px; clear: both; display: block; } #About.People .Listing { width: 29%; margin: 0 15px 0 0; float: left; } #About.People .Listing .People-Photo { position: relative; float: left; overflow: hidden; width: 100%; } #About.People .Listing .People-Photo IMG { position: relative; bottom: 0; height: auto !important; width: 100%; } #About.People .Divider { display: block; clear: both; width: 100%; height: 30px; } #About.People .People-Permalink { font-size: 12px; text-transform: uppercase; font-family: Helvetica, Arial; } #About.People .Listing .People-Name { clear: both; display: block; width: 100%; margin: 0 20px 0 0; padding: 0; } #About.People .Listing H5 { display: block; font-size: 22px; width: 100%; margin: 0; padding: 5px 0 0px 0; } #About.People .Listing P { display: block; font-size: 14px; width: 100%; margin: 0; padding: 6px 0 25px; line-height: 1.35em; } .People .FixedNav A .PhotoLink { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -moz-box-shadow: inset 0 0 5px #000; -webkit-box-shadow: inset 0 0 5px #000; box-shadow: inner 0 0 5px #000; background:transparent; width: 25px; height: 28px; overflow: hidden; border-radius: 4px; float: left; margin: -2px 10px 0 0; padding: 0; } .People .FixedNav A .PhotoLink IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width: 25px; height: auto; opacity:.9; filter:alpha(opacity=90); -moz-box-shadow: inset 0 0 5px #000; -webkit-box-shadow: inset 0 0 5px #000; box-shadow: inner 0 0 5px #000; } .People .FixedNav A:HOVER .PhotoLink IMG { opacity:1; filter:alpha(opacity=100); } .People .FixedNav P { padding: 0px 0 10px 0; display: block; clear: both; margin: 0 0 15px 0; } .People .FixedNav P A { line-height: 1.25em !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: block; clear: both; padding: 0; } .People .FixedNav .People-Job { padding: 0; margin: 0 0 0px 0; text-transform: uppercase; font-size: 12px; clear: both; color: #666; display: block; } .People .FixedNav A:HOVER .People-Job { } .People .FixedNav.Trustees P { margin: 0 0 10px 0; padding: 0; } .People .FixedNav.Departments P { margin: 0 0 0px 0; padding: 0 0 5px 0; } #Giving.Donate #DonationForm TD { padding: 5px 0; } #Giving.Donate #DonationForm, #Giving.Donate #DonationForm TD { background: #e9e6d9; border: none; background-image: none; } #Giving.Donate #DonationForm LABEL { font-size: 15px; color: #6e6e6e !important; } #Giving.Donate #DonationForm SELECT { padding: 5px !important; } #Giving.Donate #DonationForm SECTION { width: 100%; margin: 10px 4px; padding: 0; } #Giving.Donate #DonationForm SECTION DIV { background-color: #FFF; padding: 8px 8px 7px; } #Giving.Donate #DonationForm H2 { border-bottom: 1px dotted #888; padding-bottom: 20px; } #Giving.Donate #DonationForm H4 { color: #ac3a0c; padding: 10px 0; } #Giving.Donate #DonationForm .Button { display: inline-block; width: 20%; float: none; padding: 0 10px 0px; margin: 0 8px; font-size: 16px; line-height: 1.2em; } #Giving.Donate #DonationForm .Button.Submit { float: none; display: inline; margin: 0 auto; font-weight: bold; width: 40%; color: #FFF; padding-top: 0px; padding-bottom: 0px; height: 40px; line-height: 1.5em; } #DonationForm .ack_city,#DonationForm .ack_state,#DonationForm .ack_zip { width: 100%; } #DonationForm .error { display: block; } /*======================================================================= CALENDAR ========================================================================*/ #Calendar #Navigation #nav_sub_calendar A { color: #FFF; } #Calendar tbody TH { width: 14%; font-family: 'Trade Gothic W01 Cn 18'; font-size: 19px; } #Calendar tbody TH, #calendar tbody TD { border: 1px solid #CCC; } #Calendar .Center { text-align: center; font-family: 'Trade Gothic W01 Cn 18'; font-size: 20px; } #Calendar TD A:HOVER { color: #ac3a0c !important; } #Calendar TD { border: 1px solid #eee; } #Calendar TD.day_cell A.num { font-weight: bold; } #Calendar #CalView, #Calendar #Cats { float: right; width: 200px; margin: 14px 0px 0 15px; z-index: 150; } #Calendar #month_year.row { padding-bottom: 0 !important; margin-bototm: 0 !important; } #Calendar #month_year.row H2 { margin: 0 !important; padding: 0 !important; } #Calendar .columns.four { background: transparent; } #Calendar H4 { margin: 20px0 0 0px;} #Calendar.Detail SMALL { text-transform: uppercase; font-family: Helvetica,Arial; font-size: 12px; clear: both; display: block; margin: 5px 0 20px 0; } #Calendar.Detail SMALL A { color: #ac3a0a !important; padding: 0px 0px 8px; border-radius: 15px; } #Calendar.Detail SMALL A:HOVER { color: #000 !important; } #Calendar.Detail LI SMALL { } #Calendar.Detail .occurrences { padding: 20px 0 0 0; } #Calendar.Week #CalView, #Calendar.Week #Cats { margin: 14px 15px 0 0px; } #Calendar.Week H2, #Calendar.Week H2 SPAN { line-height: 1.25em; float: left; } #Calendar.Week H2 SPAN.SubTitle { font-size: 18px !important; padding: 30px 0 0 0; margin: 0; color: #666; } #Calendar.Week .ten.columns LI { padding: 2px 0 1px 0; } #Calendar.Day #CalView, #Calendar.Day #Cats { margin: 14px 15px 0 0px; } #Calendar.Day #daynav { padding: 0; } #Calendar.Day #daynav H2 { padding: 30px 0 30px 0; float: left; clear: both; margin: 0 !important; } #Calendar.Day .event { padding: 0 0 15px 0; clear: both; display: block; float: left; width: 100%; } #Calendar.Day .event H4 { padding: 35px 0 10px 0; float: left; width: 100%; clear: both; } #Calendar.Day .event P { margin: 0; padding: 10px 0 0px 0; } #Calendar H2 { color: #000; } #Calendar figure { padding: 0 0 15px 0; } #Calendar figure IMG { margin: 0; padding: 0; } #Calendar figcaption { display: block; font-size: 12px; padding: 0; margin: 0; text-align: left; } #Calendar .day H4 { margin-bottom: 15px; } .CalendarListing { margin: 0 !important; padding: 0 !Important; } .CalendarListing LI { line-height: 1.25em; padding: 0 0 15px 0; margin: 0; font-size: 16px; } .CalendarListing LI SPAN { font-size: 13px; padding: 0 0 0px 0; } BODY.LightTemplate #Content { padding-top: 0; } BODY.LightTemplate #Content .columns { padding-top: 30px; } BODY.LightTemplate #Content, BODY.LightTemplate { background-color: #e9e6d9; } BODY.LightTemplate #BodyWrapper A { color: #954f00; } BODY.LightTemplate #BodyWrapper A:HOVER { color: #444; } BODY.LightTemplate H1,.LightTemplate H3 { color: #21201f; } BODY.LightTemplate H2 { color: #21201f; font-size: 40px !important; } BODY.LightTemplate H4 { color: #21201f; font-size: 24px; margin: 20px 0 5px 0; } BODY.LightTemplate HR { background-color: #6e6b6a !important; border: none; height: 10px; margin: 50px 0 15px; } BODY.LightTemplate OL { margin: 0; padding: 10px 0 10px 5px; list-style-type: decimal; } BODY.LightTemplate OL UL { } BODY.LightTemplate OL LI { list-style: decimal !important; } BODY.LightTemplate OL LI UL LI { list-style: square !important; } BODY.LightTemplate #Intro { margin: 0; padding: 0px 0 0 0; width: 100%; } BODY.LightTemplate #Intro .row { background-color: #6e6b6a; margin: 0 auto; position: relative; width: 90%; max-width: 960px; margin: 0 auto; } BODY.LightTemplate #Intro H1,.LightTemplate #Intro H3 { color: #FFF; margin-left: 40px; } BODY.LightTemplate #Intro H3 { } BODY.LightTemplate #Intro H2 { color: #FFF; font-size: 40px !important; } BODY.LightTemplate #Content .Pad { padding-top: 0; } BODY.LightTemplate #Content .columns.ten .Pad { padding-left: 40px; } BODY.LightTemplate #Breadcrumb { padding: 80px 0 0 0; background-color: #e9e6d9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } BODY.LightTemplate #Breadcrumb .row { padding-top: 20px; padding-bottom: 10px; } BODY.LightTemplate #Breadcrumb UL { padding: 0; margin: 0; } BODY.LightTemplate #Breadcrumb { color: #21201f; } BODY.LightTemplate #Breadcrumb P { padding-left: 40px; } BODY.LightTemplate #Breadcrumb A { color: #ffb868; } BODY.LightTemplate #Breadcrumb A:HOVER { color: #e9e6d9; } BODY.LightTemplate #Intro .PhotoBg #Breadcrumb, BODY.LightTemplate #Intro .PhotoBg .row { background: transparent; position: relative; width: 100%; max-width: 960px; margin: 0 auto; background-attachment: fixed !important; background-position: center 60px !important; } BODY.LightTemplate #Intro .PhotoBg #Breadcrumb P { color: #DDD; } BODY.LightTemplate #Intro .PhotoBg H1 { text-shadow: #333 0.05em 0.05em 0.05em } BODY.LightTemplate #Intro .PhotoBg H3 { } BODY.LightTemplate #Intro .PhotoBg { background-color: #000; display: block; position: relative; top: 0; width: 90%; max-width: 960px; margin: 0 auto; } BODY.LightTemplate .Bg4 DD, BODY.LightTemplate .Bg4 P { color: #21201f; } BODY.LightTemplate #Footer A { color: #ffb868; } BODY.LightTemplate #Footer A:HOVER { color: #FFF; } BODY.LightTemplate H5 { color: #21201f; margin: 10px 0 5px 0; } BODY.LightTemplate .columns.four, BODY.LightTemplate #Column2, BODY.LightTemplate .columns.six { background-color: #d7d3c7; } BODY.LightTemplate .columns.six H3 { color: #736c64; margin: 0px 0 15px 0; } BODY.LightTemplate .columns.six LI { margin: 0 0 5px 0; } BODY.LightTemplate .columns.twelve LI, BODY.LightTemplate .columns.nine LI, BODY.LightTemplate .columns.ten LI { list-style: square; margin: 0 0 0 20px; } BODY.LightTemplate .columns UL { margin: -6px 0 25px 0; padding: 0 0 10px 0; } BODY.LightTemplate .ItemList { margin-top: 0; padding: 0; } BODY.LightTemplate .ItemList .row { margin-top: 0; padding: 0; } BODY.LightTemplate .ItemList DL { display: block; width: 100%; padding: 0; margin-bottom: 20px; } BODY.LightTemplate .ItemList DT { font-weight: bold; } BODY.LightTemplate .ItemList DD { line-height: 1.5em; } /* .CategoryFilter UL { font-weight: normal; padding: 0; margin: 0 !important; font-family: 'Trade Gothic W01 Roman',Helvetica, san-serif; } .CategoryFilter LI, .CategoryFilter LI A { list-style: none; font-size: 18px; font-weight: 600; line-height: 1.35em; } .CategoryFilter LI A.Selected { color: #736c64 !important; } */ .LoginForm, .LoginForm LI { list-style: none !important; clear: both; padding: 0; margin: 10px 0; } .LoginForm { margin: 0; padding: 30px 20px; background-color: #FFF; float: left; width: 90%; } .LoginForm UL { padding: 2px 0; float: left; width: 95%; } .LoginForm LABEL { padding: 15px 0 1px 5px; margin-left: 18px; } .LoginForm .Button { margin: 15px 0 0 23px; padding: 8px 30px; background-color: #666; color: #FFF; border: none; font-size: 14px; cursor: pointer; } /*======================================================================= Worship ========================================================================*/ #Worship #Nav #nav_sub_worship > A { color: #FFF; } #Worship.Food DL { margin: 0 0 50px 0px; } #Worship.Food DT { font-size: 44px; margin-bottom: 5px; line-height: 1.2em; } #Worship.Food DT SPAN { letter-spacing: 0.03em; font-size: 18px; height: 32px; width: 100%; clear: both; display: block; padding: 0; margin: 0; float: left; } #Worship.Food .Social { display: block; clear: both; margin-bottom: 10px; margin-left: -5px; } #Worship.Food .Thumbs { margin-top: 8px;} #Worship.Food .Resources LI, #Worship.Food .OtherRecipes LI { line-height: 1.2em; padding: 0 0 7px 0; } #Worship.Food .OtherRecipes .Selected { font-weight: bold; } #Worship.Food .Resources { margin: 0; padding: 0; } #Worship.Sermons DL { margin: 0 0 35px 78px; padding-left: 10px; border-left: 1px dotted #AAA; } #Worship.Sermons DT { line-height: 1.2em; font-size: 30px; } #Worship.Sermons .Title { } #Worship.Sermons .Sound A.Title { display: inline; background: url(/img/icon-sound.png) right no-repeat; padding-right: 20px; } #Worship.Sermons .Photo IMG { width: 100%; height: auto !important; border: 1px solid #FFF; } #Worship.Sermons .Photo { width: 65px; float: left; display: inline; margin: 3px 15px 0 0; } #Worship.Sermons .Date, #Worship.Sermons .Author { font-size: 13px; font-family: Helvetica, Arial; } #Worship.Sermons .Excerpt { display: block; margin: 5px 0 0 0; } #Worship.Sermons.Detail DT { font-size: 37px; } #Worship.Sermons.Detail .Excerpt { display: none; } #Worship.Sermons.Detail DL { display: table-cell; min-height: 95px; vertical-align: middle; } #Worship.Sermons.Author DT { line-height: 1.25em; } #Worship.Sermons.Author DT .Name { font-size: 45px; display: block; margin: 15px 0 0 0; } #Worship.Sermons.Author DT .SmallText { font-size: 20px; } #Worship.Sermons .Listing { margin: 10px 0; } #Worship.Sermons .Listing LI { font-size: 18px; line-height: 1.35em; margin: 15px 0; } #Worship.Sermons .Listing .Name, #Worship.Sermons .Listing .Date { font-size: 13px; } #Worship.Sermons.Author DL UL { padding: 20px 0 0 0; margin: 0 } #Worship.Sermons.Author DL LI { line-height: 1.25em; list-style: none; padding: 15px 0 10px 0; margin: 0; } #Worship.Sermons.Author DL LI A { } #Worship.Sermons.Author .Authors .Selected { color: #000; } #Worship.Sermons.Author .Authors { clear: both; padding: 5px 0 1px 10px; font-family:'Trade Gothic W01 Roman',Helvetica,san-serif; font-size: 18px; } #Worship.Sermons .SocialNetworking .go, #Worship.Sermons .SocialNetworking .tw { float: left; width: 90px !important;} #Worship.Sermons .SocialNetworking .go { width: 75px !important; } #Worship.Sermons #DateFilter * { border: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; } #Worship.Sermons #DateFilter DL { border: none; float: left; margin: 0 !important; width: 100% !Important; padding: 0 !important; background: transparent !important; } #Worship.Sermons #DateFilter DD { margin: 0 !important; padding: 0 !important; width: 100%; height: 200px; overflow-y: scroll; } #Worship.Sermons #DateFilter DT A { font-size: 13px !important; padding: 8px; outline: none; border: none; } #Worship.Sermons #DateFilter UL { margin: 0; padding: 0; } #Worship.Sermons #DateFilter DL, #Worship.Sermons #DateFilter DT, #Worship.Sermons #DateFilter DD, #Worship.Sermons #DateFilter LI, #Worship.Sermons #DateFilter LI A { font-size: 13px !important; } #Worship.Sermons #DateFilter LI { padding: 0; margin: 0; } /*======================================================================= News ========================================================================*/ #News #Nav #nav_sub_news > A { color: #FFF; } #News .columns.ten DL { margin: 0 0 45px 40px; } #News .TextSmall { font-family:'Trade Gothic W01 Roman',Helvetica,san-serif; } #News .columns.ten DT { font-size: 50px; line-height: 1.05em; margin: 0 0 15px 0; font-family: 'TradeGothicW01-BoldCn20 675334'; } #News .Social { float: right; margin: -3px 0 10px 0; } #News .Social A { display: inline; float: left; } #News .Social A.tw { margin: 2px 0 0px 8px;} #News .columns .News-Detail { margin: 0 0 0 40px; } #News .columns .News-Detail UL { list-style: disc; margin: 0 0 30px 20px; } #News .columns.six .clearfix { padding: 15px 0; } #News #SearchBox { padding: 30px 20px 15px 20px; background-color: #BBB;} #News #SearchBox H3 { color: #333; } #News .News-Item { display: block; clear: both; } #News .columns.six { float: right; } #News.Detail .columns.six .News-Item { margin: 10px 15px 0 0; } #News.Detail .columns.six .News-Title { font-weight: bold; font-size: 18px !important; margin: 0px 0 3px 0; line-height: 1.25em; } #News.Detail #MoreNews DD { color: #21201f; } #News.Detail #MoreNews DL { margin: 18px 0 15px 0; } #News #Pagination { color: #666; font-family: 'TradeGothicW01-BoldCn20 675334'; padding: 20px 40px; } #News figure { margin: 0 10px 10px 10px; } #News figure.Left { margin: 0 15px 10px 0; } #News figure.Right { margin: 0 0px 10px 15px; } #News figure IMG { margin: 0; padding: 0; } #News figcaption { display: block; font-size: 12px; padding: 0; margin: 0; text-align: left; } /*======================================================================= Learning ========================================================================*/ #Learning #Nav #nav_sub_learning > A { color: #FFF; } /*======================================================================= Community ========================================================================*/ #community #Nav #nav_sub_community > A { color: #FFF; } /*======================================================================= Home ========================================================================*/ #Home #SiteWrapper, #Home #Masthead .Wrapper, #Home #BodyWrapper { background-color: #303d4f !important; } #Banner { float: left; width: 100%; padding: 0px; background: #303d4f url(/img/carousel-ajax-loader.gif) center center no-repeat; background-image: none !important; } #HomeCarousel { display: block; max-width: 960px; margin: 0 auto; margin: 0 auto; } #HomeCarousel .Carousel { float: left; width: 100%; } #HomeCarousel A { float: left; width: 100%; } #HomeCarousel A.Slides { display: none; } #HomeCarousel A.Slide1 { display: block; } #HomeCarousel .caroufredsel_wrapper A.Slides { display: block; } #HomeCarousel IMG { display: block; float: left; width: 100%; height: auto !important; } #HomeCarousel IMG.slide-mobile { display: none; } #HomePager { display: block; float: left; width: 100%; background-color: #000; height: 65px; padding: 0; } #HomePager #PagerLoader { border: none; width: 100%; margin: 0 auto; max-width: 960px; padding: 0; list-style: none; } #HomePager LI { margin: 0; padding: 0; border: none; } #HomePager A { font-family:'TradeGothicW01-BoldCn20 675334'; font-size: 18px; color: #FFF; float: left; width: 33.33%; padding: 0px; display: table-cell; height: 95px; vertical-align: middle; text-align: center; } #HomePager A SPAN { line-height: 1.2em; width: 1000px; display: table-cell; vertical-align: middle; padding: 0 25px; height: 65px; margin: 0 auto; } #HomePager LI A:HOVER { background-color: #07030b; } #HomePager LI.Selected A, #HomePager LI.Selected A:HOVER { background-color: #29251d; } #Home .Bg1 { padding-bottom: 0; background: url('/img/bg-3.jpg') no-repeat top center;} #Home .Highlights-Image A { display: block; float: left; width: 100%; height: 300px; } #Home #Highlights { z-index: 1 !important; background: url(/img/bg-2.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg-2.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg-2.jpg', sizingMethod='scale')"; width: 100%; top: 0; } .HomeHighlights H4 { color: #ffc26e; font-size: 22px; } .HomeHighlights P { line-height: 1.45em; margin: 0 0 15px 0; } .BoxPromos { min-height: 350px; float: left; width: 100%; } .BoxPromos H5 { padding: 7px 12px; height: 60px; font-size: 25px; line-height: 1.15em !important; } .BoxPromos IMG { width: 100%; height: auto !important; } .BoxPromos.BGMaroon { background-color: #912e43; } .BoxPromos.BGBrown { background-color: #ab350e; } .BoxPromos.BGCyan { background-color: #5ec8e1; } .BoxPromos .BoxContent { padding: 5px 12px 0; } .BoxPromos .BoxContent A, .BoxPromos .BoxContent P { color: #FFF; font-size: 13px; line-height: 1.45em; } /*======================================================================= Registration Form ========================================================================*/ .Registration UL.field.row, .Registration .field.row { padding: 0px; margin: 0 0 10px 0; } .Registration UL.field.row { padding-left: 0; margin-left: -20px; } .Registration SELECT { max-width: 300px; } .Registration .field.row .fname, .Registration .field.row .lname { padding-top: 8px !important; } .Registration .field.row.fname DT { } .Registration .field.row.lname DT { } .Registration { margin: 0 0 40px 0; padding: 0; } .Registration TABLE { border: none; background: none; padding: 0; margin: 0; } .Registration TABLE TD { padding: 0 10px 0 0; text-align: left; margin: 0; } .Registration TABLE TD DL { margin: 0; float: left; width: 100%; padding: 0px 0px 0 0; } .Registration P { margin: 0 0 10px 0; padding: 0; color: #222; } .Registration A { color: #ac3a0c; } .Registration A:HOVER { color: #666; } .Registration H5 INPUT { width: 15px; height: 15px; float: left; margin: 3px 10px 0 0; } .Registration .waiver { padding: 20px 0 20px 0; } .Registration .btn { margin: 20px 0 0px 0; } .Registration .RemoveRow { float: left; margin: 0px 0 0 0px; } .Registration .RemoveRow IMG { width: 35px; height: 35px; opacity:.4; filter:alpha(opacity=40); } .Registration .RemoveRow:HOVER IMG { opacity:.6; filter:alpha(opacity=60); } .Registration .Data LABEL { color: #ac3a0c; float: left; width: 190px; text-align: right; margin: 0 15px 0 0; } .Registration .Data { font-family: Arial, 'Trade Gothic W01 Cn 18'; font-size: 14px; } .Registration PRE { padding: 0; background: none; color: #000; border: none; box-shadow: none; font-family: Arial, 'Trade Gothic W01 Cn 18'; font-size: 14px; } .Registration .picker LI { list-style: none !important; padding-left: 0; margin-left: 0; } .Registration .picker, .Registration .picker UL { list-style: none !important; padding-left: 0; margin-left: 0; } .Registration .picker UL A { font-size: 14px; line-height: 1.25em; padding-left: 0; margin-left: 0; } .Registration .toggle { overflow: hidden; } .Registration .general_errors,.Registration .msg,.Message { display: none; width: 100%; font-family: Helvetica, Arial; background-color: #b72a18; padding: 10px 10px 6px; color: #FFF !important; border-radius: 5px; text-align: center; font-size: 14px; } .Registration .general_errors { width: 95%; } .Message { display: block; } .SmallCalendar { display: none; } .Image { width: 100%; } .Image.Right { width: 40%; float: right; margin: 0 0px 0 15px; } .Image.Left { width: 40%; float: left; margin: 0 15px 0 0; } /*======================================================================= Contact Us ========================================================================*/ #contact_us .Locations { margin: 0 0 20px 0; } #contact_us .Locations .row { padding: 0 0 10px 0; margin: 0; } #contact_us .FormMail { margin: 40px 0 20px; } #contact_form DL { margin: 10px 0 15px; } #contact_form DT { margin: 0; width: 100%; } #contact_form P.btn { color: #000 !important; } /*======================================================================= Notice ========================================================================*/ .Wrapper.Notice { margin: 0; padding: 0; min-height: 85px; background-color: #303d4f; } .Wrapper.Notice .row { width: 100%; max-width: 100%; padding: 95px 0 5px 0; -moz-box-shadow: 0 0 0 0 #970a00 !important; -webkit-box-shadow: 0 0 0 0 #970a00 !important; box-shadow: 0 0 0 0 #970a00 !important; width: 100%; background-color: #970a00; background-color: #005c97; color: #FFF; font-family: Georgia, Times; } .Wrapper.Notice .Header { text-transform: uppercase; font-size: 27px !important; } .Wrapper.Notice .Header SPAN { padding-left: 70px; display: block; line-height: 1.2em; } .Wrapper.Notice .Message { background: none; font-family: Georgia, Times; font-size: 15px !important; } .Wrapper.Notice .columns { text-align: left; float: none; font-size: 16px; min-height: 60px; width: 90%; max-width: 960px; margin: 0 auto; } /* Adjustments for April 15 */ #Column1 TABLE TD P { font-size: 14px !Important; } #Column2 .Button, #Column2 .Button.skiplink { display: block; clear: both; padding: 10px 0 10px; } #Column2 .Button A, #Column2 .Button.skiplink A { font-size: 19px; padding: 8px 25px; border-radius: 5px; background-color: #ac3a0c; margin: 0 0 10px 0; text-shadow: none; color: #FFF !important; } #Column2 .Button A:HOVER, #Column2 .Button.skiplink A:HOVER { background-color: #EEE !important; color: #ac3a0c !important; } #Column1 OL LI, #Column2 OL LI { color: #000; font-weight: 500; line-height: 1.25em; margin: 0 0 10px 20px; } #Column2 UL, #Column2 OL { margin: 0 0 0 0px; } #Column1 UL LI, #Column2 UL LI { color: #000; font-weight: 500; line-height: 1.25em; margin: 0 0 10px 20px; } #Column2 UL LI { margin: 0 0 7px 0; } #Column1 OL LI A, #Column2 OL LI A { font-weight: 600; } #Column1 OL LI STRONG, #Column2 OL LI STRONG, #Column1 OL LI B, #Column2 OL LI B{ font-weight: 800; color: #000; } #Column1 UL LI A, #Column2 UL LI A { font-weight: 600; } #Column1 UL LI STRONG, #Column2 UL LI STRONG, #Column1 UL LI B, #Column2 UL LI B { font-weight: 800; color: #000; } #Column2 P { font-size: 90%; } #Column2 BLOCKQUOTE { } #Column2 P.TextSmall { font-size: 80%; } #Column2 P.TextLarge { font-size: 120%; } #Column2 H1 { font-size: 40px !important; margin: 0; padding: 0 0 10px 0; } #Column2 H2 { font-size: 35px !important; margin: 0; padding: 0 0 10px 0; } #Column2 H3 { font-size: 30px; margin: 0 0 5px 0; padding: 0 0 15px 0; } #Column2 H4 { font-size: 25px; margin: 0; padding: 0 0 10px 0; } #Column2 H5 { font-size: 20px; margin: 0; padding: 0 0 10px 0; } .poll { margin: 5px 0 15px !important; } .poll H1 { display: block; font-size: 22px !important; width: 92%; padding: 0 0 20px 0; clear: both; width: 100%; font-family: 'TradeGothicW01-BoldCn20 675334',Arial,san-serif !important; } .poll ul.answers { padding: 15px 15px 10px 15px !important; border-radius: 5px; background-color: #f5f6ec; margin: 0 auto 15px !important; width: auto !Important; display: block; } .poll ul.answers li.option { margin: 0 0 0px 0 !important; padding: 10px 10px 0px 10px !Important; font-family: 'Trade Gothic W01 Roman',Helvetica,san-serif !important; font-size: 17px; } .poll ul.answers li.option:HOVER { background-color: #FFF !important; border-radius: 5px; } .poll ul.answers li.option .option-bar .option-bar-value { background-color: #ac3a0c !important; } .poll ul.answers li.option .option-detail .vote-count { display: none !important; } .poll ul.answers li.option .textfield { margin: 0 0 15px 0; } .poll ul.answers li.option .textfield INPUT { padding: 4px; width: 80%; } .poll ul.answers li.option label { float:left; font-size: 16px !important; font-family: 'Trade Gothic W01 Roman',Helvetica,san-serif !important;} .poll .poll-detail .view-options { display: block; margin-bottom: 20px; padding-bottom: 10px; } .poll .buttons { margin-bottom: 10px; } .poll .poll-detail .view-options input, .poll .buttons INPUT { border: none; pointer: cursor; padding: 8px 30px; font-size: 16px !important; background-color: #ac3a0c !important; font-family: 'TradeGothicW01-BoldCn20 675334',Arial,san-serif !important; color: #FFF; } .poll .poll-detail .view-options input { background-color: #21201f !important; margin: 0 0 0px 15px; } .poll .poll-detail .view-options input:HOVER { background-color: #525252 !important; } .poll .poll-detail { padding-bottom: 45px; } .poll .poll-detail .total-votes { padding: 0 0 10px 0; display: none !important; } .poll .buttons INPUT[name=poll_results] { background-color: #525252 !important; } .poll .buttons INPUT[name=poll_results]:HOVER, .poll .buttons INPUT:HOVER { background-color: #21201f !important; } @media only screen and (max-width: 960px) { #Banner { margin-top: 0px; } #Intro.Wrapper .columns { margin: 0 auto !important; width: 90% !important; float: none; display: block; } #Navigation #Nav { background-color: #222; padding: 0px 0; } #Navigation #Nav .Res { display: none; } #Navigation #Nav LI { display: none; clear: both; } #Navigation #Nav .Res.Nav { display: block; } #Navigation #Nav .Res.Nav A { color: #FFF !important; background: transparent; } #Navigation #Nav LI A { width: 200px; } #Navigation #Nav LI:last-child A { border-bottom: 10px solid #000; } #Navigation #Nav.Open > LI { display: block !important; } #Navigation #Nav.Open LI UL { display: none !important; } #Slogan { display: none; } #Home .Flap { display: block; left: 0; } #Home .Flap P { font-size: 13px !important; } #Navigation #Nav { } #Navigation #Nav .ShowButton A { text-align: left; margin: 0; margin-top: -37px !important; padding: 0; height: 45px; } #Navigation #Nav LI:first-child { margin-bottom: 22px; } } @media only screen and (max-device-width: 1280px) { BODY.LightTemplate #Intro .PhotoBg { background-position: center 80px !important; } BODY.LightTemplate #Intro .PhotoBg .row { background-image: none !important; } } @media only screen and (max-width: 768px) { #Intro .row, #Intro .PhotoBg { width: 100% !important; margin: 0; } #Intro #BreadCrumb P { } } @media only screen and (max-width: 767px) { .Highlights .columns.six DL { margin: 20px 0 !important; } .Highlights-Feat .Bg3 .Pad, .Highlights-Feat .Bg3 { height: auto; } .Highlights-Feat .Bg3 { padding-bottom: 40px; } BODY.LightTemplate #Breadcrumb P { padding-left: 15px !important; } BODY.LightTemplate #Intro H1,.LightTemplate #Intro H3 { color: #FFF; margin-left: 15px !important; } BODY.LightTemplate #Content .columns.ten .Pad { padding-left: 15px !important; } #News DL { margin: 0 0 45px 15px; } #News .columns .News-Detail { margin: 0 10px; } #contact_form P.btn { width: 94%; } #SubNavigation LI { display: inline !Important; clear: none; } #SubNavigation LI A { margin: 0 10px 5px 0; float: left; width: auto; display: inline !Important; clear: none; } #SubNavigation LI A:HOVER { color: #444; } #SubNavigation { display block; clear: both; float: none; width: 100%; padding: 0 10px; margin: 0 0 10px 0; } #Calendar .columns.eight.TextLeft, #Calendar .columns.eight.TextRight { width: 30% !important; } #Calendar .columns.eight.TextLeft { float: left; } #Calendar .columns.eight.TextRight { float: right; } .Wrapper.Notice { float: left; margin: 0; padding: 0; } .Wrapper.Notice .row { padding: 95px 0px 0px; margin: 0; } .Wrapper.Notice .Header { padding-bottom: 0; } .Wrapper.Notice .Header SPAN { padding: 0; margin: 0; } .Wrapper.Notice .Message { padding: 0px 20px; margin: 0; } #Footer UL { display: none !important; } .Image { width: 100%; } .Image.Right { width: 100%; float: none; margin: 0 0px 15px 0; } .Image.Left { width: 100%; float: none; margin: 0 0 15px 0; } /* #HomeCarousel IMG.slide-desktop { display: none; } #HomeCarousel IMG.slide-mobile { display: block; } */ #HomeCarousel { position: relative; } #HomePager { position: absolute; margin-top: -35px; z-index: 100; background-color: transparent; height: auto; } #HomePager #PagerLoader { padding: 1px 0 0; text-align: center; } #HomePager #PagerLoader LI { display: inline; } #HomePager #PagerLoader LI A { margin: 0 5px; background-color: #FFF; float: none; display: inline-block !important; height: 10px; width: 10px; border-radius: 100px; overflow: hidden; } #HomePager #PagerLoader LI.Selected A { background-color: #8f420a; } .ThreeCols .Col1, .ThreeCols .Col2, .ThreeCols .Col3 { float: left; width: 100%; padding: 0px 0 25px 0; } } @media only screen and (max-width: 568px) { #About.People .Listing { width: 46%; } #About.People .Divider { display: none; } #About.People .Divider2 { display: block; clear: both; width: 100%; height: 10px; } #Utils { display: none; } .row { text-align: left !important; } .Registration .fname, .Registration .lname { height: 40px; margin: 10px 0 0px 0; } .Registration .fname INPUT, .Registration .lname INPUT { margin-left: 10px; width: 90%; } .FullCalendar, .SmallCalendar TH A { display: none !important; } .SmallCalendar { display: block; } #Intro.Wrapper .ItemList DL { width: 100% !important; margin: 0 0 15px 0; padding: 0; } #Intro.Wrapper .ItemList .row, #Intro.Wrapper .ItemList .columns { padding: 0; margin: 0; width: 100% !important; } } @media only screen and (max-device-width: 568px) { #Navigation.NonStick { position: absolute; } .row { width: 95%; text-align: left !important; } BODY.LightTemplate #Intro .row, BODY.LightTemplate #Intro .PhotoBg { width: 100% !important; margin: 0; } #Intro.Wrapper .row { width: 90% !important; margin: 0 auto; } } @media only screen and (max-device-width: 360px) { .row { width: 95%; text-align: left !important; } #Intro .row { width: 100% !important; margin: 0; } #RefButton { display: none !important; opacity: 0; } } .fancybox-lock { margin: 0 !important; }