/* CSS document date - xx/xx/2x ( 9:00am ) ; CSS format date - 09/14/25 */ /* Site Code: Angel Tenez; Copyright - Xcano Inc | Mexican-American.org */ /* 9.9_spp-05a6_990x1511-mid_29px-SH_LTI_TRP_366x366-MI_6-btm-panels_sports-index.css */ @import url("https://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext"); body { /* UPDATED - 09/14/25 */ margin: 0; border: 0; padding: 0; background-image: url(../../../../../../../images/backgrounds/active.gif); background-position: center; background-color: black;} /* black */ #wrapper { /* updated - 03/02/25 */ width: 990px; margin-left: auto; margin-right: auto; background-color: none;} /* Darkest Red - 600000 */ #positioning-frame { position: relative; /* updated - 06/20/20 */ top: 0; /* Important Setting: Needed for Safari/IE Match */ width: 990px;} /* ------------- (9.9) BASIC IMAGE & TEXT STYLING ------------- */ img { /* Updated - 03/02/25 */ margin: 0; border: 0; padding: 0;} /* ------------ (9.9) MAIN 'SITE SECTION' HEADING ------------- */ .section-heading { /* MAIN SITE SECTION HEADING */ margin-top: 6px; /* UPDATED - 03/02/25 */ padding: 0; /* top, right, bottom, left */ font-family: times, arial; font-size: 29px; line-height: 29px; font-style: none; font-weight: bold; text-align: center; background-color: none;} /* cyan */ /* ---------------- (9.9) Main Article Heading ---------------- */ h1 { /* H1 - MAIN PAGE HEADING */ position: relative; /* Updated - 03/02/25 */ margin-top: 9px; padding: 0; font-family: arial; font-size: 19px; line-height: 19px; font-style: none; color: white; text-align: center; background-color: none;} /* cyan */ /* ------------ (9.9) Main Article H2 Sub-Section ------------- */ h2 { /* H2 - MAIN ARTICLE SUB-TITLE */ margin: 3px 0 0 0; /* top, right, bottom, left */ padding: 0; /* Updated - 03/02/25 */ font-family: arial; font-size: 15px; line-height: 15px; font-weight: 540; font-style: none; color: black; text-align: center; background-color: none;} /* cyan */ /* ------------ (9.9) Main Article H3 Sub-Section ------------- */ h3 { /* H3 - MAIN ARTICLE SUB-TITLE */ margin: 6px 0 3px 0; /* top, right, bottom, left */ padding: 0; /* Updated - 03/02/25 */ font-family: arial; font-size: 14px; line-height: 14px; font-weight: 500; font-style: none; color: black; text-align: center; background-color: none;} /* cyan */ /* ---------------- (9.9) Current News Heading ---------------- */ h4 { /* H4 - CURRENT NEWS HEADING */ position: relative; /* Updated - 03/02/25 */ margin: 0; /* necessary - keep */ padding-top: 10px; font-family: arial; font-size: 15px; line-height: 15px; font-weight: 540; font-style: none; text-align: center; background-color: none;} /* cyan */ /* ************************************************************ */ /* --------------------- (9.9) PARAGRAPHS --------------------- */ /* Contained in
'main-article_paragraphs' seen below */ /* ************************************************************ */ p, pre { /* Updated - 03/02/25 */ margin: .8em 0 .8em 0; /* top, right, bottom, left */ border: 0; padding: 0; /* IMPORTANT NOTE - KEEP THIS SETTING */ font-family: arial; /* IMPORTANT NOTE ( USE ARIAL ONLY ) */ font-size: 13px; /* IMPORTANT NOTE - KEEP THIS SETTING */ line-height: 16px; /* IMPORTANT NOTE - (USE PIXELS ONLY) */ text-align: justify; background-color: none;} /* green */ /* --------------- (9.9) Editorial Sub-Heading ---------------- */ .editorial-sub-heading { /* EDITORIAL SUB-HEADING */ position: relative; /* Updated - 09/14/25 */ width: 380px; float: left; margin: 4px 10px 10px 30px; /* top, right, bottom, left */ padding: 0; font-family: verdana; font-size: 11px; font-style: italic; font-weight: 500; color: black; /* black */ text-align: justify; background-color: none;} /* cyan */ /* //////////////////////////////////////////////////////////// */ /* ------------------- (9.9) HEADER SECTION ------------------- */ /* //////////////////////////////////////////////////////////// */ #header { /* MAIN HEADER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 100px; top: 2px; left: 0; background-image: url(../../../../../../../images/header/mexican-american-news_990x99.gif); background-color: none;} /* red */ /* ------------------------------------------------------------ */ /* ----------------- (9.9) TOP NAVIGATION BAR ----------------- */ /* ------------------------------------------------------------ */ #top-navigation-bar { /* Top Menu Bar - SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 25px; top: 98px; left: 0; margin: 0; padding: 0; background-color: black;} /* red */ /* ----------------- (9.9) Top Navigation Menu ---------------- */ #top-menu { /* Top Menu Links - Text Styling */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 14px; top: 0; left: 0; margin: 0; padding-top: 2px; font-family: arial; font-size: 13px; line-height: 13px; color: cyan; background-color: none;} /* red */ #top-menu ul { /* ------------ DON'T CHANGE ------------ */ margin: 0 0 0 -2px; /* top, right, bottom, left */ padding: 0; /* Updated - 03/02/25 */ text-align: center;} #top-menu li { /* ------------ DON'T CHANGE ------------ */ display: inline; font-weight: normal;} .top-menu-dot { font-family: arial; font-size: 7px; vertical-align: middle; color: #D2FFFF;} /* Lightest Cyan D2FFFF */ /* ------------------- (9.9) Top Menu Links ------------------- */ #top-menu a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: none;} /* prevents initial underline */ #top-menu a:link { color: #D2FFFF;} /* initial color - Lightest Cyan D2FFFF */ #top-menu a:visited { color: #D2FFFF;} /* visited color - Lightest Cyan D2FFFF */ #top-menu a:hover { color: #D2FFFF; /* hover color - Lightest Cyan D2FFFF */ text-decoration: underline;} /* //////////////////////////////////////////////////////////// */ /* ----------- (9.9) PUBLIC INFORMATION BAR SECTION ----------- */ /* //////////////////////////////////////////////////////////// */ #public-info-bar_section-container { /* SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 32px; padding: 0; /* top, left, right, bottom */ top: 119px; left: 0; background-color: #F7F7F7;} /* XM Body - F7F7F7 */ /* ************************************************************ */ /* ---------- (9.9) PUBLIC OPTIONS Section Container ---------- */ #public-options_container { /* OPTIONS CONTAINER */ position: absolute; /* UPDATED - 03/02/25 */ width: 162px; height: 32px; padding: 0; /* top, left, right, bottom */ top: 0; left: 0; /* background-image: url(../../../../images/mockups/160x32_fb-share_twitter_pinterest.jpg); */ background-color: #600000;} /* Darkest Red - 600000 */ /* -------- (9.9) Public Sharing via Internet Section --------- */ #share-in-facebook { /* SHARE IN FACEBOOK */ position: absolute; /* UPDATED - 03/02/25 */ width: 62px; height: 22px; top: 5px; left: 5px; background-image: url(../../../../../../../images/elements/small-thumbs/facebook-word_62x22.gif); background-color: none;} /* green */ #share-in-twitter { /* SHARE IN TWITTER */ position: absolute; /* Updated - 03/02/25 */ width: 34px; height: 27px; top: 2px; left: 75px; /* background-image: url(../../../../images/elements/small-thumbs/twitter_34x27_600000-bg.gif); */ background-color: none;} /* green */ #contact-by-email { /* CONTACT BY EMAIL */ position: absolute; /* Updated - 03/02/25 */ width: 40px; height: 22px; top: 6px; right: 7px; /* background-image: url(../../../../images/elements/small-thumbs/email_40x20_MV-Boli.gif); */ background-color: none;} /* green */ /* -------------------- (9.9) KEYWORD TAGS -------------------- */ #tags { /* KEYWORD TAGS - SECTION */ position: absolute; /* Updated - 03/02/25 */ width: 829px; height: 25px; top: 0; left: 161px; margin: 0; /* IMPORTANT SETTING: DO NOT CHANGE */ padding-top: 7px; font-family: courier new, helvetica, arial, mono, mono; font-size: 18px; line-height: 18px; color: white; text-align: center; background-color: #600000;} /* Darkest Red - 600000 */ /* -------------- (9.9) Centered Keyword Tags Dot ------------- */ .tags-dot { /* CENTERED KEYWORD TAGS - DOT */ font-family: arial; /* Updated - 03/02/25 */ font-size: 10px; vertical-align: middle; color: white;} /* white */ /* ------------------------------------------------------------ */ /* ------------------ (9.9) SECTION HEADING ------------------- */ #section-heading { /* H1 TAG */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 43px; top: 151px; left: 0px; color: white; /* background-image: url(../../images/elements/title-bars/828x36_main-heading_square.gif); */ background-color: #181845;} /* XM Purple Blue BG - 181845 */ /* //////////////////////////////////////////////////////////// */ /* --------------- (9.9) TOP ROW SLIDER SECTION --------------- */ /* //////////////////////////////////////////////////////////// */ #top-slider_section-container { /* SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 360px; top: 194px; left: 0px; /* background-image: url(../../../../../images/mockups/990x360_top-leaderboard-w-728x270-slider.gif); */ background-color: none;} /* cyan */ /* -------------- (9.9) TOP LEFT PROMOS SECTION --------------- */ #top-left-promos_section { /* TOP LEFT PROMOS SECTION */ position: relative; /* Updated - 03/02/25 */ width: 262px; height: 360px; float: left; /* background-image: url(../../../../../images/mockups/261x360_top-left-promo_images.gif); */ background-color: #000000;} /* Medium Light Grey - A9A9A9*/ /* ************************************************************ */ /* ------------- (9.9) Top Left Medium Rectangle -------------- */ #top-left_medium-rectangle { /* Top Left MEDIUM RECTANGLE */ position: relative; /* Updated - 03/02/25 */ width: 262px; height: 269px; top: 0; float: left; background-image: url(../../../../../../../images/banner-ads/262x269/sites/granmarcha.com_la-gran-marcha_262x269.jpg); background-color: none;} /* green */ /* ------------------------------------------------------------ */ /* ------------ (9.9) 'IFRAME' (262x90) BANNER AD ------------- */ /* ------------------------------------------------------------ */ #active_262x269 { /* NEEDED: FB Share Uses 'iframe' Attributes */ position: absolute; /* Updated - 03/02/25 */ width: 262px; height: 269px; top: 0; left: 0; margin: 0; padding: 0; border: none; /* HTML5 deprecated; still needed in browsers */ background-color: none;} /* red */ /* ************************************************************ */ /* ---------- (9.9) Top Left Banner Ad / Xcano Media ---------- */ #top-left_banner-ss { /* Top Left BANNER AD */ position: relative; /* Updated - 03/02/25 */ width: 262px; height: 90px; top: 1px; float: left; background-image: url(../../../../../../../templates/images/mockups/262x90_top-left_banner-ad.gif); background-color: none;} /* red */ /* ------------------------------------------------------------ */ /* ------------ (9.9) 'IFRAME' (262x90) BANNER AD ------------- */ /* ------------------------------------------------------------ */ #active_262x90-ss { /* NEEDED: FB Share Uses 'iframe' Attributes */ position: absolute; /* Updated - 03/02/25 */ width: 262px; height: 90px; top: 0; left: 0; margin: 0; padding: 0; border: none; /* HTML5 deprecated; still needed in browsers */ background-color: none;} /* red */ /* ************************************************************ */ /* ---------------- LARGE (728x360) TOP IMAGE ----------------- */ /* ************************************************************ */ #large-top-image { /* SECTION CONTAINER */ position: relative; /* Updated - 03/02/25 */ width: 728px; height: 360px; float: right; background-image: url(../../../../../../../images/slider/728x360/xm-logo_image-loading_728x360.gif); background-color: none;} /* red */ /* ------------ (9.9) Large Top Image Description ------------- */ #large-top-image_description { /* LARGE TOP IMAGE DESCRIPTION */ opacity: 0.75; /* Updated - 03/02/25 */ position: absolute; width: 728px; height: 40px; top: 314px; right: 0px; margin: 0; /* necessary - keep */ padding: 6px 0 0 0; color: white; font-family: 'Cuprum', Impact, Charcoal, sans-serif; font-size: 35px; line-height: 35px; font-style: none; text-align: center; background-color: black;} /* red */ /* //////////////////////////////////////////////////////////// */ /* ------------- (9.9) TOP ROW PROMOTIONS SECTION ------------- */ /* //////////////////////////////////////////////////////////// */ #top-row-promotions_section { /* SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 90px; top: 360px; left: 0; /* background-image: url(../images/mockups/990x90_top-row-leaderboard_matching-ad.jpg); */ background-color: none;} /* cyan */ /* --------------- (9.9) Top Row - Leaderboard ---------------- */ #top-row_leaderboard { /* Top Row Leaderboard */ position: relative; /* Updated - 03/02/25 */ width: 728px; height: 90px; top: 0; left: 0; background-image: url(../../../../../../../images/banner-ads/728x90/sites/unity-international_unity-symbol_728x90.jpg); background-color: none;} /* green */ /* ------------------------------------------------------------ */ /* ------------ (9.9) 'IFRAME' (728x90) BANNER AD ------------- */ /* ------------------------------------------------------------ */ #active_728x90 { /* NEEDED: FB Share Uses 'iframe' Attributes */ position: absolute; /* Updated - 03/02/25 */ width: 728px; height: 90px; top: 0; left: 0; margin: 0; padding: 0; border: none; /* HTML5 deprecated; still needed in browsers */ background-color: none;} /* red */ /* ************************************************************ */ /* ------------------------------------------------------------ */ /* ------------- (9.9) TOP ROW - RIGHT BANNER AD -------------- */ #top-row_right-side-image { /* Top Row - Right Banner Ad */ position: absolute; /* Updated - 03/02/25 */ width: 262px; height: 90px; top: 0; right: 0; background-image: url(../../../../../../../images/banner-ads/262x90/sites/unity_eye-of-providence_unity-symbol_262x90.jpg); background-color: none;} /* gold */ /* ------------------------------------------------------------ */ /* ------------ (9.9) 'IFRAME' (262x90) BANNER AD ------------- */ /* ------------------------------------------------------------ */ #active_262x90-lb { /* NEEDED: FB Share Uses 'iframe' Attributes */ position: absolute; /* Updated - 03/02/25 */ width: 262px; height: 90px; top: 0; left: 0; margin: 0; padding: 0; border: none; /* HTML5 deprecated; still needed in browsers */ background-color: none;} /* red */ /* //////////////////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* --------------- (9.9) MAIN MIDDLE SECTION(S) --------------- */ /* ------------------------------------------------------------ */ /* //////////////////////////////////////////////////////////// */ #main-middle_sections { /* MAIN MIDDLE SECTION(S) */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 1511px; top: 450px; left: 0; padding: 0; text-align: center; background-color: #F7F7F7;} /* XM Body - F7F7F7 */ /* ------------------------------------------------------------ */ /* --------------------- (9.9) COLUMN ONE --------------------- */ #column-1_section-container { /* COLUMN ONE - SECTION */ position: absolute; /* Updated - 03/02/25 */ width: 160px; height: 1511px; top: 0; left: 0; /* background-image: url(../../../../../../images/mockups/160x1511_column-one_with-lines.jpg); */ background-color: none;} /* grey*/ /* ------------ Column 1 ( 160x311 ) Top Panel-1 -------------- */ #column-1_top-panel-1 { /* COLUMN ONE - TOP PANEL ( 1 ) */ position: absolute; /* Updated - 03/02/25 */ width: 160px; height: 311px; top: 0; left: 0; background-image: url(../../../../../../../templates/images/mockups/160x311_write-for-us.gif); background-color: blue;} /* blue */ /* ------------ Column 1 ( 160x600 ) Middle Panel-2 ----------- */ #column-1_middle-panel-2 { /* COLUMN ONE - MIDDLE PANEL ( 2 ) */ position: absolute; /* Updated - 03/02/25 */ width: 160px; height: 600px; top: 311px; left: 0; background-image: url(../../../../../../../images/banner-ads/160x600/sites/pretty-latinas_160x600.jpg); background-color: none;} /* red */ /* ------------ Column 1 ( 160x600 ) Bottom Panel-3 ----------- */ #column-1_bottom-panel-3 { /* COLUMN ONE - BOTTOM PANEL ( 3 ) */ position: absolute; /* Updated - 03/02/25 */ width: 160px; height: 600px; top: 911px; left: 0; background-image: url(../../../../../../../images/banner-ads/160x600/backgrounds/mex-am-news_bottom-bg-1_160x600.jpg); background-color: green;} /* green */ /* ------------------------------------------------------------ */ /* --------------- (9.9) MAIN ARTICLE HEADING ----------------- */ /* ------------------------------------------------------------ */ #main-article_heading { /* H1 - MAIN ARTICLE HEADING */ position: absolute; /* Updated - 03/02/25 */ width: 820px; height: 36px; top: 5px; left: 165px; color: #FFFFFF; /* white */ text-align: center; background-color: #181845;} /* XM Purple Blue BG - 181845 */ /* //////////////////////////////////////////////////////////// */ /* ---------------- (9.9) MAIN ARTICLE SECTION ---------------- */ /* ------------------------------------------------------------ */ #main-article_content { /* MAIN ARTICLE CONTENT SECTION */ position: absolute; /* DO NOT CHANGE SETTINGS */ width: 818px; /* Updated - 03/02/25 */ height: 1458px; top: 46px; left: 165px; border-color: #707070; /* XM Border Black - 707070 */ border-style: solid; /* CONTROLS CONTENT BORDER */ border-width: 1px; background-color: none;} /* Lighter Blue - #A8D3FF */ /* --------- (9.9) Main Article Content Linking Rules --------- */ #main-article_content a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: underline;} #main-article_content a:link { color: #00005F;} /* initial color - HyperLink Blue - 00005F */ #main-article_content a:visited { color: #00005F;} /* visited color - HyperLink Blue - 00005F */ #main-article_content a:hover { color: #00005F; /* hover color - HyperLink Blue - 00005F */ text-decoration: none;} #main-article_content a:active { color: #00005F;} /* transition color - HyperLink B - 00005F */ /* ------------------------------------------------------------ */ /* -------------- (9.9) MAIN ARTICLE PARAGRAPHS --------------- */ /* ------------------------------------------------------------ */ #main-article_paragraphs { /* Main Article - PARAGRAPHS */ position: relative; /* Updated - 03/02/25 */ top: -5px; left: 5px; width: 808px; margin: 0; background-color: none;} /* violet */ /* --------------- (9.9) Main (Article )Image ----------------- */ #main-article-image { /* MAIN (ARTICLE) IMAGE */ position: relative; /* Updated - 09/14/25 */ width: 366px; height: 366px; /* NOTE: 384px maximum - Updated - 09/14/25 */ margin: 0 5px 9px 0; /* top, right, bottom, left */ float: left; background-image: url(../../../../../../../images/mockups/366x366_main-image.gif); background-color: none;} /* grey */ /* ----------------- (9.9) Main Image Caption ----------------- */ #main-image-caption { /* Main Image - CAPTION */ position: absolute; /* Updated - 09/14/25 */ width: 366px; height: 12px; margin-top: 1px; top: 369px; left: 0; color: #00004F; /* Darker Blue - 00004F ; Deep Red - 630000 */ font-family: arial; font-size: 12px; line-height: 12px; font-style: italic; text-align: left; background-color: none;} /* red */ /* --------- (9.9) Main Article Author and/or Credit ---------- */ .author { /* MAIN ATTRIBUTION */ position: relative; /* Updated - 09/14/25 */ width: 435px; float: left; margin: 0; padding: 0 0 7px 0; /* top, right, bottom, left */ font-family: verdana, arial; font-size: 13px; font-style: none; color: black; /* black */ text-align: left; background-color: none;} /* red */ /* ------------------ (9.9) Next Page Arrow ------------------- */ #next-page { /* Next Page Arrow */ position: absolute; /* Updated - 03/02/25 */ width: 73px; height: 24px; top: 677px; /* IMPORTANT NOTE: USE ONLY THE 'TOP' SETTING */ right: -2px; /* background-image: url(../../../../../../images/elements/arrows/next-arrow_73x24_blue-1.gif); */ background-color: none;} /* ------------------ (9.9) Related Article ------------------- */ #related-article { /* Related Article */ position: absolute; /* Updated - 03/02/25 */ width: 100%; height: 16px; top: 680px; /* IMPORTANT NOTE: USE ONLY THE 'TOP' SETTING */ right: 2px; color: black; font-family: verdana; font-size: 12px; font-style: italic; text-align: right; background-color: none;} /* cyan */ /* --------------- (9.9) Related Article Links ---------------- */ #related-article a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: underline;} /* gives initial underline */ #related-article a:hover { text-decoration: none;} /* Updated - 03/02/25 */ /* //////////////////////////////////////////////////////////// */ /* ------------ (9.9) CURRENT NEWS PANELS SECTION ------------- */ /* //////////////////////////////////////////////////////////// */ #current-news_panels { /* SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ top: 701px; left: 0; width: 808px; height: 747px; background-color: none;} /* Fucia - #FF00FF */ /* ---------------- (9.9) Current News Heading ---------------- */ #current-news_heading { /* H4 - CURRENT NEWS HEADING */ position: absolute; /* Updated - 03/02/25 */ width: 100%; height: 36px; top: 0; left: 0; color: white; background-color: #181845;} /* XM Purple Blue BG - 181845 */ /* ------------ (9.9) Current News Heading - Links ------------ */ #current-news_heading a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: underline;} #current-news_heading a:link { color: #FFFFFF;} /* initial color - White */ #current-news_heading a:visited { color: #FFFFFF;} /* visited color - White */ #current-news_heading a:hover { color: #FFFFFF; /* hover color - White */ text-decoration: none;} #current-news_heading a:active { color: #FFFFFF;} /* transition color - White */ /* -------------- (9.9) Current News - Title Bar -------------- */ .current-news_title-bar { /* Updated - 03/02/25 */ position: absolute; width: 401px; height: 18px; /* UPDATED ( Version 9.9 ) - 03/02/25 */ top: 209px; left: 0; margin: 0; /* IMPORTANT SETTING: DO NOT CHANGE */ padding: 5px 0 0 0; /* top, right, bottom, left */ font-family: arial; font-size: 13px; line-height: 13px; color: white; text-align: center; background-color: #161616;} /* Seamless BG Mid Blk - 161616 */ /* ----------------- (9.9) Current News Links ----------------- */ #current-news_panels a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: none;} /* Updated - 03/02/25 */ #current-news_panels a:link { color: #FFFFFF;} /* initial color - White */ #current-news_panels a:visited { color: #FFFFFF;} /* visited color - White */ #current-news_panels a:hover { color: #FFFFFF; /* hover color - White */ text-decoration: underline;} #current-news_panels a:active { color: #FFFFFF;} /* transition color - White */ /* ------------------------------------------------------------ */ /* -------------- (9.9) Current News Panel ( 1 ) -------------- */ /* ------------------------------------------------------------ */ #current-news_panel-1 { /* PANEL ONE */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 41px; left: 0; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-1.gif); background-color: grey;} /* blue */ /* -------------- (9.9) Current News Panel ( 2 ) -------------- */ #current-news_panel-2 { /* PANEL TWO */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 41px; right: 0; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-2.gif); background-color: grey;} /* green */ /* -------------- (9.9) Current News Panel ( 3 ) -------------- */ #current-news_panel-3 { /* PANEL THREE */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 278px; left: 0px; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-3.gif); background-color: grey;} /* blue */ /* -------------- (9.9) Current News Panel ( 4 ) -------------- */ #current-news_panel-4 { /* PANEL FOUR */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 278px; right: 0; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-4.gif); background-color: grey;} /* green */ /* -------------- (9.9) Current News Panel ( 5 ) -------------- */ #current-news_panel-5 { /* PANEL FIVE */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 515px; left: 0px; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-5.gif); background-color: grey;} /* blue */ /* -------------- (9.9) Current News Panel ( 6 ) -------------- */ #current-news_panel-6 { /* PANEL SIX */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* Updated - 03/02/25 */ height: 209px; top: 515px; right: 0; background-image: url(../../../../../../../templates/images/mockups/401x209_current-news-panel-6.gif); background-color: grey;} /* green */ /* //////////////////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* ------------- (9.9) FOOTER / COPYRIGHT SECTION ------------- */ /* ------------------------------------------------------------ */ /* //////////////////////////////////////////////////////////// */ /* ------------- ( Fixed Page w/ iFrame Footer ) -------------- */ #footer-copyright_container { /* SECTION CONTAINER */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 110px; top: 1962px; left: 0; padding: 0; background-color: none;} /* purple */ /* ----------------------- (9.9) Footer ----------------------- */ #footer { /* Updated - 03/02/25 */ position: absolute; width: 990px; height: 79px; top: 0; left: 0; padding: 0; /* background-image: url(../../../../../images/footers/active_990x79.gif); */ background-color: none;} /* blue */ /* ------------------------------------------------------------ */ /* ----------------- (9.9) 'IFRAME' PROMO AD ------------------ */ /* ------------------------------------------------------------ */ #active_promo-ad { /* NEEDED: FB Share Uses 'iframe' Attributes */ position:absolute; /* Updated - 03/02/25 */ width: 990px; height: 79px; top: 0; left: 0; margin: 0; padding: 0; border: none; /* HTML5 deprecated; still needed in browsers */ /* background-image: url(../../../../../images/footers/sites/site-sponsored-by_royal-rebels_990x79.jpg); */ background-color: none;} /* red */ /* -------------- (9.9) Sections Copyright Notice ------------- */ #copyright { /* SECTIONS COPYRIGHT NOTICE */ position: absolute; /* Updated - 03/02/25 */ width: 990px; height: 13px; top: 87px; left: 0; padding: 0; font-family: arial; font-size: 11px; font-weight: normal; color: #E1E1E1; /* initial color - Light Grey - E1E1E1 */ text-align: center; background-color: none;} /* Darkest Blue - 00001F */ .list-dot { font-family: arial; font-size: 8px; color: #E1E1E1;} /* Light Grey - E1E1E1 */ /* ------------------ (9.9) Copyright Links ------------------- */ #copyright a:link { color: #E1E1E1;} /* initial color - Light Grey - E1E1E1 */ #copyright a:visited { color: #E1E1E1;} /* visited color - Light Grey - E1E1E1 */ #copyright a:hover { color: #E1E1E1; /* hover color - Light Grey - E1E1E1 */ text-decoration: underline;} #copyright a:active { color: #E1E1E1;} /* transition color - Light Grey - E1E1E1 */ /* ------------ STANDARD XCANO MEDIA LINKING RULES ------------ */ a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: none;} /* prevents initial underline */ a:link { color: #FFFFFF;} /* initial color - White */ a:visited { color: #FFFFFF;} /* visited color - White */ a:hover { color: #FFFFFF; /* hover color - White */ text-decoration: underline;} a:active { color: #FFFFFF;} /* transition color - White */ /* ------------------------ Bar Length ------------------------ */ /* --------- AMG / XM / UI STANDARD REFERENCE COLORS ---------- White - FFFFFF ; Near White - FDFDFD ; Light White - FAFAFA ; * Lighter "Body" Grey - F5F5F5 * ; Index Marquee BG White - EFEFEF Grey - CCCCCC ; Light Grey - E1E1E1, ; Hint of Grey - FBFBFB ; X11 Grey - BEBEBE ; Medium Light Grey - A9A9A9 ; W3C Grey - 808080 XM Light Grey - 999999 ; XM Middle Grey - 666666 ; XM Darkest Grey - 333333 Black - 000000 ; XM Near Black - 090909 ; XM Medium Black - 181818 ; XM Medium Grey Black - 272727 ; XM Grey Black - 363636 Mid Black - 222222 ; Mid Grey Black - 252525 ; Charcoal - 333333 Red - FF0000 ; Rose Red - E4082E ; Dark Red - 990000 ; Maroon - 990033 ; Deep Red - 630000 ; Darkest Red - 600000 ; Red Black - 2D0000 HyperLink 'Dark' Red - 990000 Pink - FFCCFF ; Light Pink - FFF5F5 ; Hot Pink - F535AA ; Deep Pink - FF1493 ; X11/W3C Fucia - FF00FF ; Violet Red - CC0099 X11/W3C Pink - FFC0CB ; Salmon - F7E9E5 ; Medium Violet Red - C71585 Violet - EE55EE ; Lavender - CC99FF ; Light Lavender - E9D2FF ; Magenta (same as "Fucia") - FF00FF ; X11/W3C Violet - EE82EE Purple - 9900FF ; Light Purple - BD59FF ; Lighter Purple - D79BFF ; Lightest Purple - E7C1FF ; Hint of Purple - F3DFFF ; Medium Purple - AB2DFF Dark Purple - 6100C1 ; Darker Purple - 5A1BAF ; Darkest Purple - 3F009D ; Darkest Dark Purple - 32007D Orange - FFA500 ; DW Orange - FF9900 ; Orange-1 - FF7F00 ; Light Orange - FFBB22 ; Orange Red FF4500 ; X11/W3C Orange - FFA500 Yellow - FFFF00 ; Light Yellow - FFFF66 ; Lime - CCFF33 ; Khaki - F0E68C ; Dark Khaki - BDB76B ; Goldenrod "Dark Yellow Gold" - DAA520 Green - 009900 ; Bright Green - 00FF33 ; Light Green - CCFFCC ; Olive - CCFF33 ; Dark Green - 33CC33 ; Darker Green - 006600 W3C Green - 008000 ; X11 Green - 00FF00 Copper - FFCC99 ; Copper-1 - C96333 ; XM Dark Copper - CC9966 ; XM Text Copper - FFCC99 Silver - DDDDDD ; Light Silver - EEEEEE ; Silver-1 - DADADA ; X11/W3C Silver - C0C0C0 Gold - CC9900 ; Yellow Gold - FFCC00 ; Orange Gold - FF9900 ; Reddish Gold - FFC184 ; Maya Impact Gold - FFCC7D ; XM Logo Gold - C3A756 XM Copyright Gold - FFEE9F ; XM Text Gold-1 - FFE693 ; XM Text Gold-2 - F3DA98 ; X11/W3C Gold - FFD700 Cyan - 00FFFF ; Medium Cyan - 33CCFF ; Light Cyan - 66FFFF ; Lighter Cyan - B3FFFF ; Lightest Cyan - D2FFFF ; Turquoise - 00FFCC Blue - 0000FF ; Light Blue - 99CCFF, Lighter Blue - A8D3FF ; Lightest Blue - CAE4FF ; Lightest Light Blue - DFF1F7 ; Hint of Blue - E1F0FF Medium Blue - 3366FF ; Dark Blue - 000066 ; Medium Dark Blue - 00005F ; Darker Blue - 00004F ; Darkest Blue - 00001F HyperLink 'Dark' Blue - 00005F Body - F5F5F5 ; Shadow Border Grey - E0E0E0 ; Light Grey - E1E1E1 ; Lighter "Body" Grey - F5F5F5 ; X9 Body Grey - F7F7F7 RR Internet BG Blue - 000033 ; Seamless BG Mid Blk - 161616 ; XM Purple Blue BG - 181845 ; L-Bolt Sky BG Blue - 489FDC Borders - ##### ; Adsense Border Blue - 0066CC ; Adsense Border Blue Grey - 336699 ; Mid Section Grey - E9E9E9 Shadow Border Grey - E0E0E0 ; VFF Gold Border - CEBD63 ; XM Border Black - 707070 Text (Black) ## ; Close Black - 030303 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 Text Black - 272727 ; Medium Text Blk - 363636 ; FAQ Text Black - 404040 ; Light Text Blk - 454545 ; Lighter Text Blk - 545454 Lightest Text Blk - 636363 ; Medium Text Grey - 727272 ; Light Text Grey - 818181 ; Lighter Text Grey - 909090 Btm Rt Banner Ad Blue - 000070 ; Hyper-Link 'Dark' Blue - 00005F Tables - ###### ; Table Heading Blue - DFF1F7 ; Table "Border" Blue - AECFE3 ; Table Row Blue - ECF7FA ; Hyper-Link Blue - 00005F Table Row Blue Grey - EAEAEA ; Table Row Light Olive - E7F5B4 ; Table Row Gold - E9DC9E ; Title Bar Gold - E9D78D Misc - ###### ; American Baby Blue - 1CA4FF ; Aquamarine - 7FFFD4 ; Beige - F5F5DC (X11/W3C) ; GS Banner Blue - 000033 Encyclopedia Blue - 00345F ; Facebook Blue - 3B5998 ; Facebook Grey - E9EAED ; Grey Dot for Gold BG - 777777 MA Eagle Gold - FFE693 ; MySpace BG Grey - E5E5E5 ; Index Marquee Purple - 1D0048 ; Red Arrow Bright Red - FF0006 R&R Violet - B18AD9 ; Sub Heading H2 Red - 600000 ; Teleflora Purple - 660099 ; EFD Sub-Heading Purple - 8200BF Title Bar Gold - E9D78D ; EFD Title Bar Violet - BF00BF ; EFD Violet Red - CC0099 ; W3C Gray - 808080 (Dark Grey) WOW Slider Grey - 3D3D3D ; X11 Gray - BEBEBE (Lighter Grey) ; XM Violet Purple - 9103A5 ; XM Dark Grey - 999999 AdSense Lightest Grey - E6E6E6 ; Adsense Light Grey - B3B3B3 ; Adsense Normal Grey - CCCCCC ; Adsense Middle Grey - 999999 Adsense Dark Grey - 808080 ; Adsense New Grey - 828282 ; Adsense Darker Grey - 7F7F7F ; Adsense Darkest Grey - 666666 ; Adsense Grey Black 1 - 4C4C4C ; Adsense Dark Grey 2 - 333333 ; Adsense Dark Grey 3 - 191919 ; Adsense Normal Black - 000000 Google Border Blue - 0066CC ; Google Dark Blue - 0066CC ; Google SERP Blue - 2D1F9A Google SERP Purple - 570E70 ; Google URL Green - 008000 ; Google Grey - CCCCCC ------------- STANDARD AMG LINKING COLOR RULES -------------- Black Background ; Active Link Blue - 66FFFF ; Black BG Blue - 00003F ; Black BG Lighter Text Grey - DADADA ; B&G Stripes BG Grey - E1E1E1 Horizonal Rule Black - A9A9A9 (close match between IE & Firefox) ; Roll Over Lime - 00FF00 White Background ; Main Image Caption Blue - 00006F ; Main Title Bar Blue - 171745 ; updated 06-20-20 ( 9:00am MST ) */