/* CSS document date - 04/19/14 ( 10:30am ); CSS format date - 04/19/14 */
/* Author: David Carrera - Copyright 2014 American Media Group, CA  USA */
/* Site MA V3.0; source: ../image_pages/../3.0_990x575_framed-image.css */

body {                                    /* updated - 01/17/14 */
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../../../../../../images/backgrounds/active.gif);
	background-position: center;
	background-color: black;}	 	                   /* black */

#wrapper { 	        	                  /* updated - 01/17/14 */
	width: 990px;
  	margin-left: auto;
  	margin-right: auto;
 	background-color: none;}	        /* Darkest Red - 600000 */

#positioning-frame {
	position: absolute;   /* NOTE: updated for HTML5 - 01/17/14 */
	top: 0px;  /* Important Setting: Needed for Safari/IE Match */
	width: 990px;
 	background-color: none;}	                       /* green */

/* ---------------- BASIC IMAGE & TEXT STYLING ---------------- */ 

img {
	margin: 0;
	border: 0;
	padding: 0;}


/* //////////////////////////////////////////////////////////// */
/* ---------------------- HEADER SECTION ---------------------- */ 
/* //////////////////////////////////////////////////////////// */

#header { 			                             /* MAIN HEADER */
	position: absolute; 
	width: 990px;
	height: 100px; 
	top: 2px;                             /* updated - 02/06/14 */
	left: 0; 
 	background-image: url(../../../../../../images/header/mexican-american-news_990x99.gif);
	background-color: none;}                             /* red */
	
/* ------------------------------------------------------------ */	
/* -------------------- TOP NAVIGATION BAR -------------------- */
/* ------------------------------------------------------------ */	

#top-navigation-bar {       /* Top Menu Bar - SECTION CONTAINER */
	position: absolute; 
	width: 990px;
	height: 25px; 
	top: 98px;                            /* updated - 02/06/14 */     
	left: 0; 
	margin: 0;
	padding: 0;
	background-color: none;}                             /* red */

/* -------------------- Top Navigation Menu ------------------- */

#top-menu {		               /* Top Menu Links - Text Styling */
	position: absolute;
	overflow: visible; 
	width: 990px;
	height: 14px;                         /* updated - 01/19/14 */                 
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
  	font-family: arial;                   /* updated - 01/18/14 */
	font-size: 13px;                      /* updated - 01/18/14 */
	color: #D2FFFF;		                /* Lightest Cyan D2FFFF */	
	background-color: none;}   		                     /* red */
	
#top-menu ul { 		  /* ------------ DON'T CHANGE ------------ */
  	margin: 0 0 0 -2px;             /* top, right, bottom, left */
  	padding: 0;                           /* updated - 01/19/14 */
 	text-align: center;}                  
 
#top-menu li {		  /* ------------ DON'T CHANGE ------------ */
  	display: inline;
  	font-weight: normal;}
 	
.top-menu-dot {
	font-family: arial;
	font-size: 7px;  	                 /* updated - 01/19/14 */
	vertical-align: middle;
	color: #D2FFFF;}                   /* Lightest Cyan D2FFFF */	
	
/* ---------------------- 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;}
	

/* //////////////////////////////////////////////////////////// */
/* -------------- PUBLIC INFORMATION BAR SECTION -------------- */
/* //////////////////////////////////////////////////////////// */

#public-info-bar_section-container {	   /* SECTION CONTAINER */
	position: absolute;                     /* added - 01/19/14 */ 
	width: 990px;
	height: 32px;                         /* updated - 02/12/14 */
	padding: 0;		                /* top, left, right, bottom */
	top: 119px;                           /* updated - 02/06/14 */   
	left: 0;
	background-color: #F7F7F7;}             /* XM Body - F7F7F7 */	
	
/* ------------- PUBLIC OPTIONS Section Container ------------- */ 

#public-options_container {				   /* OPTIONS CONTAINER */
	position: absolute;
	width: 160px;
	height: 32px;                         /* updated - 02/27/14 */
	padding: 0;	 	                /* top, left, right, bottom */
	top: 0;
	left: 0;
/*	background-image: url(../../../images/mockups/social-media_logos_160x32_darkest-red.gif); */
	background-color: #600000;}	 	    /* Darkest Red - 600000 */

/* ----------- Public Sharing via Internet Section ------------ */  

#share-in-facebook {					   /* Share in Facebook */
	position: absolute;                   /* updated - 02/20/14 */
	width: 56px;
	height: 23px;
	top: 5px;                             /* updated - 02/27/14 */
	right: 99px;                          /* updated - 02/27/14 */
/*	background-image: url(../../active/HTML5/images/elements/small-thumbs/facebook_56x23_600000-bg.jpg); */
	background-color: none;}

#share-in-twitter {						    /* Share in Twitter */
	position: absolute;                   /* updated - 02/20/14 */
	width: 21px;
	height: 20px;
	top: 5px;                             /* updated - 02/27/14 */
	right: 71px;                          /* updated - 02/27/14 */
/*	background-image: url(../../../images/elements/small-thumbs/twitter_21x20_600000-bg.jpg); */
	background-color: none;}

#share-in-email {						      /* Share in Email */
	position: absolute;                   /* updated - 02/20/14 */
	width: 24px;
	height: 23px;
	top: 4px;                             /* updated - 02/27/14 */
	right: 4px;                           /* updated - 02/27/14 */
/*	background-image: url(../../../../../../images/elements/small-thumbs/email-symbol_24x23_600000-bg.jpg); */
	background-color: none;}

/* ----------------------- KEYWORD TAGS ----------------------- */

#tags {                               /* KEYWORD TAGS - SECTION */
	position: absolute;
	width: 829px;                         /* updated - 02/27/14 */
	height: 27px; 
	top: 0px;
	left: 161px;
	margin: 0;                            /* updated - 02/27/14 */
	padding-top: 5px;                     /* updated - 02/27/14 */
	font-family: courier new, helvetica, arial, mono, mono;
	font-size: 18px;  		                 /* previously 18pt */
	color: white;
	text-align: center;                   /* updated - 02/27/14 */
	background-color: #600000;}         /* Darkest Red - 600000 */

/* //////////////////////////////////////////////////////////// */
/* ---------------- TOP ROW PROMOTIONS SECTION ---------------- */
/* //////////////////////////////////////////////////////////// */

#top-row-promotions_section {	           /* SECTION CONTAINER */
	position: absolute;
	width: 990px;
	height: 90px;
	top: 151px;
	left: 0px;
/*	background-image: url(../images/mockups/990x90_top-row-leaderboard_matching-ad.jpg); */
 	background-color: none;}                            /* cyan */	

/* ------------------- Top Row Leaderboard -------------------- */ 
	
#top-row_leaderboard {		             /* Top Row Leaderboard */
	position: absolute;
	width: 728px;
	height: 90px;
	top: 0;
	left: 0;
	background-image:  url("../../../../../../templates/images/mockups/728x90_leaderboard_red-bg.jpg"); 
	background-color: green;}		                   /* green */

/* ------------------- Top Right Banner Ad -------------------- */ 

#top-row_right-side-image {		         /* Top Right Banner Ad */
	position: absolute;
	width: 261px;
	height: 90px;
	top: 0;
	right: 0;
	background-image:         url(../../../../../../images/archive/banner-ads/261x90/sites/xcano-media_261x90.gif);
	background-color: none;}	                        /* gold */


/* //////////////////////////////////////////////////////////// */
/* ------------------ MAIN MIDDLE SECTION(S) ------------------ */
/* //////////////////////////////////////////////////////////// */


#main-middle_sections {               /* MAIN MIDDLE SECTION(S) */
	position: absolute;                   /* updated - 03/09/14 */ 
	width: 990px;
	height: 100%; 		/* Important to Allow for Floating Page */
	top: 241px;                /* IMPORTANT: updated - 03/09/14 */     
	left: 0px;
	padding: 0px;	
	text-align: center;	
	background-color: white;}		                    /* cyan */	

/* ------------------ Image & Text Container ------------------ */

#photo-image-text-description_container {
	position: relative;
	width: 990px;
/*	height: 720px; */                    /* updated - 03/03/14 */
	left: 0;
	background-color: none;}                           /* blue */


/* ------------------------ Main Image ------------------------ */

#main-image {						              /* Main Image */
	position: relative;
	width: 990px;
	height: 973px;
  	top: 0;
	padding: 0;                     /* top, right, bottom, left */
 	background-image:     url(../../../../../../images/large/990x/history/la-gran-marcha/images/la-gran-marcha_latinos-surround-downtown-los-angeles-buildings_990x973.jpg);
 	background-color: #090909;}          /* Near Black - 090909 */
	
/* -------------------- Image Description --------------------- */

#image-description_paragraph {
	position: relative;                   /* updated - 03/09/14 */
	width: 990px;
	top: 0;
	color: white;                         /* updated - 03/09/14 */
	padding: 5px 0 4px 0;           /* top, right, bottom, left */
	font-family: arial, helvetica, sans-serif;
	font-size: 13px; 	
	text-align: left;
 	background-color: #090909;}          /* Near Black - 090909 */

/* --------------------- Related Article ---------------------- */ 

#related-article {                           /* Related Article */
	position: absolute;                   /* updated - 03/09/14 */
    right: 0;
	font-style: none; 
	text-align: left;
	background-color: none;}                            /* cyan */

/* ------------------- Related Article Link ------------------- */

#related-article a {		 /* DO NOT CHANGE ORDER OF SEQUENCE */
 	text-decoration: none;}       /* prevents initial underline */

#related-article a:link {
	color: white;} 	                   /* initial color - White */

#related-article a:visited {
	color: white;} 	                   /* visited color - White */
	
#related-article a:hover {
	color: white; 	       /* hover color - Light Grey - E1E1E1 */
	text-decoration: underline;} 


/* //////////////////////////////////////////////////////////// */
/* ---------------- FOOTER / COPYRIGHT SECTION ---------------- */ 
/* //////////////////////////////////////////////////////////// */


#footer-copyright_container {              /* SECTION CONTAINER */
	position: relative;                   /* updated - 03-09-14 */
	width: 990px;
	height: 110px;
	bottom: 0;                            /* updated - 03/09/14 */
	left: 0;
	padding: 0;	
	background-color: none;}		                  /* purple */	

/* -------------------------- Footer -------------------------- */

#footer {
	position: absolute; /* NOTE: INTEGRATED w/IFRAME - 03/30/14 */                
	width: 990px;
	height: 79px;
	top: 0;                               /* updated - 03/30/14 */
	left: 0;
	padding: 0px;	
	background-image:     url(../../../../../../images/footers/iframe/image/page-sponsored-by-royal-rebels_990x79.jpg); 
	background-color: none;}		                    /* blue */

/* ------------------------------------------------------------ */
/* -------------------------- IFRAME -------------------------- */
/* ------------------------------------------------------------ */

iframe {                                  /* UPDATED - 03/20/14 */
    width: 990px;
    height: 79px;
    margin: 0;
    padding: 0;
    border: none; /* HTML5 deprecated; still needed in browsers */
	overflow: hidden;  /* HTML5 standard - doesn't work on page */ 
	scrolling: no;} /* tag deprecated; doesn't work in CSS only */ 

/* -------------------- 'iframe' Promo Ad --------------------- */

#active_promo-ad { /* NEEDED: FB Share Uses 'iframe' Attributes */
	position:absolute;                    /* UPDATED - 03/20/14 */
	width: 990px;
	height: 94px;
	top: 0px;
	left: 0px;
	background-color: none;}	                         /* red */


/* --------------------- Copyright Notice --------------------- */ 

#copyright {      /* UPDATED for iFrame Integration  - 03/19/14 */
	position: absolute;
	width: 990px;                         /* updated - 02/01/14 */
	height: 12px;                           /* added - 02/01/14 */
	top: 88px;                            /* updated - 03/19/14 */
	left: 0;
	padding: 0;
	font-family: arial;
	font-size: 11px;                          /* previously 8pt */
	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 */

/* --------------------- 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 AMG LINKING RULES ---------------- */ 

a {						     /* DO NOT CHANGE ORDER OF SEQUENCE */
 	text-decoration: none;}       /* prevents initial underline */

a:link {				     
  color: #00005F;} /* initial color - Hyper Link Blue - 00005F  */

a:visited {
  color: #00005F;}  /* visited color - Hyper Link Blue - 00005F */

a:hover {
	color: #00005F;   /* hover color - Hyper Link Blue - 00005F */
	text-decoration: underline;}


/* ------------------------ Bar Length ------------------------ */
	
/*  ------------ AMG / 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
	Black  - 000000 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 ; Charcoal - 333333  
	
	Red    - FF0000 ; Rose Red - E4082E ; Dark Red - 990000 ; Darkest Red - 600000 ; Maroon - 990033 ; Red Black - 2D0000  
	Pink   - FFCCFF ; Light Pink - FFF5F5 ; Hot Pink - F535AA ; Deep Pink - FF1493 ; 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 
					  
	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 ; Darker Blue - 00004F ; Darkest Blue - 00001F ; Hyper-Link 'Dark' Blue - 00005F
					   
    Body   - F5F5F5 ; Shadow Border Grey - E0E0E0 ; Light Grey - E1E1E1 ; Lighter "Body" Grey - F5F5F5 ; X9 Body Grey - F7F7F7
	                  Seamless BG Mid Blk - 161616 ; XM Purple Blue BG - 181845 ; R&R Border/BG Blue - 073660 ; L-Bolt Sky BG Blue - 489FDC 
	    
	Borders - ##### ; Adsense Border Blue - 0066CC ; Adsense Border Blue Grey - 336699 ; 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    

    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 ; Banner Ad Blue - 0000D5 ; Beige - F5F5DC ; GS Banner Blue - 000033  
					  Encyclopedia Blue - 00345F ; Facebook Blue - 3B5998 ; MySpace BG Grey - E5E5E5 ; Index Marquee Purple - 1D0048 
					  Red Arrow Bright Red - FF0006 ; R&R Violet - B18AD9 ; Sub Heading H2 Red - 600000 ; Title Bar Gold - E9D78D 
					  W3C Gray - 808080 (Dark Grey) X11 Gray - BEBEBE (Lighter Grey) ; Dark Grey - 999999 ; Grey Dot for Gold BG - 777777 
					  WOW Slider Grey - 3D3D3D
					  
					  AdSense Lightest Grey - E6E6E6 ; Adsense Light Grey - B3B3B3 ; Adsense Normal Grey - CCCCCC ; Adsense Middle Grey - 999999 
					  Adsense Dark Grey - 808080 ; 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 Color Chart (coming soon)

    ------------- 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 03-22-14 ( 5:40am CST ) */