/* IllegalAliens.US CSS */

/*
    TEST AND FIX 
	DWC 2024-07-17 
    These IDs must be in style and not CSS because they do NOT work in Safari when in CSS
    web and mobile are important to determine screen size in headgraphics.php
    IDs must be unique so 4 IDs follow 
	In order to view on small screens this routine uses CSS to determine screen size 
	CSS passes control to a DIV statement via CSS.  
	max-width below differentiates between cell phone (less than) and PC screen (equal or greater than). 
	The identifier can be called only one time.
*/

#web-headg {display: block; text-align: center;}
#mobile-headg {display: none; text-align: center;}
  @media screen and (max-width: 980px) 
  {#web-headg {display: none;} #mobile-headg {display: block;}}
  
#web-headlogo {display: block; text-align: center;}
#mobile-headlogo {display: none;text-align: center;}
  @media screen and (max-width: 980px) 
  {#web-headlogo {display: none;} #mobile-headlogo {display: block;}}

#web-top {display: block; text-align: center;}
#mobile-top {display: none; text-align: center;}
  @media screen and (max-width: 980px) 
  {#web-top {display: none;} #mobile-top {display: block;}}

#web-botm {display: block; text-align: center;}
#mobile-botm {display: none; text-align: center;}
  @media screen and (max-width: 980px) 
  {#web-botm {display: none;} #mobile-botm {display: block;}}

/* 
TABLE AND TD
*/

table.IA {
    border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	border-color: #800000;
   	width: 100%;
    margin: 0 auto;     /* center table horizontally */
}

td.IA {
	border-width: 2px;
	border-color: #800000;
	border-style: solid;
	padding: 4px;
   	width: 100%;
}

table.IA-nav {
	background-color: #800000;
	text-align: center;
	height: 224px;
	width: 100%;
}

td.IA-nav {
	height: 20px;
	width: 19%;
	border: 1px;
	border-color: #808080;
	border-style: solid;
}

table.IA-noborder {
	border-collapse: collapse;
	border-width: 0px;
	border-style: solid;
	border-spacing: 1px;
	border-bottom-color: #800000;
	width: 100%;
	padding: 4px;
	border-color: #808080;
}

td.IA-noborder {
	border-collapse: collapse;
	border-width: 0px;
	border-style: solid;
	border-spacing: 1px;
	border-bottom-color: #800000;
	width: 50%;
	padding: 4px;
	border-color: #808080;
}

table.IA-quotebox {
    background-color: #800000; 
    border-collapse: collapse;
    border-color: #111111;
    border-spacing: 8px; 
    text-align: center;
    margin: 0 auto;     /* center table horizontally */
}
  
td.IA-quotebox {
    padding: 4px;
}

table.IA-pollsbox-outer {
    border-collapse: collapse;
    text-align: center;
    margin: 0 auto;     /* center table horizontally */
}

td.IA-pollsbox-outer {
    border: solid;
    border-width: 1px;
    padding: 4px;
}

table.IA-pollsbox-inner {
    border-collapse: collapse;
    text-align: left;
    margin: 0 auto;     /* center table horizontally */
}

td.IA-pollsbox-inner {
    border: solid;
    border-width: 1px;
    padding: 4px;
}

table.IA-video {
    border-collapse: collapse;
    text-align: center;
    margin: 0 auto;     /* center table horizontally */
    border-width: 1px;
}

td.IA-video {
    border: solid;
    border-width: 1px;
    padding: 4px;
    width: 360px;
}

table.IA-merchandise {
    border-collapse: collapse;
    margin: 0 auto;     /* center table horizontally */
    padding: 4px;
    border-spacing: 1px;
    border-color: #808080; 
}

td.IA-merchandise {
    border: solid;
    border-width: 1px;
    padding: 4px;
}

table.IA-blognews {
    border-collapse: collapse;
    text-align: center;
    margin: 0 auto;     /* center table horizontally */
    width: 100%;
    border-color: #808080;
    border-spacing: 1px;
}

td.IA-blognews {
    border: solid;
    border-width: 1px;
    padding: 4px;
    width: 50%;
}

table.IA-stateorgs {
    border-collapse: collapse;
    text-align: center;
    margin: 0 auto;     /* center table horizontally */
    border-width: 1px;
    width: 50%;
}

td.IA-stateorgs {
    border: solid;
    border-width: 1px;
    padding: 4px;
}

table.IA-hg {
	border-collapse: collapse;
	border-width: 0px;
	width: 100%;
	height: 247px;
	color: #111111;
}

td.IA-hg-text-left {
	font-style: italic;
	width: 12%;
	vertical-align: top;
	height: 243px;
	padding-right: 4px;
    text-align:left;
}

td.IA-hg-text-right {
	font-style: italic;
	width: 12%;
	vertical-align: top;
	height: 243px;
	padding-right: 4px;
    text-align:right;
}

td.IA-hg-logo {
	text-align: center;
	width: 40%;
	vertical-align: top;
	height: 243px;
}

td.IA-hg-statue {
	width: 18%;
}

td.IA-hg-blankcol {
	width: 16%;
}

td.IA-bottom {
	width: 14%;
	text-align: center;
	height: 86px;
}

td.IA-cell {
	border-width: 2px;
	border-color: #800000;
	border-style: solid;
    width: 50%;
    padding: 4px;
}

td.IA-cell-four {
	border-width: 2px;
	border-color: #800000;
	border-style: solid;
    width: 25%;
    padding: 4px;
}

/* top is set on td, not img */
td.IA-image-top {
	vertical-align: top;
}

td.IA-center {
	text-align: center;
}

/* 
SPAN
*/

span.IA-hg-text {
	font-family: "Bookman Old Style";
	font-size: 80%;
	font-style: italic;
}

span.IA-hg-amnesty {
	color: #000080;
	font-family: Georgia;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
}

span.IA-hg-nodebate {
	color: #008000;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
}

span.IA-emphasis {
	font-style: italic;
}

span.IA-paragraph-topic {
	font-style: italic;
	color: #003399;
	font-weight: bold;
}

span.IA-white  {
	color: #FFFFFF; 
}

span.IA-TimesRoman {
     font-family: "Times New Roman";
}

span.IA-background-yellow {
    background-color: yellow; 
}

span.IA-paragraph {
	text-align: justify;
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
	margin-top: 12pt;
	margin-bottom: 0;
}

/* 
PARAGRAPH
*/

p.IA-link-center {
	font-family: Arial;
	font-size: 12pt;
	text-align: center;
}

p.IA-paragraph-center {
	text-align: center;
}

p.IA-heading {
	text-align: left;
	font-family: Arial;
	font-size: 12pt;
	color: #800000;
	font-weight: bold;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-heading-center {
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	color: #800000;
	font-weight: bold;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-heading-center-white {
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
}

p.IA-paragraph {
	text-align: justify;
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-paragraph-nojust {
	text-align: left;
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
}

p.IA-subheading-emphasis {
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #ff0000;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-subheading-normal {
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-quotation {
	text-align: center;
	font-family: "Times New Roman";
	font-size: 12pt;
	font-weight: bold;
	color: #800000;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-quotation-noemphasis {
	text-align: left;
	font-family: "Times New Roman";
	font-size: 12pt;
	color: #800000;
	margin-top: 12pt;
	margin-bottom: 0;
    margin-left: 2em;
}

p.IA-copyrightnotice {
	font-family: Arial;
	font-size: 8pt;
	color: #333333;
	text-align: center;
}

p.IA-credit {
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 10pt;
	color: #333333;
	text-align: center;
}

p.IA-paragraph-bullets-indent-ital {
	margin-left: 8em;
	font-style: italic;
	text-align: justify;
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
	margin-top: 6pt;
}

p.IA-paragraph-bullets-small {
	text-align: justify;
	font-family: Arial;
	font-size: 10pt;
	color: #333333;
	margin-top: 0;
	margin-left: 2em;
}

p.IA-subheading-quote {
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-style: italic;
	color: #0000ff;
	margin-top: 12pt;
	margin-bottom: 0;
}

p.IA-paragraph-bullets {
	font-family: Arial;
	font-size: 12pt;
	color: #333333;
    text-align: left;
}

p.red {
     color: red;
}

p.green {
     color: green;
}

p.IA-white  {
	color: #FFFFFF; 
}

p.IA-timesroman {
	font-family: "Times New Roman";
}


/* 
LISTS
*/

ul.IA-paragraph-bullets-list {
	font-size: 12pt;
	color: #333333;
	list-style: disc;
}

ol.IA-paragraph-numbered-list {
	font-size: 12pt;
	color: #333333;
	list-style-type: decimal;
}

/* 
OTHER
*/

img.IA-image-center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

iframe { 
   width: 50%;
   text-align: center;
   display: block;
   margin: 0 auto;
}

h1.IA-heading-page {
	text-align: left;
	font-family: Arial;
	font-size: 12pt;
	color: #008000;
	text-align: center;
	font-weight: bold;
	margin-top: 12pt;
	margin-bottom: 0;
}

a.IA-link-navbar {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #800000;
	color: #FFFFFF; 
}

/* force scroll bar to always be present for consistent display; affects only sanctions */
html {
    overflow-y: scroll;
}