/* CSS document date - 10/05/20 ( 9:00pm ) ; CSS format date - 10/05/20 */
/* Site Code: Angel Tenez; Copyright - Xcano Inc | Mexican-American.org */
/* 9.8 ../scripts/forms/contact/2020/Css/contact_5f.css */

body {
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url("../images/stripes_grey-w-blk-bg_22x22.gif");
	background-position: center;
	background-color: #600000;}	 	    /* Darkest Red - 600000 */

#wrapper { 	        	
	width: 610px;
  	margin-left: auto;
  	margin-right: auto;
	padding: 0;                     /* top, right, bottom, left */
	background-position: center;
	background-repeat: repeat;
 	background-color: none;}    /* Lighter "Body" Gray - F5F5F5 */

#positioning-frame {
	position: relative;
	width: 610px;}

/* ----------------- (9.8) MAIN CONTENT SECTION --------------- */ 

#main-content_section {		               /* SECTION CONTAINER */
	position: relative;
	width: 610px;
	height: 610px;
	top: 0;	
  	margin-left: auto;
  	margin-right: auto;
 	background-color: none;}             /* Light Grey - E1E1E1 */
	
/* ------------------------ Title Bar ------------------------- */

#title_bar {                                       /* Title Bar */
	position: relative;
	width: 540px;
	height: 58px;
	top: 37px;
  	margin-left: auto;
  	margin-right: auto;
/*	background-image: url(../images/backgrounds/stripes_grey-w-blk-bg_22x22.gif); */
	background-color: none;}                          /* black */

/* -------------------- (9.8) CONTACT FORM -------------------- */

#contact-form {						       /* SECTION CONTAINER */
	position: relative;                   /* UPDATED - 04/27/18 */
	width: 540px;
	height: 482px;
  	top: 37px;
  	margin-left: auto;
  	margin-right: auto;                   /* updated - 04/27/18 */
 	background-image: url("../images/mexican-american-news_540x482.gif");
 	background-color: none;}  		      /* updated - 04/27/18 */

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

#main-image {						              /* Main Image */
	position: absolute;
	width: 530px;
	height: 167px;
  	top: 5px;
	left: 5px;
 	background-image: url("../images/mex-am-flags_530x167.jpg");
 	background-color: none;}  		                   /* black */


/* ---------------- (9.8) CONTACT FIELDS AREA ----------------- */

#contact-fields_area {                     /* SECTION CONTAINER */
	position: absolute;
	width: 520px;
	height: 220px;
	bottom: 10px;
	left: 10px;
	font-family: helvetica, sans-serif;
	font-size: 15px;	
	background-color: none;}                            /* red */
	
/* -------------------------- Name --------------------------- */

#name {                                                /* NAME */
	position: absolute;
	width: 120px;
	height: 22px;
	top: 10px;
	float: left;
	text-align: right;
	background-color: none;}                            /* blue */

/* ------------------------- Location ------------------------- */

#location {                                         /* LOCATION */
	position: absolute;
	width: 120px;
	height: 22px;
	top: 43px;
	float: left;
	text-align: right;
	background-color: none;}                            /* blue */

/* -------------------------- Email --------------------------- */

#email {                                               /* EMAIL */
	position: absolute;
	width: 120px;
	height: 22px;
	top: 75px;
	float: left;
	text-align: right;
	background-color: none;}                            /* blue */

/* -------------------------- Phone --------------------------- */

#phone {                                               /* PHONE */
	position: absolute;
	width: 120px;
	height: 22px;
	top: 106px;
	float: left;
	text-align: right;
	background-color: none;}                            /* blue */

/* ------------------------- Message -------------------------- */

#message {                                           /* MESSAGE */
	position: absolute;
	width: 120px;
	height: 22px;
	top: 141px;
	float: left;
	text-align: right;
	background-color: none;}                            /* blue */

	
/* ************************************************************ */
/* -------------------- (9.8) TEXT FIELDS --------------------- */
/* ------------------------------------------------------------ */

.text-field {                                    /* TEXT FIELDS */
	position: relative;
	width: 280px;
	height: 18px;
	margin: 8px 0 0 130px;
	padding: 2px 0 2px 5px;         /* top, right, bottom, left */
	border: 1px solid #A9A9A9;
	font-family: helvetica, sans-serif;
	font-size: 14px;		
	float: left;}
	
/* ---------------------- Message Field ----------------------- */

#message-field {                               /* MESSAGE FIELD */
	position: relative;
	width: 280px;
	height: 45px;
	margin: 7px 0 0 130px;
	padding: 2px 0 2px 5px;         /* top, right, bottom, left */
	border: 1px solid #A9A9A9;
	font-family: helvetica, sans-serif;
	font-size: 14px;		
	float: left;}
	
/* ---------------------- Submit Button ----------------------- */

.submit-button {                               /* SUBMIT BUTTON */
	position: absolute;
	bottom: 1px;
	left: 225px;
	width: 90px;
	font-family: helvetica, sans-serif;
	font-size: 13px;}

/* ------------------ Delivery Confirmation ------------------- */

#confirmation {
	position: absolute;
	width: 540px;
	top: 313px;
	left: 0px;
	text-align: center;
	background-image: url("../images/delivery-confirmation_540x58.gif");
	background-color: none;}    /* Lighter "Body" Grey - F5F5F5 */


/* ----------------- (9.8) COPYRIGHT SECTION ------------------ */ 

#copyright_section {	                   /* SECTION CONTAINER */
	position: relative;
	width: 580px;
	height: 25px;
	top: -9px;
  	margin-left: auto;
  	margin-right: auto;
	background-color: none;}                           /* green */        

/* ------------ Copyright Notice w/ Changing Year ------------- */ 

#copyright {           /* Copyright Notice w/CHANGING YEAR DATE */
	position: relative;
	width: 580px;
	height: 12px;
	top: 3px;
	left: 0px;
	padding: 2px 0 5px 0;           /* top, right, bottom, left */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;                          /* previously 8pt */
	font-weight: normal;
	color: #E1E1E1;			             /* Light Grey - E1E1E1 */
	text-align: center;
	background-color: none;} 		                   /* green */
  
.list-dot {
	font-family: Arial;
	font-size: 8px;  		
	color: #E1E1E1;}		/* Medium Grey - 555555 */

/* ------------------ Copyright Anchor Links ------------------ */ 

#copyright a {			   /* DO NOT CHANGE - Order of Sequence */
 	text-decoration: none;} 

#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 */

/* ------------------------ 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 ) */