html
{
	font-family: Arial;
	background: white;
}

#container 
{
	display: block;
	position: relative;
	float: none;
	width:80%;
	margin: 4em;
	margin-top: 2em;
	margin-bottom: 6em;
}

#title 
{
	color: #8a008b;
	background-color: white;
}

p#index-error
{
	display: block;
	float: left;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	font-size: 1.3em;
	color: red;
}

#paragraph-container 
{
	display: block;
	float:left;
	width:100%
}

#paragraph-text-container 
{
	display: block;
	float:left;
	width:60%;
	text-align: justify; 
	/* text-justify: inter-word; */
	min-width: 15em;
}

#image-container 
{
	display: block;
	float:left;
	margin-left: 1em;
	margin-top: 2em;
	width:35%;
}

#paragraph-text 
{
	display: block;
	font-size: 1.5em;
}

#paragraph-img
{
	margin-left: 2em;
	max-height: 16em;
	object-fit: contain;
}

#image-meta-text
{
	margin-left: 1em;
	font-size: .9em;
}

@media only screen and (max-width: 1000px) 
{
	#image-meta-text
	{
		margin-left: 2em;
	}

	#paragraph-text 
	{
		font-size: 1.2em;
	}

}

#search-type 
{
	display: block;
	position: relative;
	float:none;
	width:100%;
}

.search-type-ul 
{
	margin: 0;
	padding: 0;
	width:100%;
	height:auto;
	list-style-type: none;
}

.search-type-li 
{
	display: inline-block;
	
	margin: 0;
	margin-left: -1px;
	padding: 0;
	border: 1px solid rgb(222, 222, 222);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/* Initialize 1st element to be selected (then done from js)*/
li.search-type-li:nth-child(1) 
{
	background-color: #ebebeb;
}

.search-type-a 
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 3em;
	
	padding-top: .8em;
	padding-bottom: 1em;
	padding-left: .8em;
	padding-right: .8em;
	
	text-decoration:none;
	color: #8a008b;
}

#search-container 
{
	display: block;
	position: relative;
	float: left;
	margin-top: 1em;
	margin-bottom: 6em;
	width: 100%;
	min-width: 650px;
	max-width: 1400px;
}

#search-form-container
{
	display: block;
	position: relative;
	float: left;
	width:100%;
	min-width: 650px;
	
	margin-top: -1px;
	padding-bottom: 2em;

	border: 1px solid rgb(222, 222, 222);
	border-top: -1px solid rgb(222, 222, 222);
}

#error-search
{
	margin: 0.3em 0 -.5em .6em;
	padding: 0;
	color: red;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
}

#search-form
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

#search-terms-container
{
	display: block;
	position: relative;
	float: left;
	margin: 2em 0 .5em 2em;
	width: 85%;
}

#search-terms-text-continer
{
	display: block;
	position: relative;
	margin-right: 1px;
	float: left;
	width: 85%;
}

#search-terms-text 
{
	display: block;
	position: relative;
	float: left;
	padding: .2px;
	width: 100%;
	height: 41px;
	font-size: 1.4em;
	border: 1px solid rgb(222, 222, 222);
	border-radius: 4px;
}

#search-button-container
{
	display: block;
	position: relative;
	float: left;
	width: 10%; 
}

#search-button 
{
	margin-left: 2px;
	z-index: 100;
	padding: 0;
	color: #8a008b;
	border: 1px solid rgb(222, 222, 222);
	border-radius: 4px;
	background:	rgb(247, 247, 247);
}

#search-button:hover 
{
	cursor: pointer;
	box-shadow: 1px 2px 4px #8a008b;
}

#search-button-img
{
	margin: 4px;
	height: 30px;
	width: 30px;
}

h2#error
{
	margin: 4em 0 0 4em;
}

#search-help-container
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-left: 4em;
	font-size: 1em;
}

p#help-text-for-table
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: .1em 20% .6em 0;
	padding: 0;
}

a#search-help-link
{
	color: #8a008b;
}

a:hover#search-help-link
{
	cursor:pointer;
	color:#0096FF;
	text-decoration:underline;
}

table#help-tbl
{
	display: block;
	position: relative;
	float: left;
	width: 75%;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 0.8em;
}

thead#help-tbl-heading
{
	margin:0;
	padding: 0;
	border: 1px solid rgb(222, 222, 222);
	background: rgb(247, 247, 247);
}

tr#help-tr
{
	border: 1px solid black;
	background: rgb(247, 247, 247);
}

th:nth-child(1).help-th 
{
	width: 10%;
}

th:nth-child(2).help-th 
{
	width: 30%;
}

th:nth-child(3).help-th 
{
	width: 50%;
}

th.help-th
{
	margin: 0;
	padding: 0.4em 0 0.4em 0.2em;
	font-family: Arial;
	font-weight: bold;
	font-size: .9em;
	text-align: left;
	border: 1px solid rgb(222, 222, 222);
	background: rgb(247, 247, 247);
}

tbody#help-tbl-body
{
	border: 1px solid rgb(222, 222, 222);
}

td.help-td
{
	padding: 0.2em 0 0.2em 0.2em;
	border: 1px solid rgb(222, 222, 222);
}

#advance-search-container
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
}

#advance-search-icon
{
	display: block;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding-top: .4em;
	margin: 5px .5em 0 0;
}

#caret-down-icon
{
	display: block;
}

#caret-up-icon
{
	display: none;
}

img:hover#caret-down-icon 
{
	cursor:pointer;
	filter: hue-rotate(290deg);
}

img:hover#caret-up-icon 
{
	cursor:pointer;
	filter: hue-rotate(290deg);
}

#advance-search-text
{
	display: block;
	position: relative;
	float: left;
	width: 95%;
	font-size: 20px;
	font-weight: bold;
	color: #8a008b;
}

#advance-search-hidden-container
{
	display: none;
	position: relative;
	float: left;
	width: 95%;
	max-width: 1290px;
	margin-left: 1.2em;
	font-size: 1.8em;
}

.adv-search-text-input
{
	border: 1px solid rgb(222, 222, 222);
}

table#adv-help-tbl
{
	display: block;
	position: relative;
	float: left;
	width: 95%;
	margin-top: 2em;
	border-spacing: 0px;
	border-collapse: collapse;
}

thead#adv-help-tbl-heading
{
	margin:0;
	padding: 0;
	border: 1px solid rgb(222, 222, 222);
	background: rgb(247, 247, 247);
}

tr#adv-help-tr
{
	border: 1px solid black;
	background: rgb(247, 247, 247);
}

th:nth-child(1).adv-help-th 
{
	width: 8%;
	padding-left: .4em;
	min-width: 70px;
}

th:nth-child(2).adv-help-th 
{
	width: 30%;
	padding-left: 1em;
	min-width: 140px;
}

th:nth-child(3).adv-help-th 
{
	padding-left: .4em;
	overflow-wrap: break-word;
	width: 25%;
	min-width: 70px;
}

th:nth-child(4).adv-help-th 
{
	width: 37%;
	min-width: 100px;
}

th.adv-help-th
{
	margin: 0;
	padding: 0.4em 0 0.4em 0.2em;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	border: 1px solid rgb(222, 222, 222);
	background: rgb(247, 247, 247);
}

tbody#adv-help-tbl-body
{
	border: 1px solid rgb(222, 222, 222);
}

td.adv-help-td
{
	font-size: 10px;
	text-align: left;
	padding: 0.2em 0 0.2em 0.4em;
	border: 1px solid rgb(222, 222, 222);
}

td.adv-help-td-desc
{
	font-size: 10px;
	text-align: left;
	padding: 0.2em 0 0.2em 0.2em;
	border: 1px solid rgb(222, 222, 222);
}

.adv-search-text-input
{
	margin: 0 .5em 0 .5em;
	width: 90%;
	font-size: 14px;
}

#adv-search-button-container
{
	width: 95%;
	max-width: 1064px;;
}

#adv-search-button
{
	float: right;
	margin: 20px 0 0 0;
	padding: 8px 10px 8px 10px;
	width: auto;
	color: #8a008b;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid rgb(222, 222, 222);
	border-radius: 4px;
	background:	rgb(247, 247, 247);
}

#adv-search-button:hover
{
	cursor: pointer;
	box-shadow: 1px 2px 4px #8a008b;
}

#view-all-button-container
{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

#view-all-button
{
	float: left;
	margin: 20px 20px 0 0;
	padding: 8px 10px 8px 10px;
	width: auto;
	color: #8a008b;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid rgb(222, 222, 222);
	border-radius: 4px;
	background:	rgb(247, 247, 247);
}

#view-all-button:hover
{
	cursor: pointer;
	box-shadow: 1px 2px 4px #8a008b;
}

#legal-notice-container
{
	width: 100%;
}

p#eml-links
{
	display: block;
	float: left;
	width: 100%;
	margin-top: 3em;
	margin-bottom: 6em;
	font-family: Arial;
	font-size: 0.7em;
}

p#legal-notice
{
	display: block;
	float: left;
	margin-top: 3em;
	margin-bottom: 6em;
	font-family: Arial;
	font-size: 0.7em;
}

#footer
{
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.footer-item
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

a.eml-link
{
	font-family:Arial;
	font-size: 1.1em;
	color:#8a008b;
	text-decoration: none;
}

a:hover.eml-link 
{
	color:#0096FF;
	cursor:pointer;
	text-decoration: underline;
}