/* articles */

@media screen and (orientation: portrait)
{
	p						{width: 98%; margin-left: 1%; text-align: justify; font-size: 12pt;}
	.homepage				{color: black; margin-top: 5px;}
	.homepageheadingbuttons	{width: 70px; height: auto;}
	.homepagetext			{width: 93%;}
	.homepagetextwithimage, .homepageheadings, .homepageiconsheader	{font-size: 12pt;}
	.homepageiconsheader	{padding-top: 30px;}
	
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; text-align: center; padding-top: 6px; padding-bottom: 6px; width: 100%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.table80  				{width: 98%; margin-left: 1%;}
	.titlecentre 			{font-weight: bold; font-size: 11pt; text-align: center; margin-top: 0.3em; margin-bottom: 0.5em; width: 100%;}
	.twtwtw					{width: 100%;}
	img.withinreport		{width: 40%; height: auto; text-align: center; margin-right: 8px; margin-top: 3px; float: left;}
	img.withinreportportrait		{width: auto; height: 200px; text-align: center; margin-right: 8px; margin-top: 3px; float: left;}
	img.withinreportright	{width: 40%; height: auto; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
	img.withinreportrightportrait	{width: auto; height: 200px; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
}
	
@media screen and (orientation: landscape)
{
	p						{width: 70%; margin-left: 15%; text-align: justify; font-size: 14pt;}
	.homepage				{color: black; margin-left: 5%; width: 90%; margin-top: 5px;}
	.homepageheadingbuttons	{width: 70px; height: auto;}
	.homepagetext			{width: 95%;}
	.homepagetextwithimage, .homepageheadings, .homepageiconsheader	{font-size: 16pt; width: 95%;}
	.homepagereportsheader	{font-size: 20pt;}
	.homepageheadingbuttons	{width: 90px; height: auto;}
	.homepageiconsheader	{padding-top: 30px;}
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; text-align: center; padding-top: 0.75em; margin-bottom: 0.1em; width: 60%; margin-left: 20%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.table80  				{width: 80%; margin-left: 10%;}
	.titlecentre 			{font-weight: bold; text-align: center; margin-bottom: 0.67em; width: 100%;}
	.twtwtw					{margin-left: 10%; width: 80%;}
	img.withinreport		{width: 35%; height: auto; text-align: center; margin-right: 20px; margin-top: 5px; float: left; transition: .2s; z-index: 100;}
	img.withinreport:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportportrait		{width: auto; height: 300px; text-align: center; margin-right: 20px; margin-top: 5px; float: left; transition: .2s; z-index: 100;}
	img.withinreportportrait:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportright	{width: 35%; height: auto; text-align: center; margin-left: 20px; margin-top: 5px; float: right; transition: .2s; z-index: 100;}
	img.withinreportright:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportrightportrait		{width: auto; height: 300px; text-align: center; margin-left: 20px; margin-top: 5px; float: right; transition: .2s; z-index: 100;}
	img.withinreportrightportrait:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
}

p.imageleft					{width: 50%; text-align: left;}
h1 							{font-size: 2.1em; margin: 0.25em 0 0.25em 0; font-weight: bold; text-align: center;}
h2 							{font-size: 1.9em; margin: 0.25em 0 0.25em 0; font-weight: bold; text-align: center;}
h3 							{font-size: 1.7em; margin: 0.25em 0 0.25em 0; font-weight: bold; text-align: center;}
summary						{width: 100%; text-align: center; font-size: 14pt; font-weight: bold; color: blue;}
.articlesummary				{font-size: 14pt; font-weight: bold; color: blue;}
.button						{background-color: silver; padding: 5px 3px; color: black; font-size: 10pt; font-weight: normal; margin: 10px; border: 2px solid black; border-radius: 5px;}
.captcha					{margin-left: 5%; margin-right: 5%;}
.errortext 					{text-align: center; margin-bottom: 0.67em; font-size: 12pt; line-height: 14pt; color: red; font-weight: bold; padding-top: 10px;}
.input 						{font-weight: bold; text-align: left; font-size: 10pt;}
.matchreport,
.matchposter				{border: 1px solid black;}
.submit 					{background-color: red; color: black; font-size: 12pt; text-decoration: none; font-weight: bold; padding: 5px 3px; border: 2px solid black; border-radius: 5px;}
.submit:hover 				{background-color: black; color: #F3B02E; font-size: 12pt; text-decoration: none; font-weight: bold; padding: 5px 3px; border: 2px solid black; border-radius: 5px;}
.table80					{color: black; display: inline-table; text-align: center; padding: 10px 0;}


/********************** Start of Heritage Branding Banner and Black Nave Bar ********************************/
.homepageheadings			{font-weight: 900; text-align: left; margin: 0px 20px; display: block;}
.homepageheadingbuttons		{display: inline-block; float: left; padding-right: 20px; padding-bottom: 10px;}
.homepagehr					{margin-top: 10px; border-top: 1px solid black;}
.homepageicons				{border: 2pt solid blue; width: 22%;}
.homepageicons:hover		{border: 2pt solid #FF6600; width: 22%; height: auto;}
.homepageiconsheader		{font-weight: 900; text-align: center; margin: 0 20px;}
.homepageparagraph			{padding: 10px 0;}
.homepagereportsheader		{font-weight: 900; text-align: center; margin: 0 20px; padding: 10px 0px;}
.homepagetext				{font-size: 13pt; font-weight: normal; text-align: left; padding-top: 5px; margin: 0px 20px;}
.homepagetextwithimage		{font-weight: 900; text-align: left; display: inline-block;}
ul.other					{display: block; list-style-type: disc; margin: 15px 0; padding-left: 13%;}
li.other					{padding-left: 20px;}
/********************** End of Heritage Branding Banner and Black Nave Bar ********************************/