body{ font-family: Arial, Helvetica, sans-serif; margin:0; } h1{ font-size:24px; color:#000; letter-spacing:0px; font-weight:bold; margin:0 0 8px 0; padding-top:2px; line-height:100%; } h2{ color:#666; font-size:18px; font-weight:lighter; letter-spacing:2px; margin-top:15px; } h3{ color:#900; font-size:16px; font-weight:normal; margin:0; } h4{ font-size:12px; font-weight:bold; text-transform:uppercase; margin:8px 0; } hr{ border:none; height:1px; background-color:#e5e5e5; margin:0 5px 8px 15px; clear:both; } *:first-child+html hr{ border-top:solid 1px #e5e5e5; } a{ color:#000; text-decoration:none; } a:hover{ color:#900; } .dateTime{ font-size:11px; color:#666; font-style:italic; } .subtext{ font-size:13px; } .small{ font-size:11px; color:#000; } #container{ width:983px; margin:0 auto; } /* Header Content */ #logoHeader{ width:970px; height:93px; margin:0 0 10px 15px; background:url(images/aftraLogoDark.gif) no-repeat; } #headerHomeLink{ float:left; width:720px; height:93px; margin:0; } #headerRight{ width:216px; height:57px; float:right; margin:20px 0; color:#000; font-size:11px; font-weight:bold; } #headerRight a{ color:#000; text-decoration:none; } #headerRight a:hover{ color:#900; } #headerRight .submit{ background:none; border:none; } #date{ float:left; } #spanish{ float:right; margin:0 10px 0 0; } #searchSite{ margin:40px 0 0 0; } .search{ border:1px solid #999999; margin:0 8px 0 5px; width:120px; } .submit{ vertical-align:bottom; cursor:pointer; } /* Nav Bar */ #mainNavContainer{ height:55px; } #mainNav{ width:100%; text-transform:uppercase; font-size:14px; margin:0 20px; } #mainNav a{ color:#000; text-decoration:none; } #mainNav a:hover{ color:#c00; } #mainNav ul{ margin:0; padding:5px 0 2px 0; list-style:none; height:16px; } #mainNav li{ float:left; height:16px; display:block; margin:0 50px 0 0; text-align:center; } #mainNav li ul{ position:relative; display:none; font-size:12px; color:#c00; font-style:italic; text-transform:none; text-align:center; background-color:#fff; } #mainNav li:hover ul{ display:block; } #mainNav li ul li{ padding:0; margin:0; text-align:center; width:100%; display:block; } #mainNavDescriptionContainer{ position:relative; margin-left:20px; margin-top:5px; width:930px; } #mainNavDescription{ text-align:center; font-size:12px; color:#c00; font-style:italic; text-transform:none; position:absolute; left:0px; display:none; } #navAbout{ width:110px; } #navBenefits{ width:144px; } #navContracts{ width:90px; } #navAdv{ width:83px; } #navPress{ width:117px; } #navMulti{ width:97px; } .homeBtn{ float:left; margin-right:30px; } /* 1st Row Homepage Content */ #mainModule{ float:left; height:299px; width:758px; } #leftNav{ float:left; width:270px; font-size: 15px; color: #FFFFFF; text-transform:uppercase; letter-spacing:1px; margin-top:-10px; } #leftNav a{ color:#FFFFFF; text-decoration:none; display:block; } #topJoinOnline{ width:270px; height:110px; cursor:pointer; } #topJoinOnline:hover{ opacity:0.7; filter:alpha(opacity=70); } #joinOnlineText{ margin-left:180px; position:relative; top:46px; } #midSearchUnclFunds{ width:270px; height:103px; cursor:pointer; } #midSearchUnclFunds:hover{ opacity:0.7; filter:alpha(opacity=70); } #searchUnclFundsText{ margin-left:30px; position:relative; top:25px; } #btmMagazine{ width:270px; height:95px; cursor:pointer; } #btmMagazine:hover{ opacity:0.7; filter:alpha(opacity=70); } #magazineText{ margin-left:125px; position:relative; top:45px; } .storyPhoto{ width:308px; height:293px; text-align:center; vertical-align:middle; float:left; margin-top:5px; } #storyDesc{ float:right; margin:20px 20px 0 10px; width:140px; } #storyDesc a{ color:#000; text-decoration:none; } #storyDesc a:hover{ color:#c00; } .story{ font-size:12px; color:#000; height:73px; } /* Rotator */ #rotator{ background:url(images/bgGreyGrad.gif) no-repeat; width:488px; height:299px; float:right; position:relative; } #rotatorNav{ margin-left:288px; margin-top:258px; position:relative; clear:both } #rotatorNav a{ width:54px; height:32px; background:#FFF; margin-right:1px; margin-top:9px; float:left; text-decoration:none; color:#c00; } #rotatorNav a:hover{ color:#000; } .rotatorButton{ font-size:16px; font-style:italic; margin-top:17px; margin-left:35px; display:block; } .rotatorButtonActive{ width:54px; height:41px; background:url(images/bgStoryActive.gif); margin-right:1px; float:left; } .rotatorButtonActive span{ color:#c00; font-size:16px; font-style:italic; font-weight:bold; margin-top:26px; margin-left:35px; display:block; } .rotatorContent { position:absolute; left:0; top:0; } #localsMapLocation{ float:right; width:206px; margin-top:5px; height:40px; padding-top:20px; } /* Right Side Accordion */ .AccordionTitle, .AccordionContent, .AccordionContainer{ position:relative; } #AccordionWrapper{ height:293px; float:right; margin-top:5px; padding:0; } #Accordion3Content a{ display:block; margin:5px 0; font-size:13px; } #agentRelationsList { margin-top:20px; } .AccordionContainer{ height:285px; font-size:12px; width:206px; overflow:hidden; background:#eee; color:#000; padding:0; margin:0; } .AccordionTitle{ height:25px; width:186px; cursor:pointer; font-size:14px; text-transform:uppercase; vertical-align:middle; padding-left:20px; background-repeat:repeat-x; display:table-cell; background-image:url(images/titleRepeater.gif); border-top:solid 1px #fff; } .AccordionTitleArrow { float:right; margin:0 10px; padding-top:3px; } .AccordionTitle span{ float:left; } .TopAcc{ border-top:none; } .AccordionTitle:hover{ color:#900; } .active{ color:#900; } .AccordionContent{ height:0; width:180px; padding-left:20px; overflow:hidden; overflow-x:hidden; display:none; background:#eee; } .AccordionOpen{ height:155px; display:block; } .AccordionContent a{ color: #900; font-size:13px; font-weight:bold; text-decoration:none; } .AccordionContent a:hover{ color: #000; } /* Accordion Form and Nav Styles*/ .AccordionContent ul{list-style:none; margin:5px 0 0 0; padding:0; width:160px;} .AccordionContent li{clear:both; padding:1px 0;} .AccordionContent label{float:left; } .AccordionContent input{float:right; width:98px;} .AccordionContent .field{float:right; width:102px} *:first-child+html .AccordionContent .field{float:right; width:100px; overflow:hidden} .AccordionContent .submit{display: block; background-color:#666; color: #fff; font-size: 12px;font-weight:normal; border:none; width:60px} .AccordionContent .submit:hover{background-color: #900; color:#fff} /* 2nd Row Content */ #takeActionContainer{ float:left; width:238px; height:347px; margin:25px 15px; background:url(images/bgTakeAction.jpg) no-repeat #cecece; text-align:center; } #takeActionSignup{ width:200px; height:70px; margin:100px 0 0 15px; padding-top:3px; padding-left:5px; color:#fff; text-align:left; font-size:12px; line-height:120%; } #takeActionSignup h3{ color:#fff; margin:-25px 0 23px 0; font-size:22px; } #takeActionSignup img { margin-left:-11px; margin-right:2px; } #takeActionContainer #takeActionSignup a{ color:#FFF; font-weight:bold; } #takeActionContainer #takeActionSignup a:hover{ color:#000; } .submit{ background-color:#fff; color: #900; font-weight: bold; font-size: 12px; border:solid 1px #fff; padding:0 4px; } .submit:hover{ color:#000; } #takeActionContainer ul{ margin:15px 0 0 0; padding:0; } #takeActionContainer li{ width:226px; height:30px; padding:8px 2px 3px 10px; background:url(images/bgTakeActionLinks.gif) repeat-x #cecece; border-top:solid 1px #fff; text-align:center; list-style:none; color:#545454; font-size:12px; text-align:left; display:block; } .followLinkIcons{ float:right; margin:1px 5px; } .linkIconsLeft{ float:left; margin:0 8px 0 0; } #takeActionContainer li .followText{ float:left; margin:5px 0 0 0; } #takeActionContainer a{ color:#545454; text-decoration:none; } #takeActionContainer a:hover{ color:#900; } /* Bottom Center News Module */ #newsModule{ float:left; width:488px; height:360px; margin:25px 0 0 2px; background-color:#ccc; } #newsNav{ font-size:14px; height:33px; margin:0 0 0 0px; padding:0; } .newsModuleTab { position:absolute; top:0px; height:33px; } #newsModuleTab1 { left:0px; width:65px; text-align:left; padding:15px 22px 5px 32px; } #newsModuleTab2 { left:120px; width:135px; text-align:center; padding:15px 22px 5px 23px; } #newsModuleTab3 { left:301px; width:27px; text-align:center; padding:15px 22px 5px 23px; } #newsModuleTab4 { left:374px; width:69px; text-align:center; padding:15px 22px 5px 23px; } .newsModuleTabActive { color:#333333; background:url(images/newsActiveCarrot.gif) no-repeat; } .newsModuleTabInactive { background:url(images/bgNewsTab.gif) repeat-x; color:#999999; } .newsModuleTabContent { position:absolute; left:0; top:0; width:488px } #newsContent{ font-size:14px; color:#000; list-style:none; padding:0; margin:10px 0 0 0; } #newsContent a{ color:#000; text-decoration:none; font-weight:bold; } #newsContent a:hover{ color:#900; } #newsContent li{ display:block; padding:13px 5px 0px 0; font-size:12px; min-height:3px; } #newsContent .even{ background-color:#e2e2e2; } .newsDate{ float:left; width:100px; height:50px; margin-left:15px; font-weight:bold; color:#000; } .newsBlurb{ height:52px; padding-left:5px; padding-right:5px; overflow:hidden; line-height:110%; } #allStories{ padding:12px 0 0 108px; font-weight:bold; margin-top:-14px; } .newsTitle{ font-weight:bold; text-decoration:none; } /* Sidebar */ #sidebar{ width:206px; height:288px; background:#eee; } #sidebar ul{ padding:0; margin:0; } #sidebar li{ min-height:35px; padding:5px 5px 1px 15px; margin:0; overflow:hidden; line-height:100%; font-size:12px; } #sidebar .even{ background-color:#e2e2e2; } #sidebar .relatedStories{ min-height:20px; height:20px; padding:16px 15px 0 15px; font-weight:bold; } #sidebar .allStories{ min-height:21px; height:21px; padding:5px 0 0 10px; } /* Banner */ #bannerModule{ width:206px; float:right; margin:25px 0 0 0; } #sidebarModule{ width:206px; float:right; margin:15px 0 0 0; } /* Calendar */ #calendarContent { background-color:#E2E2E2; height:275px; margin:10px 0 0; padding:7px 0 0 3px; text-align:center; width:203px; } #calendarArea{ position:relative; margin-left:-3px; height:166px; } .calendarClass { left:0; margin:-1px 5px 0; position:absolute; top:0; width:193px; } #calendarTitle{ color:#900; font-size:14px; font-weight:bold; text-align:left; margin:0 0 -5px 3px; } #calendarToggle{ border: 1px solid #aaa; height:20px; margin:13px 8px 0px 2px; } .calendarToggleButton{ font-size:12px; font-weight:bold; text-align:center; float:left; padding-left:8px; padding-top:2px; } .calendarToggleButtonActive { color:#900; cursor:default; } .calendarToggleButtonInactive { color:#000000; cursor:pointer; } #calendarModule{ width:206px; float:right; margin:5px 0 0 0; height:325px; } #calendarFooter{ width:186px; margin:15px 10px 0 10px; text-align:left; font-size:12px; position:relative; } #calendarFooter .item{ float:left; padding-right:10px; font-weight:bold; } #calendarFooter a{ color:#000; text-decoration:none; } #calendarFooter a:hover{ color:#900; } div.calendar { font-size: smaller; color: #000; } div.calendar.popup { margin-left: -40px; margin-top: -100px; } div.calendar table { background-color: #eee; border: 1px solid #aaa; border-collapse: collapse; } div.calendar thead { background-color: white; } div.calendar td, div.calendar th { padding: 3px; text-align: center; } div.calendar td.title { font-weight: bold; } div.calendar th { background: #ddd; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: bold; color: #555; } div.calendar tr.days td { width: 2em; color: #555; text-align: center; cursor: pointer; } div.calendar tr.days td:hover, div.calendar td.button:hover { background-color: #E2E2E2; cursor: pointer; } div.calendar tr.days td:active div.calendar td.button:active { background-color: #cde; } div.calendar tr.days td.selected { background-color: #fff; color: #000; } div.calendar tr.days td.event { font-weight:bold; color:#000; } div.calendar tr.days td.today { font-weight: bold; color: #D50000; } div.calendar tr.days td.otherDay { color: #bbb; } #allEvents{ clear:both; padding-top:10px; font-weight:bold; } /* Homepage Partner Banners */ #aftraPartners{ width:100%; height:95px; margin:15px 15px 25px 15px; clear:both; } #aftraPartners .banner{ width:230px; height:70px; float:left; margin:8px 15px 0 0; } #aftraPartners .last{ margin:8px 0 0 0; } .aftraPartnersImage { border:solid 2px #e5e5e5; float:left; } .partnerDesc{ width:150px; height:70px; font-size:12px; line-height:100%; background-image:url(images/bgAftraPartner.gif); float:right; padding:0 3px 0 5px; margin-left:2px; } /* Footer */ .footer{ float:left; margin:8px 15px 10px 15px; padding:0; font-size:11px; color:#a5a5a5; } .footer a{ color:#666; text-decoration:none; } .footer a:hover{ color:#c00; } .footer li{ list-style:none; float:left; margin-right:10px; } .copyright{ float:right; margin:8px 0 0 15px; font-size:11px; color:#666; } /* Landing Page Styles */ #mainLandingModule{ float:left; min-height:299px; width:743px; margin:0 0 0 15px; } #landingStorySummary{ float:right; width:405px; height:273px; margin:5px 0 0 0; padding:10px 15px; background:#dfdfdf; font-size:13px; } #landingStorySummary a{ color:#000; text-decoration:none; } #landingStorySummary a:hover{ color:#c00; } #landingStorySummary div{ height:138px; } #newsModuleTitle{ height:23px; padding:15px 20px 5px 20px; font-size:18px; letter-spacing:1px; text-transform:uppercase; color:#7a7a7a; border-bottom:solid 1px #fff; } #mainArticle{ background:#eee; padding:10px 15px; float:left; height:268px; width:248px; font-size:12px; } #mainArticle p{ margin:5px; line-height:130%; } #newsListLanding{ width:206px; float:right; background:#eee } #newsListLanding #newsContent{ margin:0; } #newsListLanding li{ padding:5px 5px 1px 10px; } #newsListLanding .newsBlurb{ height:35px; margin:5px 5px 0 10px; overflow:hidden; line-height:100%; font-size:12px; } #newsListLanding #relatedStories{ height:21px; padding:0 15px; } #newsListLanding #allStories{ height:21px; padding:5px 0 0 10px; } /* Featured Story Page Styles */ #landingHeader{ width:963px; margin:0 0 10px 15px; border-top:solid 1px #e5e5e5; padding:5px 0 0 0; text-transform:uppercase; letter-spacing:2px; font-size:36px; font-style:oblique; color:#cecece; } #featuredStoryContainer{ float:left; width:740px; margin:6px 0 10px 20px; font-size:13px; line-height:120%; border-bottom:solid 1px #e5e5e5; min-height:600px; } #featuredStoryContainer img{ padding:0 0 5px 12px; } #rightSideModules{ float:right; width:206px; margin-top:5px; } #newsSidebar{ width:206px; background:#eee; } #newsSidebar #newsContent li{ padding:5px 5px 1px 0; } #newsSidebar .newsBlurb{ height:35px; margin:5px 5px 0 10px; overflow:hidden; line-height:100%; font-size:12px; } #relatedStories{ height:21px; padding:4px 0 0 15px; } #newsSidebar #allStories{ height:21px; padding:0; margin:5px 0 0 15px; } /* Locals Page Styles */ #localsPhoto{ float:left; } #localsMessage{ float:right; width:470px; margin:5px 0 10px 0; padding:0 15px; background:#fff; font-size:13px; line-height:120%; } #localContactInfo{ font-size:11px; line-height:120%; float:right; width:470px; padding:0 15px; } .localPresident{ font-size:12px; font-weight:bold; } /* Contracts Page Styles */ #contractsContainer{ float:left; width:740px; margin:6px 0 10px 20px; font-size:13px; line-height:120%; } #contractsDesc{ font-size:13px; line-height:120%; margin:0; width:725px; } .contractBucket{ float:left; margin:20px 16px 5px 0; width:230px; height:260px; background:#efefef; background:url(images/bucketFooter.jpg) bottom no-repeat #efefef; } .contractList{ font-size:12px; line-height:120%; margin:15px 0 0 10px; padding:0 3px 0 15px; } .contractList li{ margin:3px 0 10px 0; } .contractList li a{ color:#000; text-decoration:none; } .contractList li a:hover{ color:#c00; } .listTitle{ text-transform:uppercase; font-size:13px; text-align:center; margin:10px 0 0 0; } /* Calendar Event Page */ #eventContainer{ float:left; width:743px; margin:0 0 0 15px; padding:0 0 15px 0; font-size:14px; line-height:120%; } #eventPhoto{ float:left; margin-right:10px; } #eventDetail{ padding:0 5px; background:#fff; } .eventDate{ color:#000; font-size:17px; } #eventBottom{ border-top:1px solid #ccc; clear:both; margin:10px 0; height:285px; } #eventLocation{ float:left; width:238px; margin:10px 10px 0 0; } #googleMap{ float:right; margin:10px 0; } #googleMap iframe{ border:#ccc solid 1px; } #googleMap a{ color:#900; text-decoration:none; font-size:11px; margin-top:5px; } #googleMap a:hover{ color:#c00; } #searchResultsContainer{ float:left; width:700px; min-height:680px; margin:0 30px 10px 20px; font-size:13px; line-height:120%; border-bottom:solid 1px #e5e5e5; } /* Archives Page */ #archivesList{ margin:0; font-size:12px; line-height:120%; } #archivesList .archiveDate{ width:125px; } #archivesList .archiveDescription{ padding-bottom:15px; } #archivesList .archiveDescription img{ float:left; margin-right:5px; padding:0; } #archivesList a{ font-weight:bold; color:#000; text-decoration:none; } #archivesList a:hover{ color:#c00; } #archivesList .header{ font-weight:bold; margin:0; } .j { width:100%; } .a2a_dd{ float:right } /* Multimedia Page */ #mediaTop{ width:970px; height:300px; margin:0 15px 5px 15px; font-size:12px; font-weight:bold; border-bottom:solid 1px #ccc; } #videoPlayer{ float:left; } #videoPlayer embed{ margin-top:3px; } #videoThumbs{ float:left; width:310px; height:264px; margin:16px 7px 0 7px; } .vidThumb{ float:left; width:88px; height:78px; font-size:12px; margin:0 5px 10px 10px; } .vidThumb a{ color:#000; font-weight:bold; text-decoration:none; display:block; margin:0 0 1px 0; } .vidThumb a:hover{ color:#c00; } #followUs{ float:right; height:264px; font-size:12px; font-weight:bold; } #followUs img{ border:none; margin:12px 0 0 0; } #followUs a{ display:block; } #podcast{ float:left; width:295px; height:325px; border-right:1px solid #ccc; margin:15px; font-size:12px; line-height:130%; padding-right:8px; } .podcastIcon{ float:left; margin:0 5px 0 0; } #podcast a{ color:#000; font-weight:bold; text-decoration:none; } #podcast a:hover{ color:#c00; } #podcast ul{ list-style:none; margin:0; padding:5px 0; } #podcast li{ margin:12px 0; } .olderPodcasts{ display:block; margin:5px 0 0 30px; } #photoGallery{ float:right; width:640px; height:325px; margin:15px 0; font-size:12px; line-height:130%; text-align:left; } .photoThumb{ float:left; width:145px; height:76px; position:relative; margin:10px 15px 8px 0; } .greybox{ float:right; background:#ccc; height:72px; width:65px; padding:0 0 0 4px; margin:4px 0 0 0; } .greybox a{ display:block; margin:4px 0; color:#000; font-weight:bold; text-decoration:none; } #photoGallery a:hover{ color:#c00; } #allGalleries{ float:none; margin:25px 15px 0 0; font-weight:bold; clear:both; } @media screen and (-webkit-min-device-pixel-ratio:0) { /*---------------------------------------------------- Safari and Chrome rules here */ #sidebar li{ height:40px; } .story{ font-size:12px; color:#000; height:71px; } .footer{ padding:0 0 10px 0; } #landingStorySummary div{ height:149px; } } -->