BODY { width: 100%; margin: 0; padding: 0; background-color: #0e1b37; font-family: Arial, Helvetica, San-serif; } /* Typography Specific ------------------------------------------- */ H1, H2, H3, H4, H5 { } H3 { font-weight: 600; color: #0e1b37; font-size: 110%; } H5{ font-weight: bold; font-size: 90%; } P { margin-bottom: 1em; font-weight: normal; font-size: 80%; font-family: Georgia, Times; } A {color: #186b01; text-decoration: underline; } A:HOVER {color: #3A9D34; text-decoration: none; } HR { height: 1px; display: block; border: none; background-color: #111; } /* Container DIV ------------------------------------------- */ .Spread { width: 100%; display: block; clear: both; float: left; } .Wrapper { width: 940px; margin: 0 auto; } .First { margin: 0 0 0 30px; } .Quarter { width: 200px; padding: 18px 20px; margin-left: 0px; float: left; } .Half { width: 410px; padding: 18px 20px 18px 0; float: left;} .Thirds { width: 340px; padding: 0px 0px; float: left; } .First.Thirds { margin: 0 20px 0 0; } .Full { width: 650px; padding: 18px 20px 18px 30px; float: left; } .Listing DT { line-height: 1.2em; padding: 0 0 5px 0; font-size: 110%; font-weight: 500; } .Listing DT A { text-decoration : none; } .Listing DD { font-size: 80%; padding: 0 0 12px 0; } .Listing DD.Source { font-style: italic; font-family: Georgia, Helvetica; } .Listing DD A { font-style: italic; font-family: Georgia, Helvetica; font-weight: bold; text-decoration: underline; } .Listing DD.Meta { font-family: Georgia, Helvetica; text-transform: uppercase; font-size: 70%; } .Listing DD.Meta SPAN { color: #008683; } .Listing DD UL { margin: 5px 0 5px 20px; } .Listing DD P { font-size: 100%; } .Listing H2 { line-height: 1.2em; margin-bottom: 5px; } .Accordion DL { border-top: 1px solid #a7cccc; } .Accordion DL.First { border: none; margin: 0; } .Accordion DT { font-weight: 500; padding: 10px 0; } .Accordion DT A { text-decoration: none; padding: 0 20px 0 0; background: url(/images/listing-arrow.png) right no-repeat; } .Accordion DL DD { display: none; } .Accordion DL.Open DT A { background: url(/images/listing-arrow_open.png) right no-repeat; } .Accordion DL.Open DD { display: block; } .Accordion DD { font-family: Georgia, Times; } .Accordion DD LI { text-transform: uppercase; border-top: 1px solid #FFF; list-style: none; line-height: 1.5em; font-size: 11px; padding: 10px 0; } .Accordion DD LI A { text-transform: none; display: block; font-weight: bold; } .DropDown LI { list-style: none; } .DropDown LI A SPAN { display: none; } .DropDown LI A:HOVER SPAN { display: block; } .Quarter .Listing DT { font-weight: 600; font-size: 75%; text-transform: uppercase; } .Quarter .Listing DD { font-family: Georgia, Helvetica; } #Columns.Spread { background: #FFF url(/images/background-columns.jpg) top repeat-x; } #Columns .Wrapper { background-color: #FFF; } #Columns .WrapperBg { float: left; width: 940px; background: #FFF url(/images/background-columns.gif) right repeat-y;} #Column3.Quarter H2 { font-weight: 500; color: #209593; font-size: 130%; } #Column3 P { font-family: Georgia, Helvetica; margin: 0 0 10px 0; font-size: 80%; } #Column3 UL { margin: 0 0 10px 0; padding: 0; } #Column3 UL LI { font-family: Georgia, Helvetica; margin: 0 0 1px 20px; font-size: 80%; } #Columns P A { font-style: italic; font-family: Georgia, Helvetica; font-weight: bold; text-decoration: underline; } #Columns P A:HOVER { text-decoration: none; } #Search.Results .Count { text-align: center; vertical-align: middle; width: 22px; height: 22px; margin-right: 8px; float: left; font-size: 8px; background-color: #b4dbda; color: #186b01; } #Search.Results DT A { display: block; float: left; width: 600px; } #Search.Results DD { margin-left: 30px; } /* Fade Specific ------------------------------------------- */ .Box { height: 215px; padding: 18px 30px 18px 30px; display: block; } .CyanFade { background: #FFF url(/images/gradient-cyan.gif) repeat-x top;} /* Information Bar Specific ------------------------------------------- */ #InfoBar.Spread { background-color: #0e1b37; } #InfoBar .Wrapper { color: #FFF; } #InfoBar .Wrapper .Container { height: 50px; } #InfoBar .CurrentConditions { margin-top: 8px; margin-left: 30px; float: left; width: 380px; } #InfoBar .Problem { margin-top: 8px; float: left; width: 300px; } #InfoBar .Problem P { color: #ffea00; } #InfoBar .Search { margin-top: 10px; float: right; } #InfoBar H5 { text-transform: uppercase; font-weight: 500; font-size: 70%; } #InfoBar P { margin-bottom: 0; font-size: 70%; font-family: Arial, Helvetica, San-serif; } #InfoBar P.Status SPAN { border: 1px solid #99FF99; width: 13px; height: 11px; float: left; margin: 2px 5px 0 0; background-color: #55FF55; } #InfoBar P.Status.WarningSign SPAN { background-color none; background: url(/images/caution.png) 0 1px no-repeat; border: none; } #InfoBar P.Status.Warning SPAN { background-color: #FF0000; border: 1px solid #FF5555; } #InfoBar P.Status.Caution SPAN { background-color: #ffba13; border: 1px solid #e18002; } #InfoBar #DropBox { display: none; width: 273px; position: absolute; height: 100px; margin: 0 0 0 -17px; padding: 0; clear: both; } #InfoBar #DropBox DIV.Content { position: relative; display; block; padding: 10px 25px 15px 15px; clear: both; background: url(/images/drop-down-bg.png) bottom left; margin: 5px 0 0 0; } #InfoBar P A.DropBox.Open { background: url(/images/arrow-up.png) right 3px no-repeat;} #InfoBar P A.DropBox { text-decoration: none; font-family: Georgia, Helvetica; font-style: italic; font-weight: bold; padding: 0 13px 0 1px; background: url(/images/arrow-down.png) right 3px no-repeat;} #InfoBar P A.DropBox:HOVER { text-decoration: none; background-position: right -7px; } #InfoBar #DropBox A.DropBox.Close { background: url(/images/button-close.png) 0 0 no-repeat; position: absolute; right: 10px; display: block; overflow: hidden; padding: 9px 0 0 0; height: 1px; width: 10px; } #InfoBar #DropBox A.DropBox.Close:HOVER { background-position: 0 -10px; } #InfoBar #DropBox P { clear: both; font-size: 70%; color: #FFF; line-height: 1.2em; padding: 0 0 10px 0; display: block; } #InfoBar #DropBox P SPAN { margin: 0 5px 20px 0; } /* Logo Specific ------------------------------------------- */ #LogoBar.Spread { background: #183759 url(/images/background-logo.jpg) repeat-x top; } #LogoBar .Wrapper { color: #FFF; height: 130px; } #LogoBar H1 { float: left; margin: 7px 20px 0 25px; } #LogoBar H1 SPAN { display: none; } #LogoBar H2 { float: left; margin-top: 50px; font-size:18px; font-weight: 300; font-family: Georgia, Arial, Verdana, San-serif; } #LogoBar H2 SPAN { font-weight: 500; text-transform: uppercase; } /* Navigation Specific ------------------------------------------- */ #Navigation.Spread { background-color: #ffea00; } #Navigation .Wrapper { color: #FFF; } #Navigation UL { list-style: none; margin: 0 0 0 30px; } #Navigation LI { fony-style: normal; font-weight: 500; display: inline; display: block; float: left; } #Navigation LI A { font-family: Arial; color: #0e1b37; float: left; padding: 11px 60px 10px 0; text-decoration: none; text-transform: uppercase; font-size: 12px; } #Navigation LI A:HOVER { padding: 11px 60px 3px 0; border-bottom: 7px solid #0e1b37;} #Navigation LI.Selected A { padding: 11px 60px 3px 0; border-bottom: 7px solid #0e1b37; font-weight: 600; } #SubNavigation.Spread { background: #437c47 url(../images/background-subnav.jpg) repeat-x; } #SubNavigation UL { padding: 1px 0 3px 30px; list-style: none; display: block; clear: both; } #SubNavigation LI { display: inline; margin-right: 15px; } #SubNavigation LI A { text-decoration: none; font-size: 70%; font-weight: bold; text-transform: uppercase; color: #FFF; margin: 10px 0; padding: 5px 0; } #SubNavigation LI A:HOVER { color: #ffea00; } #SubNavigation LI.Selected A { color: #ffea00; } /* Breadcrumb Specific ------------------------------------------- */ #Breadcrumb.Spread { background-color: #0e1b37; } #Breadcrumb .Wrapper { color: #FFF; } #Breadcrumb P { padding: 8px 0px 7px 30px; font-weight: 500; font-size: 11px; text-transform: uppercase; } #Breadcrumb P A { color: #797979; text-decoration: none; } #Breadcrumb P A:HOVER { color: #FFF; } #Breadcrumb P { color: #797979; } #Breadcrumb P SPAN { color: #209593; } #Breadcrumb .IntroNav P { color: #FFF; text-transform: none; text-align: right; padding: 5px 0; font-size: 80%; } #Breadcrumb .IntroNav A { font-size: 120%; color: #FFF; text-decoration: none; } #Breadcrumb .IntroNav A:HOVER { color: #ffea00; } /* Intro Specific ------------------------------------------- */ #IntroBar.Spread { } #IntroBar .Wrapper { color: #FFF; } #IntroTitle.Spread { background: #FFF url(/images/background-header.jpg) top repeat-x; } #IntroTitle .Wrapper { height: 55px; } #IntroTitle .Half { padding: 10px 0 0 0; } #IntroTitle #Column1 { padding-right: 8px; } #IntroTitle .First.Half H3.tk-ff-enzo-web, #IntroTitle .Half H3.tk-ff-enzo-web { font-weight: 500; font-size: 25px; color: #061d35; } /* Promos Specific ------------------------------------------- */ #Promos.Spread { margin-top: 4px; background-color: #14375b; } #Promos .Wrapper .Promo.First { margin-left: 30px; } #Promos .Wrapper .Promo { color: #FFF; padding: 22px 0 25px 0; float: left; width: 205px; margin: 0 0px 0 20px; } #Promos .Wrapper .Promo P { font-family: Arial, Helvetica, San-serif; line-height: 1.5em; } /* Footer Specific ------------------------------------------- */ #Footer .Wrapper { padding: 0px 0 0 60px; } #Footer UL { display: block; clear: both; padding: 10px 0 1px 0; font-size: 80%; } #Footer LI { list-style: none; display: inline; margin: 15px 10px 5px 0; } #Footer LI A { padding: 0x; } #Footer P { font-family: Arial, Helvetica, San-serif; margin: 0; padding: 0; color: #FFF; font-size: 80%; } /* Home Specific ------------------------------------------- */ #Home #IntroBar.Spread { background: #000 url(/images/home-intro_bg.jpg) top center no-repeat; } #Home #IntroBar .Wrapper { height: 328px; } #Home #Column1 DT A { text-decoration: none; color: #1d446c; } #Home #Column1 DT A:HOVER { color: #209593; } /* Resource Specific ------------------------------------------- */ #Resources #IntroBar.Spread { background: #000 url(/images/intro-resources.jpg) top center no-repeat; } #Resources #IntroBar .Wrapper { height: 176px; } #Resources .Thirds .Listing { margin: 10px 0; font-size: 80%; } #Resources .Thirds .Listing DT { font-weight: normal; line-height: 1.2em; font-family: Georgia, Arial; font-style: oblique; } #Resources .Thirds .Listing DT A { font-weight: bold; text-decoration: underline; } #Resources .Thirds .Listing DD { font-size: 100%; font-family: Georgia, Arial; font-style: oblique; font-weight: bold; } #Resources .Thirds .Listing DD.Meta { font-weight: normal; font-size: 80%; } #Resources.Photos #Columns .Container { display: block; float: left; width: 940px; } #Resources #slideshow { border: 10px solid #b4dada; float: right; margin: 30px 30px 35px 0; } #Resources.Photos .Info { width: 190px; float: left; margin: 30px 0 0 30px; } #Resources.Photos .Info H3 { color: #209593; font-size: 110%; } #Resources.Photos .Info SPAN { color: #209593; text-transform: uppercase; } #Resources.Photos .Info SPAN A { text-transform: none; } #Resources.Photos .Info P { padding: 3px 0 5px 0; } #Resources.Photos .Info UL { font-size: 80%; padding: 5px 10px 10px 15px; } #Resources.Documents #Columns .Container { padding: 10px 30px; float: left; width: 880px; } #Resources.Documents .Detail { display: block; position: relative; display: none; padding: 0; width: 600px; } #Resources.Documents TD, #Resources.Documents TD A { text-decoration: none; } #Resources.Documents TD { border-bottom: #EDEDED solid 1px; } #Resources.Documents TH, #Resources.Documents TD.Title { padding: 5px; } #Resources.Documents TH, #Resources.Documents TD.Title { font-weight: bold; text-transform: uppercase; } #Resources.Documents TD.Title { background-color: #EEE !important; border: 1px solid #FFF; } #Resources.Documents #myTable { display: block; clear: both; padding: 0; width: 880px; } #Resources.Documents #Columns H1 { float: left; } #Resources.Registration #Columns .Container { padding: 20px 30px; } #Resources.Registration #Columns .Container H1 { font-size: 160%; font-weight: 500; margin: 0 0 8px 0; } #Resources.Registration #Columns .Container H2 { font-weight: 600; padding: 10px 0 10px 0; } #Resources.Registration #Columns .Container P { font-size: 90%; line-height: 1.3em; } #Resources.Registration #Columns .Container .Content { width: 470px; float: left; margin-right: 90px; } #Resources.Registration #RegistrationForm LI { list-style: none; display: block; clear: both; margin: 0 0 5px 0; padding: 8px 0; } #Resources.Registration #RegistrationForm LI INPUT { float: left; width: 250px; padding: 6px 5px; border: none; background-color: #b1dbdb; } #Resources.Registration #RegistrationForm LI LABEL { padding-top: 2px; width: 125px; font-size: 85%; font-weight: bold; float: left; text-align: right; margin-right: 12px; } #Resources.Registration #RegistrationForm A.Button { font-size: 14px; text-transform: uppercase; float: right; margin: 0px 23px 15px 0;} #Resources.Registration #RegistrationForm A.Button { padding: 5px 20px; background-color: #ffe81a; font-weight: bold; text-decoration: none; color: #0a1b37; } #Resources.Registration #RegistrationForm A.Button:HOVER { background-color: #000; color: #FFF; } #Resources.Registration #Form .Content UL { clear: both; display: block; margin: 0; padding: 0; } #Resources.Registration #Form .Content LI { list-style: none; display: block; clear: both; margin: 0 0 5px 0; padding: 8px 0; } #Resources.Registration #Form .Content LI INPUT { float: left; width: 270px; padding: 6px 5px; border: none; background-color: #b1dbdb; } #Resources.Registration #Form .Content LI SELECT { width: 280px; } #Resources.Registration #Form .Content H3 { font-size: 15px; display: block; clear: both; margin: 10px 0 0 0; padding: 0; } #Resources.Registration #Form .Content TEXTAREA { width: 435px; padding: 6px 5px; border: none; background-color: #b1dbdb; } #Resources.Registration #Form .Content LI LABEL { padding-top: 2px; width: 125px; font-size: 85%; font-weight: bold; float: left; text-align: right; margin-right: 12px; } #Resources.Registration #Form .Content A.Button { font-style: normal; font-family: Arial, Helvetica; font-size: 14px; text-transform: uppercase; float: right; margin: 0px 23px 15px 0;} #Resources.Registration #Form .Content A.Button { padding: 5px 20px; background-color: #ffe81a; font-weight: bold; text-decoration: none; color: #0a1b37; } #Resources.Registration #Form .Content A.Button:HOVER { background-color: #000; color: #FFF; } #Resources.Registration #Form .Content A.Button.Cancel { background-color: #CCC; margin: 0 9px; } .CatMenu { float: right; clear: both; display: block; height: 30px; } .CatMenu UL LI.First { font-weight: bold; } .CatMenu UL LI { list-style: none; display: inline; font-size: 75%; padding: 5px 5px; } .CatMenu UL LI A { text-decoration: none; padding: 3px 0; border-bottom: 4px solid #dbeded; } .CatMenu UL LI A:HOVER { border-bottom: 4px solid #186b01; } .CatMenu UL LI A.Selected { border-bottom: 4px solid #186b01; } /* Programs Specific ------------------------------------------- */ #Programs #Column1 LI { margin-bottom: .5; font-size: 100%; } #Programs #Column2 UL { margin-left: 1em; } #Programs #Column2 LI { margin-bottom: .5; font-size: 80%; } /* About Specific ------------------------------------------- */ #About #IntroBar.Spread { background: #000 url(/images/intro-about.jpg) top center no-repeat; } #About #IntroBar .Wrapper { height: 176px; } #About #Column1 .Container DL {} #About #Column1 .Container DT { font-weight: 500; font-size: 110%; color: #1d446c; } #About #Column1 .Container DD { font-family: Georgia; font-size: 80%; padding: 2px 0 10px 0; } #About #Column1 .Container UL { margin: 5px 0 5px 15px; } #About #Column2 H2 { color: #209593; font-size: 120%; font-weight: 500; } #About #Column2 P { padding: 0 0 10px 0; } #About #Column2 P SPAN { text-transform: uppercase; color: #008683; } #About #Column2 P SPAN SPAN { text-transform: none; } #About #Column3 P { margin: 3px 0; } #About #Column3 P A { text-decoration: none; } #About.News #Column1 H2 { font-weight: 600; font-size: 140%; color: #209593; padding: 0 0 5px 0; } #About.News #Column1 H3 { font-weight: 500; font-size: 120%; color: #061d35; padding: 0 0 5px 0; } #About.News #Column1 H4 { font-weight: 500; font-size: 100%; color: #061d35; padding: 0 0 5px 0; } #About.News #Column1 DT A { text-decoration: none; color: #1d446c; } #About.News #Column1 DT A:HOVER { color: #209593; } #About.News #Column1 DD.Meta { font-family: Georgia, Helvetica; text-transform: uppercase; font-size: 70%; } #About.News #Column1 DD.Meta SPAN { color: #008683; } #About.News #Column1 UL { margin: 0 0 20px 15px; } #About.News #Column1 LI { font-size: 80%; } #About.Movie #Columns .Container { display: block; float: left; width: 940px; } #About.Movie #moviebox { background-color: #b4dada; border: 10px solid #b4dada; float: right; margin: 30px 30px 35px 0; } #About.Movie .Info { width: 190px; float: left; margin: 30px 0 0 30px; } #About.Movie .Info H3 { color: #209593; font-size: 110%; } #About.Movie .Info SPAN { color: #209593; text-transform: uppercase; } #About.Movie .Info SPAN A { text-transform: none; } #About.Movie .Info P { padding: 3px 0 5px 0; } #About.Movie .Info UL { font-size: 80%; padding: 5px 10px 10px 15px; } /* Contact Specific ------------------------------------------- */ #Contact #IntroBar.Spread { background: #000 url(/images/intro-contact.jpg) top center no-repeat; } #Contact #IntroBar .Wrapper { height: 176px; } #Contact #Columns .Container { display: block; float: left; width: 940px; } #Contact .Map { border: 10px solid #b4dada; float: right; margin: 30px 30px 35px 0; } #Contact .Info { width: 190px; float: left; margin: 30px 0 0 30px; } #Contact .Info H3 { color: #209593; font-size: 110%; } #Contact .Info SPAN { color: #209593; text-transform: uppercase; } #Contact .Info SPAN A { text-transform: none; } #Contact .Info P { padding: 3px 0 5px 0; } /* Support Specific ------------------------------------------- */ #Support #IntroBar.Spread { background: #000 url(/images/intro-contact.jpg) top center no-repeat; } #Support #IntroBar .Wrapper { height: 176px; } #Support #Columns UL { font-size: 80%; padding: 10px 10px 10px 15px; } #Support #MembershipLevels TD { padding: 5px; font-size: 80%; } #Support.Members #Columns H1 { font-size: 160%; margin: 0 0 10px 0; } #Support.Members TD { vertical-align: top; } #Support.Members TD UL { margin: 0 0 20px 0; font-size: 95%; width:230px; } #Support.Form #Columns P { margin: 0 0 10px 0; } #Support.Form .myInput { width: 280px; margin: 0 0 4px 0; padding: 3px; } #Support.Form .Medium { width: 180px; } #Support.Form .Small { width: 50px; } /* Program Specific ------------------------------------------- */ #Programs #IntroBar.Spread { background: #000 url(/images/intro-contact.jpg) top center no-repeat; } #Programs #IntroBar .Wrapper { height: 176px; } #Programs #Column1 UL { margin: 10px 10px 10px 15px; font-size: 80%; } #Programs #Column2 H2 { color: #209593; font-size: 120%; font-weight: 500; } #Programs #Column2 P { padding: 0 0 10px 0; } #Programs #Column2 P SPAN { text-transform: uppercase; color: #008683; } #Programs #Column2 P SPAN SPAN { text-transform: none; }